@import url( 'lightbox.css' );

/*~~~~~~~~~~~STANDARD PAGE IDS~~~~~~~~~~~*/ 
* {
	margin:0;padding:0;
}

body {
	margin:0;padding:0;	background-color: #21283C; background-image: url(bg_body.gif); background-repeat: repeat-x;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; color: white;
}

.bgwhite {background-color:white;}

#site-wrapper {
	width: 844px;	margin-left: auto;	margin-right: auto;	padding: 0;
}

#header {
	background-color:#21283C; height: 146px; background-repeat: no-repeat; margin-left: auto; margin-right:auto;
}

#header_img {	background-image: url(bg_header.gif); margin-left:auto; margin-right:auto; width: 800px; height: 146px;}
#header_img_sf {	background-image: url(bg_header_sf.gif); margin-left:auto; margin-right:auto; width: 800px; height: 146px;}
#header_img_energy {	background-image: url(bg_header_energy.gif); margin-left:auto; margin-right:auto; width: 800px; height: 146px;}

#nav_bar {
	width: 800px; height: 29px; padding: 0 0 0 0; margin: 0 auto 0 auto; clear: both; background-image: url(nav_bar.gif); background-repeat: repeat-x;
}



/*~~~~~~~~~~~NAVIGATION~~~~~~~~~~~*/

