/********************************************************************
 * Description: CSS for CENTER_SECTION, everything under CENTER_SECTION will
 *				be in the #CENTER_SECTION group
 *
 *
 *
 * Update:	6/21/2006, Huming Tang, renamed .body to .content
 * 			6/27/2006, Huming Tang, created style for the following layout type
 *					   main, dual nav, single nav
 *			7/13/2006, Huming Tang, created the center section P style
 *			8.10.2006  Huming Tang, Serious mod to all p tag, head/header and all one column container classes
 *					   so the top spacing will be determined by the padding-top of 1 class: content_container_tn.
 * Author:	Jesscia Honikman, Huming Tang
 ********************************************************************/


/********************************************************************
 * Description: Global style for CENTER
 ********************************************************************/
  
/*
	the content section css, this should be apply to any descriptive texts (non headers) in the 
	center section, 4 styles are available, normal, italic, bold, and italic bold.
*/
#CENTER_SECTION 
{
	width:770px;
	background-color: white;
	display: block;
	position: relative;
	float: left;
	height: 100%;
	margin-top: 1px;
	margin-bottom:1px;
}



/*for home page news section*/
#CENTER_SECTION .newsDate{
	width: 80px;
	float:left;
	margin: 0px;
	padding: 0px;
	/*font-size: 11px;*/
	
}

#CENTER_SECTION .newsDesc{
	width: 405px;
	float: left;
	margin: 0px;
	padding: 0px;
	/*font-size: 11px;*/
	padding-bottom: 8px;
	
}

#CENTER_SECTION	p {
	text-align: left;
	padding: 5px;
	margin: 5px;
	padding-left: 0px;
	margin-left: 0px;
	padding-top:0px;
	margin-top:0px;
	
}


#CENTER_SECTION #image{
	padding: 0px;
	margin: 0px;
	
}

/*define style for the dashed seperator , this is updated to hr now.*/
#CENTER_SECTION .dashed_div{
	width:460px;
}


/*inner left right column, copied from the original virgo*/
#CENTER_SECTION #left-col {
	float:left;
	background-color:#FFFFFF;
	padding-right:10px;
	width:200px;
	padding-left:0px;
}

#CENTER_SECTION #right-col {
	float:right;
	background-color:#FFFFFF;
	padding-left:10px;
	width:200px;
}

/*default bullets with white text and orange background*/
#CENTER_SECTION .bullet {
	color: white;
	background-color: #E2671F;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 15px;
	font-weight: bold; 
	height: 30px;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:2px;
}


/*set the padding for all divs in the center*/
/*
#CENTER_SECTION div{
	margin-top:3px;
	margin-bottom:3px;
	padding-left:8px;
}
*/

/*style for the center section content nav column this is the 3 column one*/
#CENTER_SECTION .content_nav{
	float: left;
	width: 191px;
	margin-top:0px;
	margin-bottom:10px;
	padding-left:0;
	margin-right: 1px;
	padding-top: 0px;
	
}

/*
	the link css, this should be apply to any link in the center section
*/
#CENTER_SECTION a:hover{ 
	
	text-decoration: underline;
	/*font-size: 11px;*/
}

/*style for standard link in center section*/
#CENTER_SECTION a{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	
	line-height: 13px;
	font-weight: normal; 
	/*font-size: 11px;*/
	color: #2C659D;
	text-decoration: none;
}

/*vlink style reference by Jessica*/
#CENTER_SECTION .vlink:hover{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 13px;
	font-weight: normal; 
	/*font-size: 11px;*/
	color: #44286F;
	text-decoration: underline;
}
/********************************************************************
 * Ref Index: GSC-1 nav
 * Description: Style for 1 navigation layout (right only)
 *  			it basically defines the content section, please note
 *				that the nav section applies to both 1 nav and 2 nav layout
 ********************************************************************/

/*this is the content container*/
#CENTER_SECTION .content_container{
	float: left;
	width: 770px;
	margin: 0px;
	padding:0px;
}

/*this is the bottom nav divider section*/
#CENTER_SECTION .content_bottom_nav{
	width: 750px;
}



/*parent style for entire right navigation*/
#CENTER_SECTION .right_nav
{

	float: right;
	width: 140px;
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	background-color: #ffffff;
	height: 100%;
	position: relative;
	padding-bottom: 0px;
}




