/****************************************** MAIN SECTIONS ***************************************/

html,body{margin:0;padding:0}
body{background-color:#b8bcbf;font: 76% arial,sans-serif;text-align:center; height:100%}
p{margin:0 10px 10px}
a{padding:5px;text-decoration:none;	color:#000000;}
a:link {text-decoration: none; color:#fff}
a:visited {text-decoration: none}
a:active {text-decoration: none; font-weight:bold}
a:hover {text-decoration: none; color: orange;}
div#container{width:800px;height:600px;margin:0 auto;padding-top:10px; padding-bottom:0;background-color:#b8bcbf; text-align:left;width:800px;}

/****************************************** HEADER SECTION & SHADOW ***************************************/


div#header{
 padding-bottom:8px;
 background-color:#b8bcbf;}	

.content_header{ 
 color: #fff; /*text color of content*/
 border: 0px solid #000; /*border color*/
 height:148px; 
 background-image:url(../images/banner.png);
 background-repeat:no-repeat;
 position: relative;
 bottom: 3px;
 right: 3px;
 background-color:#9ca1a5;}	
 
 .shadow_head{
 background-color: #646769; /*shadow color*/
 color: #5a5c5e;
 position: relative;
 bottom: 3px;
 right: 3px;}

.flash_header{ background-color: transparent; /*shadow color*/ width:228px; color: #5a5c5e; position: relative; top:9px; left: 564px;}

/****************************************** MAIN SECTIONS & SHADOW ***************************************/
 
div#wrapper{ /*main container within all other main content rests*/ background-color:#b8bcbf; float:left; width:100%; margin:0; padding:0; padding-bottom:0px;}
.shadow_con{ /* do not modify -----shadow width modifier*/ height:inherit; margin: 0 0 0 150px; /* HORZ POSitioning for center content and shadow*/ padding:0px; /* shadows bottom extension */ padding-bottom:2px; /* shadows bottom extension */  width:490px; /* shadows width */  position: relative; bottom: 4px; /*adjusts vert for center content and shadows*/ right: 0px; /*adjusts hoz for center content and shadows*/ background-color: #646769; /*shadow color*/ color: #5a5c5e; /*main body content shadow color*/}
.content{ background-color: #fff; /*background color of content*/ color: #000; /*text color of content*/ border: 0px solid #fff; /*border color*/ padding:  0px 28px 0px 23px; /*center contents internal padding adjustments for dynamic expansion as well as adjust for IE shadow */ height:auto; padding-bottom:1px; /*center contents padding bottom padding*/ width:438px; /*center contents width*/ position: relative; bottom: 2px; /* adjusts center contents vert posistion independant of shadow*/ right: 2px;}/* adjusts vert posistion independant of shadow*/
.content_container{ position:relative; margin:0; padding:0px; padding-top:10px;}
.content_container a{text-decoration:none;	color:#014E99;}
.content_container a:link {text-decoration:underline; color:#014E99}
.content_container a:visited {text-decoration:underline; color:#9900FF}
.content_container a:active {text-decoration:underline; font-weight:bold}
.content_container a:hover {text-decoration:underline; color: orange;}

/****************************************** LN (LEFT NAV) SECTIONS & SHADOW ***************************************/

div#left_nav{ padding:0;/* do not modify -----*/ margin:0;/* do not modify -----*/ float:left; /*float posistion*/ width:147px; /*shadow witdth actual in FF*/ margin-left:-800px} /*content and shadow initial posistion*/
.shadow_ln{ background-color: #646769; /*shadow color*/ color: #5a5c5e; position: relative; bottom: 3px; right: 3px;}
.content_left_nav{ background-image:url(../images/left_grade.gif); background-repeat:repeat-x; background-color: #2363a2; /*background color of content*/ color: #000; /*text color of content*/ border: 1px solid transparent; /*border color*/ width:145px; /*width of left nav content*/ position: relative; bottom: 3px; right: 3px;  margin:0; padding:0; height:393px}	
#left_nav_spacer{margin-bottom:10px;}

/****************************************** LEFT NAV BUTTONS ***************************************/



/****************************************** RN (RIGHT NAV) SECTIONS & SHADOW ***************************************/

/*********************** RIGHT NAV 1 **************************/
.content_right_nav1 a{text-decoration:none; color:#000000;}
.content_right_nav1 a:link {text-decoration: none; color:#fff}
.content_right_nav1 a:visited {text-decoration: none; color:#CCCCCC}
.content_right_nav1 a:active {text-decoration: none; font-weight:bold}
.content_right_nav1 a:hover {text-decoration: none; color: orange;}

div#right_nav1{ float:right; width:150px; margin-left:-150px; -clear:left; }
.content_right_nav1{ -width:124px; background-color: #2a69a5; /*background color of content*/ background-image:url(../images/right_2_menu_grade.gif); background-repeat:repeat-x; color: #000; /*text color of content*/ border: 1px solid transparent; /*border color*/ padding: .5em 2ex; height:100px; position: relative; bottom: 3px; right: 3px; }	
.shadow_rn1{ background-color: #646769; /*shadow color*/ color: #5a5c5e; position: relative; bottom:3px; right:3px; }

/*********************** RIGHT NAV 2 **************************/

div#right_nav2{margin-top:120px;float:right; width:150px;margin-left:-150px; -clear:left; border:0px solid red;  }
.content_right_nav2{ background-color: #2a69a5; /*background color of content*/ background-image:url(../images/right_grade.gif); background-repeat:repeat-x; color: #000; /*text color of content*/ border: 1px solid transparent; /*border color*/ padding: .5em 2ex; position: relative; height:256px; bottom: 3px; right: 3px;}
.shadow_rn2{ background-color: #646769; /*shadow color*/ color: #5a5c5e; position: relative; bottom: 3px; right: 3px;}


.right_nav2_buts { }
a.rollover_cam_con {margin:5px 0px 0px 0px ; padding:0px 6px 0px 0px; width: 103px; height:40px; -height:36px; background: url("../images/nav_cam_con.gif"); float:right; background-repeat:no-repeat;}
a.rollover_enr_ser { padding:0px 11px 0px 0px; width: 103px; height:38px; background: url("../images/nav_enr_ser.gif"); float:right; background-repeat:no-repeat;}
a.rollover_on_book { padding:0px 11px 0px 0px; width: 103px; height:40px; background: url("../images/nav_on_book.gif"); float:right; background-repeat:no-repeat;}
a.rollover_web_ct {  padding:0px 11px 0px 0px; width: 103px; height:38px; background: url("../images/concurrent.gif"); float:right; background-repeat:no-repeat;}
a.rollover_lib {     padding:0px 5px 0px 0px; width: 103px; height: 30px; background: url("../images/nav_lib.gif"); float:right; background-repeat:no-repeat;}
a.rollover_vir_tou { padding:0px 5px 0px 0px; width: 103px;height: 36px; background: url("../images/nav_vir_tou.gif"); float:right; background-repeat:no-repeat;}
a.rollover_bla_boa { padding:0px 5px 0px 0px; width: 103px;height: 36px; background: url("../images/nav_bla_boa.gif"); float:right; background-repeat:no-repeat;}
a.rollover_myac { padding:0px 5px 0px 0px; width: 103px;height: 36px; background: url("../images/nav_myac.gif"); float:right; background-repeat:no-repeat;}

/*********************** FOOTER **************************/

div#footer{ padding:6px 0px; clear:left; width:100%} /* Adjustt vert spacing of footer*/
div#footer p{ margin:0; padding:5px 10px}
.content_footer{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#fff; letter-spacing:.5px; line-height:40%; background-image:url(../images/footer_back.gif); background-repeat:repeat-x; background-color: #014f9a; /*background color of content*/ border: 0px solid transparent; /*border color*/ margin:0; padding:0; height:43px; position: relative; bottom: 3px; right: 3px;}
.shadow_foot{ background-color: #646769; /*shadow color*/ color: #5a5c5e; position: relative; bottom: 3px; right: 3px;}
.content_footer a{padding:0px;text-decoration:none;	color:#fff;}
.content_footer a:link {text-decoration: none; color:#fff}
.content_footer a:visited {text-decoration: none; color:#CCCCCC}
.content_footer a:active {text-decoration: none; font-weight:bold}
.content_footer a:hover {text-d ecoration: none; color: orange;}


/****************************************** SEARCH BOX ***************************************/

/* Text Box with Rounded Corners: */
.searchboxdiv{  vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:0; padding:0; height:17px; width:124px; background:url(../images/search_box.gif) no-repeat top; background-position:left;}
.searchboxdiv a{ font-size:13px; font-weight:bold; color:#fff; vertical-align:inherit;}
.searchbox{ background:none; border:none; width:76px; height:17px; margin:0; padding: 2px 7px 0px 7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666; size:7;}
.search_title{ font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:.1px; font-size:13px; line-height:130%; text-decoration:none; font-weight:bold; color:#FFF; position:inherit; top:0px; left:0px; padding:0px 0px 10px 15px; margin:0px;}
.search_index{ a:link color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:.1px; font-size:10px; line-height:130%; text-decoration:none; font-weight:bold; color:#FFF; position:absolute; height:10px; width:125px; top:90px; left:28px; padding:0px; margin:0px; }
.search_quick_link{ border:0px solid yellow; padding:10px 0px 0px 0px; margin:0px; height:20px; width:124px;}
/********* SELECT BOX ************/