* {
	padding:0;
	margin:0;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	padding: 0px;
	margin: 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */		
}
.pagecontainer {
	margin:0 auto;
	margin-left: auto ;
	margin-right: auto 	
	width:auto;
	/*width:1200px; */
	text-align:center;
	min-width:980px;
	max-width: 1200px;
	min-height:750px;	
	line-height:12px;	
	position: relative;
	overflow: hidden;
    text-align: left;		
	/*width: 972px;   read this is what Yahoo deterined was optimnum */
/*	border:thin;
	border-style:solid;
	border-color: red;	*/

}
.boxtemplatecontainer {
	margin:0 auto;
	margin-left: auto ;
	margin-right: auto 	
	width:auto;	
	width:800px;
	min-height:750px;	
	text-align:center;
	line-height:12px;	
	position: relative;
	overflow: hidden;
	/*border:thin;
	border-style:solid;
	border-color: red;	*/
}
.header {
	float: left;
	width: 100%;
}
.midsection {
	position: relative;
	width: 100%;
	right: 31%;
}
.colleft {
	position: relative;
	width: 100%;
	right: 36%;
}
.left_col {
	padding:0px;
	margin: 0px;
	border:thin;
	border-style:solid;
	border-color: #<?php echo SITE_LEFT_BOX_COLOR ?>;
    float: left;
	width: 23%;
	margin-bottom: 10px;
}

.left_col_nav_list{
	height: 400px;
	/*width: <?php echo LEFT_BOX_WIDTH?>px; */
    width:auto;
	/*border: none;*/
	padding:10px;
	margin:0px;	
	text-align: left;
    background-color: #<?php echo SITE_LEFT_BOX_COLOR ?>;	
}
.middle_col {
	padding-top:30px;
    float: left;
	width: 48%;
	margin-left: 2%;
	margin-bottom: 10px;

}
.right_col {
	/*border:thin;
	border-style:solid;
	border-color: #00CCCC;*/
	padding:0px;
	margin: 0px;
	float: right;
	width: 20%;
	margin-left: 3%;
	margin-bottom: 10px;	
}
.FutureHere {
    float: right;
	clear:right;
	font-family : Verdana, Arial, sans-serif;
	font-size : 100%;
	font-weight:bold;
	color: #3399FF;
    background-color:#<?php echo SITE_SLOGAN_BOX_COLOR ?>;
	border: none;
	padding: 16px;
	margin-top: 14px;
	text-align: center;
	width:<?php echo RIGHT_BOX_WIDTH;?>px;	
}
.timeText {
    float: right;
	clear:right;	
	font-family : Verdana, Arial, sans-serif;
	font-size : 70%;
	color: #009999;
	border: none;
	height: 30px;
	width: <?php echo RIGHT_BOX_WIDTH;?>px;			
	line-height: 190%;   /* percents seems to be okay*/
	padding: 15px;
	text-align: center;	
	margin-top: 12px;
}
.right_col_nav_list {
    float: right;
	clear:right;	
    background-color: #<?php echo SITE_RIGHT_BOX_COLOR ?>;
	border: none;
	height: 350px;
	padding: 15px;
    width: <?php echo RIGHT_BOX_WIDTH;?>px;	
}
.skillstest {
	position: relative;
	overflow: hidden;
	float: left;
	height: 30px;
	width: 95%;
	border:medium;
	border-style:ridge;
	border-color: #00CCCC;
	text-align:center;
	padding-top:12px;
	margin:15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	font-size: 120%;
	color: #F00;
}
.midcol1 {
	padding-left:15px;
	float: left;
	width: 48%;
		/*	border:thin;
	border-style:solid;
	border-color: red;	*/
}
.midcol2 {
	float: right;
	width: 48%;	
		/*border:thin;
	border-style:solid;
	border-color: red;	*/
}
.midlist {
	position: relative;
	overflow: hidden;
	float: left;
	width: 95%;
	padding-top: 5px;
		line-height:1.5;	
}
.wantregister {
	width: 80%;
	margin-left:10%;
	color: #009999;
	font-size: 90%;
	padding-top: 15px;
	text-align:center;
}

