/********************************************************************
 * Description: CSS for TOP_SECTION, everything under TOP_SECTION will
 *				be in the #TOP_SECTION group, top section includes logo
 *				and navbar
 *
 * Update:	7/28/2006 Huming Tang, Added head_white to set the white search header
 * Author:	Jesscia Honikman, Huming Tang
 ********************************************************************/

/*GENERAL top section css*/
#TOP_SECTION 
{
	width:940px;
	height:94px;
	padding:0px;
	margin:0px;	
}



/*this is for home page only, the header column is column position at 1/2 of header width*/
#TOP_SECTION .header_left{
	float:left;
	width:520px;
	height:94px;
	padding:0px;
	margin:0px;
	border-width: 0px;
	
}

#TOP_SECTION .header_right{
	background: #41286d url(/trinity/images/header_bg.jpg) top left repeat-x;
	float:right;
	width:406px;
	height:94px;
	padding:0px;
	margin:0px;
	
	
	
}




/*Search box style information*/
#search-header .search_box{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	height: 17px;
	font-size:13px;
	width: 180px;
	border-width: 1px;
	border-style:solid;
	border-color:#7e8072;
	background-color:#FFFFFF;


}


/*here we need to vertial align the search box*/
#Layer2 {
	text-align: center;
	background: #41286d url(/trinity/images/header_bg.jpg) top left repeat-x;
	height:94px;
	padding:0px;
	margin:0px;	
}

/********************************************************************
 * Description: CSS for global section, every thing here should be applied
 *				only to the global section
 *
 * Update:Mainiero on July 19th 2006
 * Author:	Jesscia Honikman, Huming Tang
 
 * READ THIS!
 * FROM MAINERO: NO padding at the tops of pages. Font sizees must be always greater than 12 pixels! 
 * we have to accomodate all vision types.
 ********************************************************************/


body {

background-color: #D9D5C3;
text-align:left;
margin-top:1px;
padding:0px;
margin:1px;
font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
font-size:12px;

 /*this is for setting the generic height for all inherited divs*/
 text-align:center;
 /*font-size adjustment*/
}

 
 
 
 
 /*the parent child command only works for non ie browsers*/
 html>body{
 	font-size: 12px;
	
	
 }

 body .body{
   text-align:left;
   position:relative;
   width: 940px;
   margin-left:auto;
   margin-right:auto;
   color: #333333;
   border: 1px solid #aaaaaa;
   background-color:#FFFFFF;
 } 
 
 p .body
 {
 	width: auto;
	line-height: 14px;
 }
 /*this is the first layer of the header component which is the left utility links*/
#Layer1 {
	
	height:20px;
	width:470px;
	float: left;
	z-index:1;
	clear: both;
}


/*this is the style for search header*/
#search-header {
	/*height is required at 20px to get correct positioning*/
  
	height:20px;
	padding-right:10px;
	float: right;
	z-index:1;
	font-size: 11px;
	display:block;
	padding-bottom: 35px;	
	padding-top: 8px;	
	
	
			
}

.util_container {
	height:30px;
	width:325px;
	float: left;
	z-index:1;
	font-size: 0px;
	float:right;
	display:block;
	padding-top:9px;	
}


.util_container a{
	font-size: 10px;
	color:#12508E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

#search-header *{
	vertical-align: top;
}

/*global link setting*/
a {
	text-decoration:none;
	color:white;
}


/*global search form setting*/
.search-form {
	display: inline;   		
}

/*the gray divider that seperates the links |*/
.white_divider {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 16px;
	font-weight: normal; 
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 10px;
}


/*set no border for image and links (image in links)*/
img,a {
	border: none;
}


/*here we define the p style, for some reason, the p tag in mac always have extra left paddings than ie/firefox*/
p {
	text-align: left;
	padding: 5px;
	margin: 5px;
	padding-left: 0px;
	margin-left: 0px;
}


/*update the dotted divider here*/
hr {
	border: none 0; 
	border-top: 1px dashed #777777;
	height: 1px;
	color: transparent;
	margin-left:5px;
	margin-right:5px;
}

.form_box{
	border-width: 1px;
	border-style:solid;
	border-color:#000000;
	background-color:#FFFFFF;
}

/*this is the style for all forms*/
form {
	padding: 0px;
	margin: 0px;
	
}

form *{
	vertical-align: middle;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;
}


/********************************************************************
 * 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.
 * 	11.16.2006  Michael Mainiero, Award status logo div styles
 * 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:940px;
	padding-right:0px;
	background-color: white;
	display: block;
	position: relative;
	float: left;
	border-bottom: 1px solid #aaaaaa;
	
	
}




#CENTER_SECTION .map {
	width: 530px; 
	height: 300px;
	display:block;
	margin:0;
	padding:0;
	margin-bottom: 20px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}




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


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



/*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;
}



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

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

/*vlink style reference by Jessica*/
#CENTER_SECTION .vlink:hover{ 
	font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif; 
	line-height: 23px;
	font-weight: normal; 
	font-size:12px;
	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
 ********************************************************************/


