body { background:#FFFFFF; color:#666666; font-family:verdana; font-size:12px; margin:0 auto; }
form { margin:0; padding:0; }

.align-center { display:block; textlign:center; }
.align-left { display:block; textlign:left; }
.align-right { display:block; textlign:right; }
.right { float:right; }
.left { float:left; }
.clear { clear:both; display:block; }

.red { color:#CC0000; }
.black { color:#000000; }

#body { background:#E0E0E0; margin:0 auto; width:810px; }

	.m_color { color:#808080; font-family:arial; font-weight:bold; }
	.c_color { color:#000000; font-family:arial; font-weight:bold; }	
	.u { text-decoration:underline; }
	
	#page-header { background-image:url('../img/header.gif'); background-repeat:repeat-x; height:4px; margin-top:10px; width:810px; }
	#page { background-image:url('../img/bg.gif'); background-repeat:repeat-y; clear:left; float:left; height:auto !important; height:340px; min-height:340px; width:810px; }
		
		#header { background:#F1F1F1; border-top:1px solid #CDCDCD; color:#808080; height:1px; float:left; margin:0 10px 0 4px; width:800px; }	
		
		#header-mcm { color:#CCCCCC; cursor:pointer; float:left; margin:0 0 0 4px; padding:10px 0 0 0; text-align:center; width:800px; }
			.header-m { color:#c1c1c1; font-family:verdana; font-size:270px; font-weight:bold; }
			.header-m-dark { color:#a9a9a9; font-family:verdana; font-size:270px; font-weight:bold; }
			.header-c-light { color:#EAEAEA; font-family:verdana; font-size:270px; font-weight:bold; }
			.header-c { color:#959595; font-family:verdana; font-size:270px; font-weight:bold; }
			.header-c-dark { color:#767676; font-family:verdana; font-size:270px; font-weight:bold; }
		
		#menu { background:#808080; color:#CCCCCC; height:40px; float:left; font-size:18px; margin:-39px 0 0 4px; padding:10px 0 0 105px; text-align:left; width:695px; }
			#menu a { color:#efefef; font-family:verdana; font-size:18px; letter-spacing:1.7px; text-decoration:none; }		
			#menu a:hover { color:#FF9A00; }		
			#menu .active { color:#FF9A00; }		
		
		.index-popup { position:absolute; left:0; top:0; width:132; border-style:solid; border-width:4; border-color:blue; background-color:yellow; padding:5px; color:red; font-family:Arial; font-weight:bold; font-size:10pt; z-index:2; visibility:hidden; }
		
		#content { background:#808080; clear:left; color:#FFFFFF; float:left; height:auto !important; height:200px; min-height:200px; margin:0 0 0 4px; padding:0 0 0 105px; width:695px; }
			#content-txt-index { font-family:arial; font-size:50px; font-weight:bold; width:640px; }
			#content-txt { font-family:arial; font-size:30px; font-weight:bold; width:640px; }
			#content-txt-index a { color:#FF9A00; font-family:verdana; font-size:50px; font-weight:bold; text-decoration:none; }		
			#content-txt-index a:hover { text-decoration:underline; }	
			#content-txt a { color:#FF9A00; font-family:verdana; font-size:30px; font-weight:bold; text-decoration:none; }		
			#content-txt a:hover { text-decoration:underline; }	
			
		#footer { background:#808080; clear:left; color:#cdcdcd; float:left; font-size:11px; letter-spacing:0.2px; margin:0 0 0 4px; padding:10px 0 10px 105px; text-align:left; width:695px; }
			#footer a { color:#cdcdcd; text-decoration:none; }
			#footer a:hover { text-decoration:underline; }	
	
	#page-footer { background-image:url('../img/footer.gif'); background-repeat:repeat-x; clear:left; color:#999999; float:left; font-family:arial; font-size:11px; height:4px; padding:4px 0 0 0; text-align:center; width:810px; }
	
	
	.spiderpic { position: relative; z-index: 0; background:}
	.spiderpic:hover { background-color: transparent; z-index: 50; }
	.spiderpic span{ /*CSS for enlarged image*/ position:absolute; background-color:white; margin:-420px 0 0 -588px; left:-1000px; border:1px solid black; visibility:hidden; color:black; text-decoration:none; }
	.spiderpic span img{ /*CSS for enlarged image*/	border-width:0; padding:2px; }
	.spiderpic:hover span{ /*CSS for enlarged image on hover*/ visibility:visible; top:0; left:60px; /*position where enlarged image should offset horizontally */ }
	
	
/**************************
PAGE POPUP
**************************/	
#popup-portal { color:#666; font-family:arial; font-size:12px; height:100%; textlign:left; }
#popup { margin:10px; }
#popup-portal-center img { margin-top:8px; }
#popup-portal-center { font-family:verdana; textlign:center; width:660px; }
.popup-title { border-bottom: #e4e4e4 1px solid; display:block; font-family:verdana; font-size:12px; font-weight: bold; margin:0 4px 10px 0; padding:0 0 4px 0; textlign:left; }
	#popup-portal a { color:#006699; line-height:18px; text-decoration:none; }
	#popup-portal a:hover { color:#006699; text-decoration:underline; }
	
/**************************
PAGE ERROR
**************************/
	.error-page { display:block; font-family:verdana; font-size:12px; margin:0 auto; padding:60px 0 0 0; text-align:right; width:590px; }
		.error-page a { color:#999999; font-size:9px; font-family:georgia; text-decoration:none; }
		.error-page a:hover { color:#000000; }
	.error-page-box { border:1px solid #CCCCCC; color:#666666; display:block; float:left; height:298px; margin:0 auto; text-align:center; width:100%; }
	.error-page-left { float:left; width:310px; }
	.error-page-right { float:left; padding:96px 10px 0 0; text-align:left; width:270px; }
		.error-page-title { color:#666666; display:block; font-weight:bold; padding:10px 0 5px 0; text-align:left; }
		.error-page-sug { color:#0072A8; display:block; padding:5px 0 5px 0; text-align:center; }
		.error-page-right img { margin:0 0 9px 0; }
		.error-page-right a { color:#666666; font-family:verdana; font-size:12px; text-decoration:underline; }
		.error-page-right a:hover { color:#000000; }