.dropmenu { font-family:verdana; font-size:11px; line-height: 27px; padding:1px 0 0 0; list-style:none; margin: 0px 0 0 0px; } /*Color navigation bar normal mode*/
.dropmenu ul {  margin: 0;	  padding: 0;  list-style-type:none;   color: white;}
.dropmenu ul li { float:left; position: relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;  color: white; }
.dropmenu ul li a { float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; line-height:27px; padding:0 20px 0 20px; text-decoration:none; color: white; font-weight: normal; border-left: 1px solid #3F4D74; border-right: 1px solid #3F4D74;}
.dropmenu ul li ul { display:none; border:none; color: white;}

/*Non-IE6 hovering*/
.dropmenu ul li:hover a { background-color:#21283C;color:#ffffff;text-decoration:none; border-left: 1px solid white;border-right: 1px solid white; border-bottom: 0px solid white; height: 27px;} 

/*Color main cells hovering mode*/
.dropmenu ul li:hover ul { display:block; width:127px; position: absolute; z-index:999; top:27px; left:0; text-align: left; border-bottom: 1px solid white;}
.dropmenu ul li:hover ul li a { display:block; width:110px; height:auto; line-height:27px; ;padding:0 5px 0 10px; font-weight:normal; color:white; background-color:#3F4D74;color:#ffffff; border-left: 1px solid white;border-right: 1px solid white;border-top: 1px solid white;} 

/*Color subcells normal mode*/
.dropmenu ul li:hover ul li a:hover { text-decoration:none; background-color:#21283C;color:white;} 

/*Color subcells hovering mode*/
/*IE6 hovering*/
.dropmenu table { position:absolute; top:-4px; left:0px; border-collapse:collapse;}
.dropmenu ul li a:hover {background-color:#21283C;color:#ffffff;text-decoration:none; border-left: 1px solid white; border-right: 1px solid white; height: 27px;} 

/*Color main cells hovering mode*/
.dropmenu ul li a:hover ul { display:block;  width:12.0em;  position:absolute;  z-index:999; top:31px; t\op:31px; marg\in-top:0; border-bottom: 1px solid white;}
.dropmenu ul li a:hover ul li a { display:block; w\idth:120px; height:1px; line-height:27px; padding:0px 5px 0px 10px;  font-weight:normal; color:white; background-color:#3F4D74; border-top: 1px solid white;border-left: 1px solid white;border-right: 1px solid white;} 

/*Color subcells normal mode*/
.dropmenu ul li a:hover ul li a:hover { background-color:#21283C;color: white; text-decoration:none; } 

/*Color subcells hovering mode*/
.dropmenu a:visited {color: White; text-decoration: none;}
#left_tab {border-left: 1px solid white;}



.dropmenu2 { font-family:verdana; font-size:11px; line-height: 27px; padding:0 0 0 0; list-style:none; margin: 0 0 0 0;} /*Color navigation bar normal mode*/
.dropmenu2 ul {  margin: 0;	  padding: 0;  list-style-type:none;   color: white;}
.dropmenu2 ul li { float:right; position: relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;  color: white; }
.dropmenu2 ul li a { float:none !important /*Non-IE6*/; float:right /*IE-6*/; display:block; line-height:27px; padding:0 20px 0 20px; text-decoration:none; color: white; font-weight: normal; border-left: 1px solid #3F4D74; border-right: 1px solid #3F4D74; width: 130px;}
.dropmenu2 ul li ul { display:none; border:none; color: white;}

/*Non-IE6 hovering*/
.dropmenu2 ul li:hover a { background-color:#21283C;color:#ffffff;text-decoration:none; border-left: 1px solid white;border-right: 1px solid white;height: 27px;} 

/*Color main cells hovering mode*/
.dropmenu2 ul li:hover ul { display:block; width:172px; position: absolute; z-index:999; top:27px; left:0; text-align: left; border-bottom: 1px solid white;}
.dropmenu2 ul li:hover ul li a { display:block; width:132px; height:auto; line-height:27px; ;padding:0 5px 0 33px; font-weight:normal; color:white; background-color:#3F4D74;color:#ffffff; border-left: 1px solid white;border-right: 1px solid white;border-top: 1px solid white;} 

/*Color subcells normal mode*/
.dropmenu2 ul li:hover ul li a:hover { text-decoration:none; background-color:#21283C;color:white;} 

/*Color subcells hovering mode*/
/*IE6 hovering*/
.dropmenu2 table { position:absolute; float: right; top:-4px; left:124px; border-collapse:collapse;}
.dropmenu2 ul li a:hover {background-color:#21283C;color:#ffffff;text-decoration:none; border-left: 1px solid white; border-right: 1px solid white; height: 27px;} 

/*Color main cells hovering mode*/
.dropmenu2 ul li a:hover ul { display:block;  width:12.0em;  position:absolute;  z-index:999; top:31px; t\op:31px; marg\in-top:0; border-bottom: 1px solid white;}
.dropmenu2 ul li a:hover ul li a { display:block; w\idth:135px; height:1px; line-height:27px; padding:0px 5px 0px 30px;  font-weight:normal; color:white; background-color:#112145; border-left: 1px solid white;border-right: 1px solid white;border-top: 1px solid white;} 

/*Color subcells normal mode*/
.dropmenu2 ul li a:hover ul li a:hover { background-color:#B80E33;color: white; text-decoration:none; } 

/*Color subcells hovering mode*/
.dropmenu2 a:visited {color: White; text-decoration: none;}

#related {background: url(bg_nav_related2.gif) left no-repeat; border-right: 1px solid white;}
#related2 {border-right: 1px solid white;}
#related3 {border-right: none;}
#related:hover { background-color: #21283C; }
#related2:hover { background-color: #21283C; }
#related-us {background: url(bg_nav_us.gif) left no-repeat #3F4D74; }
#related-uk {background: url(bg_nav_uk.gif) left no-repeat #3F4D74; }
#related-fr {background: url(bg_nav_fr.gif) left no-repeat #3F4D74; }
#related-energy {background: url(bg_nav_energy.gif) left no-repeat #3F4D74; }
#related-us:hover {background-color: #21283C; }
#related-fr:hover {background-color: #21283C; }
#related-energy:hover {background-color: #21283C; }
#related-uk:hover {background-color: #21283C; }

#selected {	background-color:#21283C;color:#ffffff;text-decoration:none; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 0px solid white; height: 27px;}


.submenu { float: center; height: 28px; vertical-align: top; background-color: none; padding: 1px 0 0 0;margin: -16px 0 25px -3px; width: 798px; border-right: 1px solid white; background-image: url(nav_bar.gif); background-repeat: repeat-x; }
.submenu ul { margin: 0px; }
.submenu ul li { float: left; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; line-height: 18px; vertical-align: middle;  display: block;  }
.submenu ul li a { font-size: 11px; color: white; line-height: 27px; text-align: center; vertical-align : middle; text-decoration: none; display: block; background-image: url(menu-background.png); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ;padding: 0px 15px 0px 15px;border-right: 1px solid #3F4D74;  border-left: 1px solid #3F4D74;}
.submenu ul li a:hover { background: #21283C; color: white; border-right: 1px solid white;  border-left: 1px solid white; }
.submenu .selected { background: #21283C; color: white; border-right: 1px solid white;  border-left: 1px solid white; }


/*~~~~~~~~~~~BODY~~~~~~~~~~~*/

#header_contact {
	font-size: 8pt; line-height: 15pt; padding: 10px 0 0 10px; color: white; letter-spacing: 1px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header_contact a:link { color: White; text-decoration: none; border: 0}
#header_contact a:active { color: White; text-decoration: none; border: 0}
#header_contact a:visited { color: White; text-decoration: none; border: 0}
#header_contact a:hover { color: White; text-decoration: none; border: 0}


#content_wrapper {
	padding: 32px 23px 5px 30px;	text-align: justify;	font-size: 9pt;	line-height: 12pt;	clear: both;	margin: 0 auto 10px auto;	width: 800px; color: white; clear: both;
}

#content-box {
	 }

#content p { padding: 0px 0 16px 0;}

#content_left {width: 320px; float: left;}
#content_right {width: 410px; float: right; padding: 0 10px 0 10px;}
#content_right_clients {width: 410px; float: right; padding: 0 10px 0 10px; line-height: 7pt;}
#content_right_clients #box-header2 { line-height: 12pt;}

#footer {
	margin: 0 auto 0 auto; background-color: #21283C; width: 800px; clear: both; background-image: url(footer_bar.gif); height: 26px;  background-repeat: repeat-x;border-left: 1px solid white; border-right: 1px solid white;
}

#footer_content {
	width: 800px; color: white; margin: 0 auto 0 auto; padding: 6px 0 0 10px; font-size: 7pt; letter-spacing: 0px; background-repeat: repeat-x; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; height: 20px;}

#footer a {
	color: white;	text-decoration: none;}

#footer a:hover {
	color: white;	text-decoration: none;}
	

/*######### STANDARD STYLES ###########*/

h1 {
	font-size: 12pt; letter-spacing: 1px; color: white; margin: 25px 0 17px 0; font-weight: normal;  font-family: Verdana,Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 11pt; letter-spacing: 1px; color: white; margin: 15px 10px 20px 0; font-weight: normal;}

h3 {
	font-size: 10pt; letter-spacing: 1px; color: white; font-family: Verdana,Arial, Helvetica, sans-serif; padding:0; margin: 15px 0 20px 0;  text-decoration: underline; font-weight: normal;}

h4 {
	font-size: 10pt; letter-spacing: 1px; color: white; font-family: Verdana,Arial, Helvetica, sans-serif; padding:0; margin: 15px 0 20px 0;  text-decoration: none; font-weight: normal;}
}

h5 {
	font-size: 12px; letter-spacing: 1px; color: #333333; border-bottom: 1px solid #774A1D; padding:0; margin: 0; padding-bottom: 3px; width: 23%; margin-bottom: 7px;
}

h6 {
	font-size: 10pt; letter-spacing: 1px; color: #112145; margin: 10px 0 10px 0; font-weight: normal;}

#box-header { font-size: 10pt; letter-spacing: 1px; color: white; margin: 10px 10px 18px 0; font-weight: normal; border: 1px solid white; background-color: #3F4D74; width: 310px; padding: 1px 0 2px 8px;}

#box-header2 { font-size: 10pt; letter-spacing: 1px; color: white; margin: 0px 10px 18px 0; font-weight: normal; border: 1px solid white; background-color: #3F4D74; width: 400px; padding: 1px 0 2px 8px;}

#box-header3 { font-size: 8pt; letter-spacing: 1px; color: white; margin: 10px 10px 10px 0; font-weight: normal; border: 1px solid white; background-color: #3F4D74; width: 400px; padding: 1px 0 2px 8px;}
	
.title_underline { border-bottom: 1px solid #B80E33; padding: 0 0 3px 0;}

.heading_underline { border-bottom: 1px solid #B80E33; padding: 0 0 3px 0;font-size: 13pt; letter-spacing: 1px; color: #112145; margin: 5px 0 17px 0; font-weight: normal; }


#content li {
	margin: 7px 0 7px 45px;
}

a {
	color: #C49A39; text-decoration: underline; 
}

a:hover {
	color: #C49A39; text-decoration: none;
}

img {
	border: none;
}


.centered {
	margin-left: auto; margin-right: auto; text-align: center;
}

.miniform {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;
}

.LittleForm {font-family: verdana, courier new, courier, sans-serif; font-size:10px;color:#000000;font-
}

.left_images { padding: 0 3px 0 0;
}

.image_homepage {padding: 2px 8px 0 42px;}

.left_images_cell {width: 78px;}
	
#home_table { width: 100%;}	
#home_table td {vertical-align: top;}
#home_table2 td { padding: 5px;}
#home_table2 { width: 100%;}

.page_nav { font-size: 8pt; line-height: 12pt;}
.page_nav_header { font-size: 10pt;line-height: 12pt;}
.page_nav_header a {text-decoration: none;}

.clients { line-height: 12pt; width: 100%;}
.clients_header {font-size: 10pt; line-height: 12pt; font-weight: bold; padding: 8px;}
.clients_header a {text-decoration: none;}
.clients_header a:hover {color: white;}
.clients_arrow { width: 22px;}

.info {	color: Blue;	font-weight: bold;	background-color: Yellow;}
acronym {	cursor: help;}

#home_table .middle td {
	vertical-align: middle;
} 

.index_table {
	margin-left: auto; margin-right: auto; text-align: center;
}

.index_table td {
	text-align: center;
}

.twenty-five {width: 25%}
.fifty {width: 50%}
.thirty-three {width: 33%}

#side_page_table {width: 100%;}
#side_page_content_cell {padding: 0 0 0 20px; vertical-align: top;}

.press_office { font-size: 8pt;}

/*######### Largeform ###########*/

.largeform { padding:8px;}
.largeform td { background-color: #F5EAE8;padding:8px;}
.largeform-header { background-image: url(bg_adminform.gif); font-weight: bold;}

.blue_form_people {
	width: 170px;
}


/*########### RIGHT AUX DIVS #############*/

.aux_newsletter {	height: 82px; width: 152px; background-image: url(bg_newsletter.png); text-align: center; color: white; padding: 2px 0 0 0;}

.aux_links {	height: 96px; width: 142px; background-image: url(bg_links.png); text-align: left; color: white; padding: 4px 4px 0 6px; }
.aux_links ul {	margin: 0 0 0 -15px;}
.aux_links li {	list-style-image: url(list_bullet_aux.gif); list-style-position: outside; line-height: 14px; }
.aux_links a {	color: white; text-decoration: underline;}
.aux_links a:hover {	color: white; text-decoration: none;}

.aux_stats {	height: 111px; width: 142px; background-image: url(bg_stats.png); text-align: left; color: white; padding: 4px 4px 0 6px; }
.index_accessibility {padding: 4px 0 0 5px;}


/*########### OUR PEOPLE #############*/

.people_table {  margin-left: auto; margin-right: auto; border: 2px solid #B80E33; background-color: #112145; color: White; width: 420px;}
.people_table td {padding: 8px;}
.people_table_left {width: 300px;}

.people_table_results { background-color: #112145; color: white; border-top: 2px solid #112145; border-left:  2px solid #112145; border-right:  2px solid #112145; border-bottom: 1px solid #112145;}
.people_table_results td {padding: 8px;}
.people_table_results_left { color: #112145; background-color: white;border-bottom: 1px solid #112145;}
.people_table_results_left a { color: #112145; text-decoration: none; border-bottom: 1px solid #B80E33;}
.people_table_results_left a:hover { border-bottom: none;}
.people_table_results_middle { color: white; background-color: #B80E33;border-bottom: 1px solid #112145;}
.people_table_results_right { color: white; background-color: #112145; border-bottom: 1px solid #112145;}

.people_indiv_header {color: White; }
.people_indiv_header td {padding: 8px;}
.people_indiv_header_left {color: white; background-color: #B80E33;}
.people_indiv_header_right {color: white; background-color: #112145;}
.people_indiv td {padding: 8px;}
.people_indiv_img a {border: none;}
.people_indiv_left {font-size: 11pt; color: #112145;} 



/*########### CONTACT FORM #############*/

.contact {  margin-left: auto; margin-right: auto; text-align: justify; }
.contact td { vertical-align: top;}
.contact-form {margin-left: auto; margin-right: auto;margin-left: auto; margin-right: auto; text-align: justify; font-size: 11px;}
.contact-form1 { background-color: #A36967; width: 100%; color: White; background-image: url(menu-background.png)}
.contact-form2 { background-color: #A36967; width: 35%; color: white; }
.contact-form3 {	background-color: #A36967;	width: 65%;	color: white;	}
.contact-form4 {	background-color: #824142;	width: 100%;	background-image: url(menu-background.png); color: white;	padding: 15px; text-align: center;}


/*########### FEATURES #############*/

.features {	margin-left: auto; margin-right: auto; text-align: justify; background-color: #CFC5C5; }
.features td {	vertical-align: top;}
.features-header {	background-image: url(menu-background2.png); background-repeat: repeat-x; color: White; font-weight: bold;}

.features2 {	margin-left: auto; margin-right: auto; text-align: left; background-color: white; }
.features2 td {	vertical-align: top; background-color:#CFC5C5; padding: 5px;}


/*########### ONLINE QUOTE #############*/

#popup_form_loading {background-color: #162B5A; color: White; text-align: center;}
#popup_form_loading h1 {font-size: 13pt; letter-spacing: 1px; color: white; margin: 5px 0 17px 0; font-weight: normal;}
#popup_form_body {background-color: white;}
#popup_form { font-size: 12px;padding: 15px 15px 15px 15px;}
#popup_form h1 {font-size: 13pt; letter-spacing: 1px; color: #112145; margin: 5px 0 17px 0; font-weight: normal;}
#popup_form a {	color: white; text-decoration: underline;}
#popup_form a:hover {	color:white; text-decoration: none;}

.contactform {width: 425px; background-color: #21283C; padding: 1px;}
.contactform td {padding: 5px; text-align: left;}
.contactform-header {background-color: white; font-weight: bold;}
.contactform-red {width: 425px; text-align: left;}
.contactform-left {background-color: #3F4D74; color: white;}
.contactform-right {background-color: #21283C; color: white;}


/*########### STARTED #############*/

#started {width:100%; }
.started-indent {width: 50px;}
.started-image {vertical-align: top; }


/*########### LINKS #############*/

.links { width: 70%; margin-left: auto; margin-right: auto; font-size:12px;}
.links-name { background-color: #B1CAD1; width: 100%; color: White; padding:5px;background-image: url(menu-background.png); font-size: 12px; font-weight: bold;}
.links-content { background-color: #EEF5F9; color: #595959; padding:5px;}
.links-content a img {	border: 1px solid #ccc;}
.links-content a:hover img {	border: 1px solid #729AD7;}
.links-content a {	color: #396277;	text-decoration: underline;}
.links-content a:hover {	color: #94AEBB; text-decoration: underline; visibility: visible;/* IE bug fix */}


/*########### MICROSITE #############*/

#microsite { float: right; }


/*########### NEWS #############*/

.news {width: 80%;}
.news td {padding: 8px}
.news_headline { background-color: #112145; color: White; font-weight: bold;}
.news_headline a {color: #ffffff; text-decoration: none;  border-bottom: 1px solid #B80E33;}
.news_headline a:hover { color: #B80E33; text-decoration: none; border-bottom: none;}
.news_content { background-color: #FFFFFF; color: #000000; border: 2px solid #B80E33;}
.news_content a {color: #112145; text-decoration: none;  border-bottom: 1px solid #B80E33;}
.news_content a:hover { color: #B80E33; text-decoration: none; border-bottom: none;}
.news_content2 { background-color: #B80E33; color: #FFFFFF; }
.news_content2 a {color: #112145; text-decoration: none;  border-bottom: 1px solid #112145;}
.news_content2 a:hover { color: white; text-decoration: none; border-bottom: 1px solid white;}

/*########### NEWS #############*/
.clubs_header {color: White; }
.clubs_header td {padding: 8px;}
.clubs_header_left {color: white; background-color: #B80E33;}

#clubs_header_left_links {color: white; background-color: #B80E33;}

#clubs_header_left_links a:active {color: white; text-decoration: none; border: 0;}
#clubs_header_left_links a:link {color: white; text-decoration: none; border: 0;}
#clubs_header_left_links a:visited {color: white; text-decoration: none; border: 0;}
#clubs_header_left_links a:hover {color: #112145; text-decoration: underline; border: 0;}

.clubs_header_right {color: white; background-color: #112145;}
.people_indiv td {padding: 8px;}
.people_indiv_img a {border: none;}
.people_indiv_left {font-size: 11pt; color: #112145;} 


#people_photos a {
	border: 1px solid #B80E33;
}
#people_photos a:hover {
	border: 1px solid #B80E33;
	border-bottom: 1px solid #B80E33;
}

/*##### LIGHTBOX #####*/
#lightbox{	position: absolute;	top: 40px;	left: 0;	width: 100%;	z-index: 1000;	text-align: center;	line-height: 0;	}
#lightbox a img{ border: none; }
#outerImageContainer{	position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{	padding: 10px;	}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;line-height: 1.4em;}
#imageData{	padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px; background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}

#home_title h1 {font-size: 12pt; letter-spacing: 1px; color: white; margin: 0 0 17px 0; font-weight: normal;  font-family: Verdana,Arial, Helvetica, sans-serif;}

#news_box { width: 326px; border: 1px solid white; margin: 20px 8px 0 42px; background-color: #21283C;}
#newssmall-table { font-size: 8pt;  line-height: 13pt; margin: 0 3px 0 2px; text-align: left; }
#newssmall-table a { color: #C49A39; text-decoration: none;  }
#newssmall-table a:hover { color: #C49A39; text-decoration: underline;  }


#news_box_bar { font-size: 8pt; color: white;  font-weight: normal; vertical-align: top; background-color: none; padding: 0 0 0 31px;margin: 0; width: 294px; background-image: url(bg_news_box.gif); background-repeat: no-repeat; background-color:#3F4D74; height: 28px; }

#news_box_bar ul { margin: 0; padding: 0; width: 296px;height: 28px;}
#news_box_bar ul li { float: left; color: #ffffff; vertical-align: middle;  display: block; padding: 0; margin: 0; height: 28px;}
#news_box_bar ul li a { color: white; text-align: center; vertical-align: middle; text-decoration: none; display: block; background-color: #3F4D74; padding: 0 10px; border-right: 1px solid #3F4D74;  border-left: 1px solid #3F4D74; line-height: 28px;}
#news_box_bar ul li a:hover { background: #21283C; color: white; border-right: 1px solid white;  border-left: 1px solid white; }
#news_box_bar #selected { background-color: #21283C; color: white; border-right: 1px solid white;  border-left: 1px solid #21283C;  border-bottom: 1px solid #21283C;line-height: 28px; }
#news_box_bar #normal {color: white;  text-align: center; vertical-align: middle; text-decoration: none; display: block; background-color: #3F4D74; padding: 0 10px; border-right: 1px solid #3F4D74;  border-left: 1px solid #3F4D74; line-height: 28px; border-bottom: 1px solid white; }

#news_box_dark { background-image: url(bg_news_box.gif); background-repeat: no-repeat;  height: 28px; padding: 0 17px 0 31px; font-size: 8pt; border-bottom: 1px solid #21283C; background-color: #21283C; border-right: 1px solid white;}

.news_box_light { background-image: url(bg_news_box_plus.gif); background-repeat: no-repeat; background-color:#3F4D74; height: 28px; padding: 0 19px 0 28px; font-size: 8pt; border-bottom: 1px solid white;}
.news_box_light a { color: white; text-decoration: none;}
.news_box_light2 { background-image: url(bg_news_box_plus.gif); background-repeat: no-repeat; background-color:#21283C; height: 28px; padding: 0 18px 0 28px; font-size: 8pt; border-bottom: 1px solid white;  border-right: 1px solid white;}
.news_box_light2 a { color: white; text-decoration: none;}

.news_box_light_r { background-image: url(bg_news_box_plus.gif); background-repeat: no-repeat; background-color:#3F4D74; height: 28px; padding: 0 19px 0 28px; font-size: 8pt; border-bottom: 1px solid white; }
.news_box_light_r a { color: white; text-decoration: none;}
.news_box_light2_r { background-image: url(bg_news_box_plus2.gif); background-repeat: no-repeat; background-color:#21283C; height: 28px; padding: 0 19px 0 27px; font-size: 8pt; border-bottom: 1px solid white;  border-left: 1px solid white;}
.news_box_light2_r a { color: white; text-decoration: none;}