body {
	margin: 0px 10px 0px 0px;
	padding:0;
	color: #000000;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#container {
	width: 800px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left!important;
	background: url(images/MJC-home_26.gif) repeat-y;
}

#main {
/*	background: url(images/MJC-home_26.gif) repeat-y;	--removed for testing -- */
}


.replace{ position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } 
.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ } 

.sub_header {
	display: block;
	width: 403px;
	line-height: 26px;
	background: #c90016;
	color: #ffffff;
	font-size: 15px;
	padding: 0 10px;
}

#lcol {
	width: 329px;
	border: 0;
	float: left;
}

#mcol {
	width: 562px;
	border: 1px solid 000;
	float: left;
}

#rcol {
	width: 471px;
	min-height: 581px;
	border: 0;
	float: left;
	background: url(images/MJC-right_background_13.gif) no-repeat;
	
}

#rcolhdr {
/*	float: top;	*/
	width: 471px;	
	
}

#rcontenthdr {
/*	width: 471px;	*/
	min-height: 581px;
	border: 0;
	float: center;

}

#contentArea {
/*	width: 471px;	*/
	width: 423px;
	border: 0;
	background: #fff;
	padding: 0 0 0 0;
	margin: 0 0 0 23px;
	
}	

#rcolnav {
	width: 471px;	
	min-height:29px;
	border: 0;
}

#logoBar {
	background: #CCCCCC;
}

#nav{
	background: #0099FF;
}

#footer {
	width: 100%;
}

#footer table {
	width: 100%;
	float: left;
}

#footer table td {
	line-height: 25px;
	color: #3b75d2;
	font-size: 11px;
	font-weight: bold;
}

.clearAll {
	clear:both;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left: 10px;
	margin-right: 10px;
}

/*
hi {
	margin-left: 30px;
	marging-top: 20px;
	margin-right: 20px;
	marging-bottom: 0px;
}
*/

#bottomImage {
}

#column2 {
	float: left;
	width: 440px;
	min-height: 470px;
	margin-left: 160px;
	display: inline;
	color:#333;
}

/* Main Navigation */


#mainMenu {
	float: left;
	width: 471px;
	margin: 0 0;
	padding: 0 0;
}

#mainMenu ul {}

#mainMenu li {
	float:left;
	list-style: none;
}

#navArea ul li span {
	display: none;
}	




#home a {
	display: block;
	text-decoration:none;
	width: 40px;
	height: 29px;
	background: url(images/nav-home.gif) no-repeat;
}		
	
#home a:hover {
	display: block;
	text-decoration:none;
	width: 40px;
	height: 29px;
	background: url(images/nav-home.gif) no-repeat;
	background-position: 0 -29px;	
}

#home_selected a {
	display: block;
	text-decoration:none;
	width: 40px;
	height: 29px;
	background: url(images/nav-home.gif) no-repeat;
	background-position: 0 -58px;
}



#about a {
	display: block;
	text-decoration:none;
	width: 65px;
	height: 29px;
	background: url(images/nav-about.gif) no-repeat;
}		
	
#about a:hover {
	display: block;
	text-decoration:none;
	width: 65px;
	height: 29px;
	background: url(images/nav-about.gif) no-repeat;
	background-position: 0 -29px;	
}

#about_selected a {
	display: block;
	text-decoration:none;
	width: 65px;
	height: 29px;
	background: url(images/nav-about.gif) no-repeat;
	background-position: 0 -58px;
}



#services a {
	display: block;
	text-decoration:none;
	width: 59px;
	height: 29px;
	background: url(images/nav-services.gif) no-repeat;
}		
	
#services a:hover {
	display: block;
	text-decoration:none;
	width: 59px;
	height: 29px;
	background: url(images/nav-services.gif) no-repeat;
	background-position: 0 -29px;	
}

#services_selected a {
	display: block;
	text-decoration:none;
	width: 59px;
	height: 29px;
	background: url(images/nav-services.gif) no-repeat;
	background-position: 0 -58px;
}



#portfolio a {
	display: block;
	text-decoration:none;
	width: 71px;
	height: 29px;
	background: url(images/nav-portfolio.gif) no-repeat;
}		
	
#portfolio a:hover {
	display: block;
	text-decoration:none;
	width: 71px;
	height: 29px;
	background: url(images/nav-portfolio.gif) no-repeat;
	background-position: 0 -29px;	
}

#portfolio_selected a {
	display: block;
	text-decoration:none;
	width: 71px;
	height: 29px;
	background: url(images/nav-portfolio.gif) no-repeat;
	background-position: 0 -58px;
}



#contact a {
	display: block;
	text-decoration:none;
	width: 77px;
	height: 29px;
	background: url(images/nav-contact.gif) no-repeat;
}		
	
#contact a:hover {
	display: block;
	text-decoration:none;
	width: 77px;
	height: 29px;
	background: url(images/nav-contact.gif) no-repeat;
	background-position: 0 -29px;	
}

#contact_selected a {
	display: block;
	text-decoration:none;
	width: 77px;
	height: 29px;
	background: url(images/nav-contact.gif) no-repeat;
	background-position: 0 -58px;
}






	
	
#rightH1 {
 	font: 150% Lucinda, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight: normal;
	margin: 40px 15px 20px 15px;
	color: #1C74BB;
	background-color: #FFF;a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #CC0000;
}

#subheader {
	border: 1px solid #000;	
	margin: 0;
	padding: 0;
	
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	color: #0033CC;
}
a:visited {
	color: #CC0000;
}