/*parent style for entire right navigation*/


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

	float: right;
	width: 194px;
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	/*background-color: #daf4f4;*/
	background: #FFFFFF;
	height: 100%;
	position: relative;
	padding-bottom: 0px;
	
	/*border-right: 1px solid #aaaaaa;*/
}




/*this is the navigation links on the right of the screen*/
#CENTER_SECTION .links_nav{
	float: right;
	width: 189px;
	padding-left:0;
	background-color: #f5f5f5;
	padding-bottom: 0px;
	margin-right:5px;
	height: 90%;
	display:block;
	
}

#CENTER_SECTION .links_nav .resource_header{
    font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color: #3399cc;
	line-height:normal;	
}

#CENTER_SECTION .links_nav_top{
	float: right;
	width: 189px;
	padding:0;
	margin-top:10px;
	background-color: #FFFFFF;
	margin-right:5px;
	display:block;
	height:5px;
	font-size:0px;
}

#CENTER_SECTION .links_nav_bottom{
	float: right;
	width: 189px;
	padding:0;
	margin-top:0px;
	background-color: #FFFFFF;
	margin-right:5px;
	display:block;
	height:6px;
	font-size:0px;
}



#CENTER_SECTION .links_nav a{
	font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #3d5a6e;
	line-height:17px;
}



#CENTER_SECTION .links_nav ul{
	margin:0;
	padding:0;

}

#CENTER_SECTION .links_nav li{
	margin:0;
	padding-bottom:6px;
	list-style-type: none;
	color: #333333;

}


/*on Home Page the right nav is slightly wider so we have to duplicate and change width*/

#CENTER_SECTION .right_nav_home
{
	float: right;
	width: 274px;
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	/*background-color: #daf4f4;*/
	background: #FFFFFF;
	height: 100%;
	position: relative;
	padding-bottom: 0px;
	
}




/*this is the navigation links on the right of the screen*/
#CENTER_SECTION .links_nav_home{
	float: right;
	width: 260px;
	background-color: transparent;
	padding-top: 10px;
	padding-left:7px;
	padding-right:7px;
}

#CENTER_SECTION .links_nav_home a{
	font-size:16px;
	font-weight:bold;
	color:#3399cc;
	font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
}

#CENTER_SECTION .links_nav_home .content_box {
	width: 260px;
	background-color:#FFFFFF;
	margin-bottom:5px;
}

#CENTER_SECTION .links_nav_home .content_box_inner{
	width: 252px;
	background-color:#f5f5f5;
	padding-right:3px;
	padding-left:5px;
	padding-bottom:3px;

}

#CENTER_SECTION .links_nav_home .rounded {
	background-color:#FFFFFF;
	width: 260px;
	height:6px;
	font-size:0;
	padding:0;
	margin:0;
}





/********************************************************************
 * 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: 170px;
	margin-top:0;
	margin-bottom:0;
	padding-bottom: 10px;
	background-color:  #d5dfce;
	position: relative;
	height: 100%;
	border-right: 1px solid #aaaaaa;
	padding-top: 0px;
	word-wrap:break-word;	
	
	
}




#CENTER_SECTION .left_nav a{
	line-height:normal;
	font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#573710;
}

#CENTER_SECTION .home_image{
	float: left;
	width: 940px;
	margin: 0px;
	padding:0px;
	font-size:0px;
	
}

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

	
}

#CENTER_SECTION .content_container_wide{
	float: left;
	width: 694px;
	margin: 0px;
	padding:0px;
	padding-left: 10px;
	margin-top: 10px;
	
}

#CENTER_SECTION .content_inner_wide{
	background-color: #FFFFFF;
	float: left;
	width: 664px;
	margin: 0px;
	padding-left:10px;
	padding-right: 10px;
	line-height:17px;
	
}

#CENTER_SECTION .content_container_home{
	background-color: #FFFFFF;
	float: left;
	width: 666px;
	margin: 0px;
	padding:0px;
	padding-left: 0px;
	margin-top: 0px;
	
}

#CENTER_SECTION .content_inner_home{
	background-color: #FFFFFF;
	float: left;
	width: 660px;
	margin: 0px;
	padding-left:6px;
	padding-right: 0px;
	padding-top:10px;
	line-height:17px;
	
}

#CENTER_SECTION .highlight_box {
	width: 320px;
	background-color:#daddc8;
	float:left;
	display:inline;
	
}

#CENTER_SECTION  .highlight_box .highlight_box_inner{
	width: 300px;
	background-color:#daddc8;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:3px;

}

#CENTER_SECTION .highlight_box .rounded_highlight {
	background-color:#daddc8;
	height:7px;
	display:block;
	font-size:0;
	padding:0;
	margin:0;
}



#CENTER_SECTION .highlight_box a{
	font-size:16px;
	font-weight:bold;
	color:#003471;
	font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
}

#CENTER_SECTION .highlight_box_inner .image{
	width: 91px;
	float:left;
	margin-right:10px;
	background-color:#daddc8;
}

#CENTER_SECTION .highlight_box_inner .content{
	width: 195px;
	float:right;
	margin-top:13px;
	background-color:#daddc8;
}





/*
 *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 .left_nav .navleft1focus a, #CENTER_SECTION .left_nav .navleft2focus a, #CENTER_SECTION .left_nav .navleft3focus a
{
	font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
	font size: 13px;
	font-weight: bold;
	color: #aba000;
	line-height:normal;
	
	
}


/*style for on focus box*/
#CENTER_SECTION .onfocus_box,
#CENTER_SECTION .onfocus_box_lvl1
{
	background-color:  #FFFFFF;
	padding-left: 5px;
	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:  #FFFFFF;
	color: #555555
	
	
}

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