/*this is the navigation links on the right of the screen*/
#CENTER_SECTION .links_nav{
	float: right;
	width: 132px;
	margin-top:0px;
	padding-left:8px;
	background-color: #fdf9cb;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

/*news items on right nav*/
#CENTER_SECTION .news {
	float: right;
	width: 132px;
	margin-top:0px;
	padding-left:8px;
	background-color: white;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	

}

/*ask doc links on right nav*/
#CENTER_SECTION .askDoc {
	padding-bottom:5px;
	padding-top:5px;

}

/*this is the style of the image group that contain all the images*/
#CENTER_SECTION .image_group{
	float:left;
	display: inline;
	margin-top:5px;
	padding-bottom: 10px;


}
/*other browser fix*/
html>body #CENTER_SECTION .image_group{ 
	padding-bottom: 0px;
}

/*this is the image box on the right side of the screen, mostly resource boxes*/
#CENTER_SECTION .image_box{
	float: left;
	width: 128px;
	margin-top:0px;
	margin-bottom:10px;
	padding-left:0px;
	border-width: 0px;
	padding:0px;
	background-color: transparent;
	margin-left: 0px;

}

/********************************************************************
 * Ref Index: GSC-2 nav
 * Description: Style for 2 navigation layout (left only)
 *  			it basically defines the content section, please note
 *				that the nav section applies to both 1 nav and 2 nav layout
 ********************************************************************/
/*parent style for entire right navigation*/
#CENTER_SECTION .left_nav {
	float: left;
	width: 150px;
	margin-top:0;
	margin-bottom:0;
	padding-left:0px;
	padding-bottom: 10px;
	background-color:  #ddeef4;
	position: relative;
	height: 100%;
	padding-top: 0px;
	word-wrap:break-word;	
}



#CENTER_SECTION .left_nav div{
	margin: 0px;
	padding-top: 0px;
	clear: both;
	
	
	
}

#CENTER_SECTION .left_nav a{
	line-height:normal;
}

/*the body content padding, margin controller*/
#CENTER_SECTION .content_container_tn{
	float: left;
	width: 460px;
	margin: 0px;
	padding:0px;
	padding-left: 10px;
	margin-top: 10px;
	
}

/*
 *all the left navigation style starts here, this can be seperated from the main file if wish to customize left nav
 */
 
/*here we have the focus left navigation style for level 1*/
#CENTER_SECTION .navleft1focus{
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}
/*here we have the focus left navigation style for level 2*/
#CENTER_SECTION .navleft2focus{
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
	
}
/*here we have the focus left navigation style for level 3*/
#CENTER_SECTION .navleft3focus{
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*here we have the focus left navigation style for level 1*/
#CENTER_SECTION .navleft1focus a, #CENTER_SECTION .navleft2focus a, #CENTER_SECTION .navleft3focus a
{
	font-weight: bold;
	color: #43276F;
	
}


/*style for on focus box*/
#CENTER_SECTION .onfocus_box,
#CENTER_SECTION .onfocus_box_lvl1
{
	background-color:  white;
	padding-left: 5px;
	font-weight: bold;
	margin: 0px;
	
	
	
	
}

/*this is the style for the entire selected box (the whole white box... am i making sense here???)*/
/*#CENTER_SECTION .onfocus_wrapper{
	background-color:  white;
	padding-left: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	margin: 0px;
	
}*/

/*style for on focus box links, line height is for adjust height*/
#CENTER_SECTION .onfocus_box a,
#CENTER_SECTION .onfocus_box_lvl1 a
{
	
	background-color:  white;
	
	
}

/*this is the first item in the expanded box in nav left*/
#CENTER_SECTION .onfocus_box_lvl1{
	padding-top: 5px;
	padding-bottom: 5px;
	
}


/*style for off focus box*/
#CENTER_SECTION .offfocus_box{
	padding-left: 5px;
	
}

/*padding style of navleft2inner, this is a patch job, should be organized into inheritance hierachy*/
#CENTER_SECTION .navleft2inner{
	padding-left: 0px;
	padding-bottom: 5px;
	
}

/*style patch for light orange background for sub lvl section, if not wanted, just remove these*/

#CENTER_SECTION .navleft3inner,
#CENTER_SECTION .navleft2inner_selected,
#CENTER_SECTION .onfocus_box_selected {
	
	background-color: white;
	
}