.enterlinks {
	width: 80%;
	margin-left:10%;	
	font-size: 90%;
	padding-top: 5px;
	text-align:center;
}
.getconnected {
    margin-left:20%;
	font-family : Verdana, Arial, sans-serif;
	font-size : 100%;
	font-weight:bold;
	color: #3399FF;
    background-color:#<?php echo SITE_SLOGAN_BOX_COLOR ?>;
	border: none;
	padding: 10px;
	padding-top: 26px;
	margin-top: 14px;
	text-align: center;
	width:270px;	
	height:32px;
}
.somethingsnew {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size : 90%;
	color: #000000;
	border: none;
	margin-left:10%;
	margin-top: 14px;
	text-align: center;
	width:85%;	
	padding: 5px;	
	line-height:1.3;
}
.midcol_bottom {
	text-align:center;
	margin-top:20px;
}
.footer {
	float: left;
	width: 100%;
	/*border:thin;
	border-style:solid;
	border-color: red;*/
}
.header_logo_box {
	margin-top:15px;
	margin-left:10px;	
	float: left;
	width: 403px;
}
.header_middle {
	float: left;	
	text-align:center;
	margin-top: 12px;

}
.header_reading_room_box {
	font-size:13px;
	float: right;
	width: 40%;
    background-color:#<?php echo SITE_LEFT_BOX_COLOR ?>;
}
.header_readingroomgrid {
	float: left;
	width: 100%;
}
.header_readingroomgrid_leftcol {
	float: left;
	width: 33%;
	white-space: nowrap;
}
.header_readingroomgrid_midcol {
	margin-top:6px;	/*because of the larger text in the left col box title*/
	float: left;	
	width: 30%;
	white-space: nowrap;
}
.header_readingroomgrid_rightcol {
	margin-top:6px;	/*because of the larger text in the left col box title*/
	float: right;
	width: 30%;
	white-space: nowrap;
}
.header_readingroomcells {
	float: left;	
    font-family : Verdana, Arial, sans-serif;
	color: BLUE;		
	font-size: 80%;
	height: 16px;
	line-height: 100%;   /* percents seems to be okay*/
	margin-left: 3px;
	margin-top: 3px;
	padding: 3px;
	width: 232px;	
	border: none;
	display: inline;
	vertical-align: middle;
	font-style: normal;
	white-space: nowrap;
}
.boxheaderText {
	float: left;	
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;	
	font-weight: bold;	
	font-size: 90%;
	height: 22px;
	line-height: 140%;   /* percents seems to be okay*/
	margin-left: 3px;
	margin-top: 3px;
	padding: 3px;
	width: 232px;	
	display: inline;
	vertical-align: middle;	
	white-space: nowrap;
}
.LinksHeader {
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	font-weight:bold;
	color: Red;
	height: 10px;
	text-align:right;
}
.legalText {
	font-family : Verdana, Arial, sans-serif;
	font-size : 70%;
}

.cntrmenu {
	font-family : Verdana, Arial, sans-serif;
	font-size : 90%;
	color: #009999;
}
.boxText {
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 95%;
	color: BLUE;
	height: 15px;
	border: none;
	display: inline;
	height: 22px;
	line-height: 100%;   /* percents seems to be okay*/
	margin-left: 3px;
	margin-top: 3px;
	padding: 3px;
	width: 232px;
	vertical-align: middle;
	font-style: normal;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clear_both {
	clear: both;
}
.leftcolbottombox {
	border: none;
	float: left;
	height: 70px;
	padding: 0px;
	width: 240px;
	margin-top:25px;
	margin-left:45px;
}
.leftcolbottomboxtext  {
	border: none;
	float:left;
    width:auto;
	padding:5px;
}
.leftcolbottomboxbox {
    width: 70px;
	float:left;
}
.leftcolbottomboxbox2 {
    width: 70px;	
	float:left;
}
.adobebox {
	border: none;
	height: 63px;
	text-align: left;
	width: 178px;
}
.adobepdf {
	border: none;
	clear: both;
	float: left;
	height: 59px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
	width: 178px;
}
.footerbox {
	border: none;
	height: 156px;
	text-align: left;
	width: 100%;
}
.footleft {
	border: none;
	clear: both;
	float: left;
	height: 67px;
	line-height: 500%;   /* percents seems to be okay*/
	padding-top: 15px;
	width: 25%;
}
.textcenterpadtop {
	border: none;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	width: 100%;
	text-align:center;
	line-height:1.5;		
}
.footlefttextbox {
	border: none;
	height: 44px;
	text-align: left;
	width: 331px;
}
.foottext {
	border: none;
	float: left;
	clear:both;	
	height: 38px;
	padding: 0px;
	margin: 0px;
	width: 98px;
}
.googlebox {
	float: right;
	height: auto;
	padding: 0px;
	margin: 0px;	
	width: 35%;
}
.googleboxtext {
	margin: 0px;	
	float:right;
	clear:both;
	width: 150px;
	height: 45px;
	font-size: 16px;
	font-weight:900;
	color:#ff0000;
	line-height:1.5;	
	text-align:center;
	padding-bottom:4px;
}
.googlenews {
	margin: 0px;
	padding: 1px;
	float:right;
	clear:both;
}
.valign {
	vertical-align: middle;
}
.logo_image {
	float: right;	
	text-align:center;
	margin-top: 12px;

}