/*style for off focus box*/
#CENTER_SECTION .offfocus_box{
	padding-left: 5px;
	padding-top: 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: #FFFFFF;
	
}

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

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

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

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

/*end sub lvl 2 background patch*/





/*
	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: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: normal; 	
color: #669900;
text-decoration: none;
padding-top:0px;
padding-bottom: 5px;
display: block;
line-height:28px;

}




#CENTER_SECTION .subhead, .subhead_1{ 
font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
line-height: 18px;
font-size:18px;
font-weight: normal;
color: #9f5933;
text-decoration: none;
line-height:2;
}

#CENTER_SECTION .news_header{ 
font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight: bold;
color: #9e442c;
text-decoration: none;
height:18px;
padding-bottom:3px;
padding-top:15px;
padding-left:2px;
}

#CENTER_SECTION .news_subheader{ 
font-family: Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: bold;
color: #318a4c;
text-decoration: none;
}

#CENTER_SECTION .news_block{ 
	width:650px;
	float:left;
	padding-bottom:25px;
	display:block;
}

#CENTER_SECTION .news_img{ 
	width:76px;
	float:left;
	display:inline;
}
#CENTER_SECTION .news_text{ 
	width:559px;
	float:right;
	display:inline;
	text-align:left;
}




/* 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: 2px;
	background-color:#FFFFCC;
	border-color:#CCCCCC;
	height:22;
	
	
}

#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;
	
}



#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;
	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: 545px;
	padding: 0px;
	margin: 0px;
	line-height:17px;
	padding-left:8px;
	
}

#CENTER_SECTION .column_body_wide{
	float: left;
	width: 715px;
	padding: 0px;
	margin: 0px;
	line-height:17px;
}

#CENTER_SECTION .img_left{
  float: left;
  padding-left: 0px;
  padding-right: 10px;
  padding-top: 0px;
  text-align:right;
  vertical-align:top;
  }

#CENTER_SECTION .img_right{
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 0px;
  text-align:right;
  vertical-align:top;
  }
  
 #CENTER_SECTION .img_bio{
  float: left;
  padding-left: 0px;
  padding-top:0px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-align:right;
  vertical-align:top;
  }
  




/********************************************************************
 * Description: CSS for BOTTOM_SECTION, everything under BOTTOM_SECTION will
 *				be in the #BOTTOM_SECTION group
 *
 * Update:
 * Author:	Jesscia Honikman, Huming Tang
 ********************************************************************/

/*
	the footer section global css.
*/
#BOTTOM_SECTION { 
	width: 940px;
	
	
}

/*Style for the entire footer*/
#BOTTOM_SECTION .footer{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal; 
	color: #040727;
	text-decoration: none;
	text-align: left;
	float:left;
	padding-left:23px;
	padding-bottom:8px;
	padding-top:5px;
	background-color:white;
	width:917px;
	
}
html>body #BOTTOM_SECTION .footer{
	font-size:10px;
	
}

/*the footer_links*/
#BOTTOM_SECTION .footer_link:hover{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal; 
	color: #040727;
	text-decoration: underline;
	float: left;
}


/*use this to fix the mac safari bug*/
#BOTTOM_SECTION .utility_link{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal; 
	color: #040727;
	text-decoration: none;
	height:20px;
}

/*use this to fix the mac safari bug*/
#BOTTOM_SECTION .footer_text{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal; 
	color: #040727;
	text-decoration: none;
	height:20px;
}

html>body #BOTTOM_SECTION .utility_link{
	font-size:10px;
}

#BOTTOM_SECTION .utility_link:active { 
	
	font-weight: bold; 
	
}

#BOTTOM_SECTION .utility_link:hover { 
	
	text-decoration: underline;
}