#CEMTER_SECTION .navleft2inner_selected{
	padding-left: 3px;
}

#CENTER_SECTION .onfocus_box_selected {
	padding-left: 5px;
}

#CENTER_SECTION .navleft3inner a{
	background-color: white;
	
	
}

#CENTER_SECTION .navleft3inner {
	padding-bottom: 5px;
}

/*end sub lvl 2 background patch*/




/*reference style created by Jessica*/
#CENTER_SECTION .content{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 13px;
font-weight: normal; 
color: #666666;
text-decoration: none;
}
#CENTER_SECTION .content_ital{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 

line-height: 13px;
font-weight: normal; 
color: #666666;
text-decoration: ital;
}
#CENTER_SECTION .bodybold{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 

line-height: 13px;
font-weight: bold; 
color: #666666;
text-decoration: none;
}
#CENTER_SECTION .body_bold_ital{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 

line-height: 13px;
font-weight: bold; 
color: #666666;
text-decoration: ital;
}



/*
	the center section naviation css, on means, the navigation is selected, off means navigation is not selected
*/
#CENTER_SECTION .local_nav_off:hover{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 

line-height: 13px;
font-weight: normal; 
color: #E2671F;
text-decoration: underline;
}
#CENTER_SECTION .local_nav_on:hover{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 

line-height: 13px;
font-weight: bold; 
color: #E2671F;
text-decoration: underline;
}


/* these are the css for the center section header */
#CENTER_SECTION .head, 
#CENTER_SECTION .header{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px;
font-weight: bold; 	
color: #e0831a;
text-decoration: none;
padding-top:0px;
padding-bottom: 5px;
display: block;

}
/*for non ie browsers only*/
html>body #CENTER_SECTION .head, html>body #CENTER_SECTION .header{ 
	font-size: 13px;
}

#CENTER_SECTION .header a{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px;
font-weight: bold; 	
color: #e0831a;
text-decoration: none;
padding-top:0px;
padding-bottom: 5px;
display: inline;

}

#CENTER_SECTION .head a{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px;
font-weight: bold; 	
color: #e0831a;
text-decoration: none;
padding-top:0px;
padding-bottom: 5px;
display: inline;

}



#CENTER_SECTION .subhead, .subhead_1{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 13px;
font-weight: bold; 
color: #e0831a;
text-decoration: none;
}


/*this is so the tool tips don't affect the appearance of the subheaders*/
#CENTER_SECTION .subhead a{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 13px;
font-weight: bold; 
color: #e0831a;
text-decoration: none;
}

#CENTER_SECTION .subhead_1 a{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 13px;
font-weight: bold; 
color: #e0831a;
text-decoration: none;
}




/* These are the css style for captions in the center section */
#CENTER_SECTION .caption{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 12px;
font-weight: normal; 
color: #666666;
text-decoration: none;
}
#CENTER_SECTION .caption a{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 12px;
font-weight: normal; 
color: #0094C8;
text-decoration: none;
}
#CENTER_SECTION .caption a:hover{ 

text-decoration: underline;
}

#CENTER_SECTION .caption_vlink:hover{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 12px;
font-weight: normal; 
color: #44286F;
text-decoration: underline;
}

/*anything related to google search is here*/
#CENTER_SECTION .google_search_button{
	border: 0px solid #FFFFFF;
	background-color: #6EBACC; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: white;
	height: 20px;
	padding: 0px;
	/*font-size: 11px;*/
	margin: 0px;
	width: 55px;
	
}

#CENTER_SECTION .google_ad_search_button{
	border: 0px solid #FFFFFF;
	background-color: #6EBACC; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: white;
	height: 20px;
	margin: 0px;
	padding: 0px;
	/*font-size: 11px;*/
	width: 130px;
}

/*anything related to google search is here*/
#CENTER_SECTION .google_search_box{
	border-style: solid;
	border-width: 1px;
	
}

#CENTER_SECTION .div_box{
	float: left;
	width: 207px;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;
}

#CENTER_SECTION .tc_img_box{
	float: left;
	width: 69px;
	margin-top: 0px;
	padding-top: 5px;
}

#CENTER_SECTION .bottom_row_tc, #CENTER_SECTION #below-cols{
	float: left;
	width: 440px;
	padding:0px;
	margin: 0px;
	display:inline;
}
/******************anything realted to the 2 column layout is here*********************/

