html, body { height: 100%; margin: 0px;}
* {
padding: 0;
margin: 0;
}
* html #surround {
height: 100%;
}
#surround {width: 100%; margin: 0px auto -100px auto; /* top, right, bottom, left */ padding: 0px 0px 0px 0px; border: 0px solid #000; background-color: white;  
 text-align: center; min-height: 100%;
	_height: auto !important;

height: 100%; 
}

#topbar {background-image:url(images/bar.jpg); background-repeat: x; background-position:top left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; width: 100%; padding: 3px; text-align: center; margin: auto 0; 


} 
.top { color: #EDEDFA; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; width: 775px; margin: auto 0;  border: 0px black solid;


} 
.top a:link{ color: #EDEDFA; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;

} 
.top a:hover{ color: #C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;

} 
.top a:visited{ color: #EDEDFA; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;

} 
#chalk {background-image:url(images/chalk.jpg); background-repeat: x; background-position:top left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; width: 100%;  padding: 4px; text-align: center; margin: auto 0; 

} 

p {
  margin-top: 0em;
  margin-bottom: 1em;
}


/* columns*/

#content { font-family: arial, sans-serif; overflow:hidden; 
	color: #07080A;
	font-size:9pt;
	font-weight: normal; 
	text-align: left;
	background-color: white; 
	width: 775px; 
	margin: 0px auto ;
	position: relative;
	top: 10px; bottom: 0px;
	padding-bottom: 0px;
	background-image:url(images/content.jpg) repeat; 
	border: 1px solid black;  min-height: 100%;
	_height: auto !important;

height: 100%;  }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 

.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;} 
clearfix {display: block;} 
/* End hide from IE-mac */

#lh{
 position:absolute; border: 0px solid black;
 top: 0px; padding: 5px;
 left:0;
 width:170px; 
  background: #E3F2E6;
 color: #07080A;
height: inherit;
	min-height: 100%;
	_height: auto !important;

height: 100%; 

}

#lh_sp{
 position:absolute; border: 0px solid black;
 top: 0px;
 left:170;
 width:22px; 
 background: transparent;
 color: #07080A;}


#mid{
 position:absolute; border: 0px solid black;
  top: 10px;
 left:192px;
 width:448px;
 background: transparent;
font-family: arial, sans-serif; color:#07080A; font-size:9pt; text-align: left;
min-height: 100%;
	_height: auto !important;

height: 100%; 
}

#mid_sp{
 position:absolute; border: 0px solid black;
 top: 00px;
 left: 612px;
 width:37px;
 background: transparent;
 color: #07080A;}

#rh{
 position:absolute; border: 0px solid black;
 top: 00px;
 left:649px;
 width:126px;
 background: #275C86;
 color: #07080A;
height: inherit;
	min-height: 100%;
	_height: auto !important;

height: 100%; 

}

.2columns {
 position:absolute; border: 1px solid black;
 float: left;
 left:2px;
 width:445px; padding: 3px;
 background: transparent;
 color: #07080A;}

.leftmiddle { 
 color: #07080A; 
 border: 1px solid #000000;
 background: white;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 100px;
 width: 200px;
 float: left; 
}
.rightmiddle { 
 color: #07080A; border: 0px solid black;
 border: 0px solid #ccc;
 background: white;
 margin: 6px 0px 0px 12px;
 padding: 4px 0px 0px 0px;
 height: 100px;
 width: 220px;
 float: left; 

}




#footer, #push { position:relative; bottom:0; width: 100%; height:75px; /* Height of the footer */ background: black; color: #E3F2E4; padding-top: 10px; 
	font-family: verdana, arial, sans-serif; overflow:auto; 
	font-size:8pt;
	font-weight: normal; 
	text-align: center;
}

.footerc { position:relative; bottom:0; width:770px;  background: black; color: #E3F2E4; 
	font-family: verdana, arial, sans-serif; overflow:auto; 
	font-size:8pt;
	font-weight: normal; 
	text-align: center;
	margin: auto;
}