/*style for the center section content nav column this is the 2 column one*/
#CENTER_SECTION .content_nav_tc_white{
	float: left;
	width: 302px;
	margin-top:0;
	margin-bottom:0;
	padding-left:5px;	
	padding-top: 10px;
	
}

/*style for the center section content nav column this is the 2 column one*/
#CENTER_SECTION .content_nav_tc_white_left{
	float: left;
	width: 300px;
	margin-top:0;
	margin-bottom:0;
	padding-left:5px;	
	padding-top: 10px;
	border-right-width: 1px;
	border-right-color: #666666;
	border-right-style: dashed;
	
}



#CENTER_SECTION .content_nav_tc_white *,#CENTER_SECTION .content_nav_tc_blue{
	/*middle alignment disabled because it's causing problem on dual search page*/
	/*vertical-align: middle;*/
}

/*style for the center section content nav column this is the 2 column one*/
#CENTER_SECTION .content_nav_tc_blue{
	float: left;
	width: 308px;
	margin-top:0;
	margin-bottom:0;
	background-color: #E3F9FA;
	height: 400px;
	padding-top: 7px;
	padding-left:5px;
}

/*this is the css for the two column content box, it will inherit the css color from the parent container*/
#CENTER_SECTION .content_nav_tc_box *{
	background-color: transparent;
	vertical-align: top;
	
}
#CENTER_SECTION .content_nav_tc_box {
	padding-bottom: 5px;
	height: 100px;
	margin-top: 0px;
	padding-top: 0px;

}
/*style for the individual line items*/
#CENTER_SECTION .lineitem {
	width: 150px;
	
}

/******************The anchor menu of the two column anchor map layout*********************/
#CENTER_SECTION .anchor_menu{
	width:450px;
	padding: 0px;
	padding-top:0px;
	margin:0px;
	float:left;
	
}

#CENTER_SECTION .anchor_menu p{
	padding-top: 0px;
}

#CENTER_SECTION .article_title{
	padding:0px;	
	margin:0px;
	
}

#CENTER_SECTION .anchor_menu li{
	list-style:none;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	
	
}
#CENTER_SECTION .anchor_menu ul{
	padding: 0px;
	margin: 0px;
	width: 200px;
}

#CENTER_SECTION .anchor_menu_items{
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
	
	width: 210px;
}
#CENTER_SECTION .anchor_menu_box{
	float: left;
	display: inline;
	/*background-color: #E3F9FA;
	padding: 2px;
	padding-right: 5px;*/
	padding-left: 10px;
	margin: 0px;
	width: 128px;
	text-align: left;
}
/*this is the style for the 2 column layout content*/
#CENTER_SECTION .content_column{
	float: left;
	width: 220px;
	position: relative;
	padding: 0px;
	padding-top: 10px;
	padding-right: 10px;
	
}
#CENTER_SECTION .image_box_right{
	float: right;
	width: 220px;
	margin-top:0px;
	margin-bottom:0;
	margin-left: 0px;
	margin-right: 10px;
	padding-left:0;
	border-width: 0px;
	text-align: right;
	
}

/*1 column style layout*/
#CENTER_SECTION .column_body{
	float: left;
	width: 450px;
	padding: 0px;
	margin: 0px;
}

#CENTER_SECTION .img_right{
  float: right;
  width: 220px;
  padding: 10px;
  padding-top: 0px;
  text-align:right;
  vertical-align:top;
  }
  
/*events text style for all pages using event include*/
#CENTER_SECTION .events-text{
	margin-left:0px;
	padding-left:0px;
}

#CENTER_SECTION .events-text *{
	margin-left:0px;
	padding-left:0px;
}


/*resource style*/
#CENTER_SECTION .resource-cr
{
	padding-bottom: 5px;
}

/*left nav style on */
/*here we have the focus left navigation style for level 1*/
#CENTER_SECTION .navleft1focus a, #CENTER_SECTION .navleft2focus a, #CENTER_SECTION .navleft3focus a
{
	font-weight: bold;
	color: #e0831a;
	
}

/*padding style of navleft2inner, this is a patch job, should be organized into inheritance hierachy*/
#CENTER_SECTION .navleft2inner{
	padding-left: 15px;
	padding-bottom: 5px;
	
}



/*-------------------------------------this is all just for the home page---------------------------------
/*the white header used on homepage*/
#CENTER_SECTION .white_header
{
	font-size: 13px;
	font-weight: bold;
	color: white;
	line-height: 15px;
	height: 18px;
	padding-top: 5px;
	padding-bottom:1px;
}

#CENTER_SECTION .purple_header
{
	font-size: 13px;
	font-weight: bold;
	color: #43276f;
	line-height: 15px;
	height: 18px;
	padding-top: 5px;
	padding-bottom:1px;
}


/*the blue div unique styles*/
#CENTER_SECTION .content_nav_top_orange div
{
	margin:0px;
}



.bottom_links {
 	float: right;
	width: 139px;
	margin-top:0px;
	margin-bottom:10px;
	padding-left:8px;
	margin-right: 1px;
	padding-top: 0px;
}




/*this is required for margin between div in firefox and safarai*/
#CENTER_SECTION .content_nav_imagebox
{
	margin:0px;
	padding:0px;
	height:135px;
	margin-bottom: 1px;
}



/*the green column box, 4th column on the home page*/
#CENTER_SECTION .content_nav_bottom_green a
{
	color: white;
}




#CENTER_SECTION .content_nav_top_orange
{
	background: white url(../images/orange_gradient.jpg) top left repeat-x;
	margin-bottom: 1px;
	padding:0px;
	margin-top:0px;
	margin-right:1px;
	padding-left:8px;
	height: 135px;
}




/*set style for the blue center content nav boxes*/
#CENTER_SECTION .content_nav_bottom
{
	background: blue url(../images/purple_gradient.jpg) top left repeat-x;
	height:146px;
	padding-top:5px;
	padding-left:8px;
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
	
}

/*set style for the single light blue content nav boxes*/
#CENTER_SECTION .content_nav_bottom_lightYellow
{
	background: white url(../images/yellow_gradient.jpg) top left repeat-x;
	height:146px;
	padding-top:5px;
	padding-left:8px;;
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
}



/*the link style on the content nav*/
#CENTER_SECTION .content_nav_bottom a
{
	color:white;	
	font-weight: bold;
}


/*this is the news section that contains all the data for the news*/
#CENTER_SECTION .content_nav_news
{
	width: 770px;
	position: relative;
	display: block;
	float: left;
	margin:0px;
	padding:0px;
}

/*set the news link section to orange here*/
#CENTER_SECTION .content_nav_news .bottom_links .orangelink a
{
	color: #e0831a;
	font-weight: bold;
}


#CENTER_SECTION .orangeheader1, .orangeheader2
{
	color: #e0831a;
	font-weight: bold;
	margin:0px;
	padding:0px;
}

#CENTER_SECTION .blueheader
{
	color: #0082aa;
	font-weight: bold;
	font-size: 13px;
}

#CENTER_SECTION .orangeheader1
{
	font-size: 13px;
}

#CENTER_SECTION .orangeheader2
{
	float:left;
	font-size: 15px;
	display: block;
}

/*this is the new green link style for div, this should be together with the link (a)*/
#CENTER_SECTION .content_nav_news .bottom_links .orangelink
{
	padding:0px;
	margin:0px;
	width:131px;
	
}
/*the faces logo on the home page*/
#CENTER_SECTION .faces
{
	padding:0px;
	margin:0px;
	
}

#CENTER_SECTION .white_links
{
	padding-bottom:9px;
	margin:0px;
	
}

/*the news description div style*/
#CENTER_SECTION .newsDesc
{
	width: 580px;
	float:left;
	margin:0px;
}

/*the container for all the news divs*/
#CENTER_SECTION .nav_bottom_news_items
{
	width: 500px;
	margin: 0px;
	padding-left:25px;
	padding-right:3px;
	float: left;
	display:inline;
}

/*image left of the news*/
#CENTER_SECTION .img_left
{
	float:left;
	padding:0px;
	margin:0px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom:5px;
	height: 109px;
	width:85px;
	display: block;
	
}

/*the green box right of the news*/
#CENTER_SECTION .content_nav_askadoc
{
	padding:0px;
	margin:0px;
	margin-top:12px;
	background-color:white;
	width:128px;
	height:104px;
	text-align:center;
	float:left;
	padding-top:0px;
}

#CENTER_SECTION .white_bold a
{
	color:#ffffff;	
	font-weight: bold;
}

#CENTER_SECTION .blue_bold a
{
	color:#0082aa;	
	font-weight: bold;
}