/*
	Author: Tsuen "Chris" Siu
	Description: The global site-wide style.
	Version: 1.0 	
*/
body{
	color: #7A7A7A;
	font-size:12px;
	padding:0px 0 40px;
	background-image: url("../images/background/main_bg.gif");
	background-repeat: repeat-x;
	background-color:white;  
	background-position: bottom left;
}

a{
	color: #7A7A7A;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* for the read more, read arcives... */
a.non_button_link {
	color: #157BE1; /* light blue */
}

h1{
	font-family: Georgia, serif;
	font-weight: normal;
/*	text-align: center; */
}

p{
	overflow: hidden;
	padding: 5px 5px;
	text-align:left;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.underline {
	text-decoration:underline;
}
.sup {
	font-size:10px;
	position:relative;
	top:-5px;
}

/* ************************************************************************************** */
/* two column box  */ 
/* ************************************************************************************** */
.two_col_box {
	display:block;
	padding:10px 20px;  
}
.two_col_box .left_col {
	float:left;	
}
.two_col_box .right_col {
	float:right	
}

/* ************************************************************************************** */
#company_logo_bar{
	width:100%;
	display:block;
	float:left;
	background: #fff url('../images/nav/company_logo_bar_bg.gif') repeat-x;
}

#company_logo{
	position:relative;
	left:172px;
	top:0px;
}

.flash {
	position:relative;
	top:0px;
	left:20px;	
}

#main_content_container {
	background-color:transparent;
}

.full_column {
	width:960px;
	display:block;
	float:left;
}

.left_column_wide {
/*border:1px solid black; */
	display:inline;
	float:left;
	margin-left:0px;
	margin-right:0px;
	width:625px; 
	/* for the ie6 */
	_overflow:hidden;
}

.left_column {
	display:inline;
	float:left;
	margin-left:0px;
	margin-right:0px;
	width:340px;
}

.center_column{
	display:inline;
	float:left;
	margin-left:0px;
	margin-right:0px;
	width:280px;
}

.right_column{
/*border:1px solid red; */
	display:inline;
	float:right;
	margin-left:0px;
	margin-right:0px;
	width:330px; 
	/* for the ie6 */
	_overflow:hidden;
}

.col_header {
	font-size:18px;
	font-family: serif, Monaco, Courier;
	padding:0px 20px;
	margin-top:10px;
	color:#414141;
}

.divider {
	margin:5px 0 5px 0;
}

.divider_590 {
	margin:-5px 0px 0px 10px;
}

.footer {
	margin-top:20px;
}

/* ************************************************************************************** */
/* students speak out */
/* ************************************************************************************** */
/*
#sso_content_box {
	display:inline;
	float:left;
	padding-bottom:10px;	
}
#sso_content_box p {
	padding:5px 20px 5px 0px;
}
#sso_content_box .desc p {
	padding:5px 5px;
}
*/

/* ************************************************************************************** */
/* home page flash content */
/* ************************************************************************************** */
#flashcontent {
	width:950px;
	height:405px;
}
#flashcontent .no_flash {
	margin:50px 10px 10px 150px;
}
#flashcontent .no_flash a{ 
	font-weight:bold;
	text-decoration:underline;
}
#flashcontent #sub_nav_menu {

	margin-top:260px;
}

/* ************************************************************************************** */
/* home_page_news_box */
/* ************************************************************************************** */
.home_page_news_box{
	display:inline;
}

.home_page_news_box .img{
	float:left;
	margin-left:20px;
}

.home_page_news_box .desc{
	width:260px;
	float:right;
	padding:5px 10px;
}

.home_page_news_box .desc .header {
	font-weight:bold;
	line-height:20px;
	padding:0px 5px;
	font-size:18px;
	font-family: serif, Monaco, Courier;	
}

.home_page_news_box .desc .date{
	padding:3px 5px;
}

/* more news ... */
.more_home_page_news_box {
	padding:5px 10px;
}

.more_home_page_news_box .header{
	font-weight:bold;
	line-height:20px;
	padding:0px 5px;
	font-size:16px;
	font-family: serif, Monaco, Courier;	
}

/* ************************************************************************************** */
/* news_box */
/* ************************************************************************************** */
.news_box {
	display:block;
	float:left;
	background-color: #6A6A6A;
	color:white;
	margin-bottom:5px;
	width:320px;
}
.news_box h5 {
	margin: 3px 0px -5px 0px;
	padding:0px 5px;
}
.news_box a{
	color:white;
}
/* for the contact: students speak out */
.news_box .content_box {
	margin-left:10px;
}
.news_box .content_box .desc {
	width:150px;
}


/* ************************************************************************************** */
/* more_news_box */
/* ************************************************************************************** */
.more_news_box {
	display:block;
	float:left;
	padding:5px 0px; 
}

.more_news_box .header{
	font-weight:bold;
	line-height:20px;
	padding:0px 5px; 
	font-size:16px;
	font-family: serif, Monaco, Courier;	
}

/* ************************************************************************************** */
/* fact_box */
/* ************************************************************************************** */
.fact_box {
/*border:1px solid black;*/
	display:block;
	float:left;
	background-repeat: no-repeat;
	width:321px;
	height:154px;
	/* the default fact box background is greenness... */
	background-image: url("../images/background/greenness_fact_bg.png");
}
body.section_1 .fact_box {
	background-image: url("../images/background/services_fact_bg.png");
}
body.section_2 .fact_box {
	background-image: url("../images/background/greenness_fact_bg.png");
}
body.section_3 .fact_box {
	background-image: url("../images/background/communities_fact_bg.png");
}
body.section_4 .fact_box {
	background-image: url("../images/background/people_fact_bg.png");
}

.fact_box p{
	color:white;
	margin:55px 5px 5px 5px; 
	padding:0px 22px;
	line-height:16px;
}

/* a special case for the long "people" section */
body.section_4 .fact_box p{
/*border:1px solid red;*/
	margin:55px 0px 0px 0px;
	line-height:14px;
}

body.section_3 .fact_box p{
	margin:52px 5px 5px 5px; 
	line-height:15px;
}

/* ************************************************************************************** */
/* content_box */
/* ************************************************************************************** */
.content_box{
/*border:1px solid green; */
	display:inline; /* ie6: double margin bug */
	float:left;
	margin-left:20px;  
	margin-right:10px;
	padding-bottom:10px;
}
.content_box .img{
	float:left;
}
.content_box .desc{
	float:left;
	margin-top:10px;
	overflow:hidden;
}
.content_box .desc .header{
	padding:0px 5px;
	margin-bottom:5px;
}
.content_box .answer {
	color:#4A4949;
	font-weight:bold;
}
.content_box .img_read_more{
	margin-top:10px;
	display:block;
	float:left;
}

/* ****************************************************** */
/* header box */
/* ****************************************************** */
.header_box {
	padding:0px 40px 0px 20px; 
	margin:5px 0 25px 0;
/*	font-family: serif, Monaco, Courier; 	*/
/*	line-height:25px; */
	line-height:22px;
}
.header_box strong {
/*	font-size:20px; */
	font-weight:normal;
}

.header_box p {
/*	font-size:18px; */
	font-size:16px;
	font-weight:normal;
}
.header_box img {
	margin-left:5px;
	margin-top:15px;
	margin-right:10px;
}

/* ****************************************************** */
/* post box */
/* ****************************************************** */
.post_header {
	color:#414141;
	font-family: serif, Monaco, Courier; 	
	font-size:20px;		
	font-weight:bold;
	margin:0px 0px -5px 22px;
}

.post_box {
	padding:0px 100px 0px 20px; 
	margin:5px 0 25px 0;
}

.post_box .header {
	font-family: serif, Monaco, Courier;
	font-size:24px;
	width:350px;
	line-height:26px;
	margin:10px 0px 10px 0px;	

}

body.section_1 .post_box .header {
	color:#CC3333;
}
body.section_2 .post_box .header {
	color:#9AC202;
}
body.section_3 .post_box .header {
	color:#40A7D8;
}
body.section_4 .post_box .header {
	color:#3FA1CF;
}

.post_box p {
	padding: 0 0;
	margin:10px 0 10px 0;
	line-height:22px;
}

.post_box .more_link {
	font-size:14px;
	/*font-weight:bold; */
}

.post_box .links a {
	font-family: serif, Monaco, Courier;
	font-weight:bold;
	margin-left:5px; 
	margin-right:5px; 
}

.post_box .links .share_img  {
	margin:0px 0px 0px 5px;
	position:relative;
	top:-2px;
	left:0px;
}

/* ************************************************************************************** */
/* the share link and the popup bookmark */
/* ************************************************************************************** */
#bookmarkIt { 
	float: left; 
	border: 1px solid #aaa;  
	padding: 0px 3px; 
	font-size: 80%; 
	cursor: pointer; 
} 
#popupClose { 
	display: none; vertical-align: top; 
} 
.popupBookmark { 
	display: none; 
	position: absolute; 
	z-index: 100; 
} 
.popupBookmark ul { 
	float: left; 
	width: 160px; 
    border: 1px solid #aaa;  
}

/* ************************************************************************************** */
/* section_banner */
/* ************************************************************************************** */
.section_banner{
	display:block;
	float:left;
	width:919px;
	height:133px;
	list-style-type: none;
	margin-top:0px;
	margin-bottom:5px;
	position:relative;
	top:0px;
	left:20px;
}

body.section_1 .section_banner {
	background: #fff url('../images/section_banner/section_banner_1.jpg') no-repeat;  
}
body.section_2 .section_banner {
	background: #fff url('../images/section_banner/section_banner_2.jpg') no-repeat;  
}
body.section_3 .section_banner {
	background: #fff url('../images/section_banner/section_banner_3.jpg') no-repeat;  
}
body.section_4 .section_banner {
	background: #fff url('../images/section_banner/section_banner_4.jpg') no-repeat;  
}

#page_contact .section_banner {
	background: #fff url('../images/section_banner/section_banner_5.png') no-repeat;  
}
#page_on_the_move .section_banner {
/*	background: #fff url('../images/section_banner/section_banner_6.png') no-repeat;   */
	background: #fff url('../images/section_banner/section_banner_11.png') no-repeat;   
}

#page_terms_of_service .section_banner {
	background: #fff url('../images/section_banner/section_banner_7.png') no-repeat;  
}

#page_thanks .section_banner {
	background: #fff url('../images/section_banner/section_banner_9.png') no-repeat;  
}

#page_response .section_banner {
	background: #fff url('../images/section_banner/section_banner_12.png') no-repeat;  
}

#page_find_your_school .section_banner {
	background: #fff url('../images/section_banner/section_banner_13.png') no-repeat;  
}

#page_vist_our_sites .section_banner {
	background: #fff url('../images/section_banner/section_banner_14.png') no-repeat;  
}


/* for the careers, find your school and visit our isites... */
#page_careers .section_banner,
#page_see_what_s_new .section_banner{
	background: #fff url('../images/section_banner/section_banner_8.jpg') no-repeat;  
}

.section_banner .section_banner_slide{
	position:absolute ; 
}
.section_banner #section_banner_slide_1{
/*border:1px solid red; */
	top:81px; 
	left:383px; 
}
.section_banner #section_banner_slide_2{
	top:81px;
	left:460px;
}
.section_banner #section_banner_slide_3{
	top:90px;	
	left:370px;
}
.section_banner #section_banner_slide_4{
	top:81px;
	left:567px;
}

.section_banner #voice_your_opinion {
	position:relative;
	top:60px;
	left:800px;
}

/* ************************************************************************************** */
/* poll */
/* ************************************************************************************** */
#poll_box {
	background-repeat: no-repeat;
	background-image: url('../images/background/poll_bg.png');  
	width:322px;
	height:181px;
	margin-left:17px;
}
/* for the homepage poll */
/*
body.section_0 #poll_box {
	background-image: url('../images/background/poll_bg_0.png');  
	width:322px;
	height:181px;
}
*/
#poll_resizable {
	position:relative;
	top:13px;
	left:18px;
}
body.section_0 #poll_resizable {
	position:relative;
/*	top:22px; */
top:20px;
	left:15px;	
}
#poll_box p.no_flash {
	padding:30px 30px;
}
#poll_box p.no_flash a{
	color:#666;
	text-decoration:underline;
}

/* ************************************************************************************** */
/* article box */
/* ************************************************************************************** */
.article_box {
/*border:1px solid black;	*/
}
.article_box .title {
	font-family: serif, Monaco, Courier; 	
	font-size:25px;
	padding:0px 20px;
}
.article_box p {
	margin-top:5px;
	margin-bottom:5px;
	padding:0px 20px;
}
.article_box .link {
	padding:0px 20px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:12px;
	font-weight:bold;
}
.article_box .link a{
	color: #6666CC;
}
.article_box ul{
	padding:0px 20px;
	list-style-type: none;
}
.article_box ul li{
	padding:10px 0px;
}

/* ************************************************************************************** */
/* step box in contact page */
/* ************************************************************************************** */
.step_box {
	float:left;
	display:block;
	width:100%;
	margin-bottom:10px;
}

.step_box .step_header {
}
.step_box img.icon {
	display:block;
	float:left;
}
.step_box .header {
	display:block;
	float:left;
	margin:10px 10px 10px 10px;
}

/* ************************************************************************************** */
/* article, use in  */
/* ************************************************************************************** */
.article {
/*	border:1px solid black; */
}
.article p {
	padding:5px 20px;
}
.article p strong {
	font-family: serif, Monaco, Courier; 	
	line-height:25px;
	font-size:20px;
}

.article ul {
	list-style: disc outside;
	margin-left:20px;
}

/* ************************************************************************************** */
/* button list  */
/* ************************************************************************************** */
.buttons_list {
	list-style:none;
}

.buttons_list li {
	display:inline;
	width:220px;
	height:39px;
	float:left;
	margin:0px 0px;
}

.buttons_list li#btn_dining {
	width:140px;
	background-image: url("../images/buttons/btn_dining.gif");
	background-repeat:no-repeat;
}

.buttons_list li#btn_facilities {
	width:175px;
	background-image: url("../images/buttons/btn_facilities.gif");
	background-repeat:no-repeat;
}

.buttons_list li#btn_centers {
	width:140px;
	background-image: url("../images/buttons/btn_centers.gif");
	background-repeat:no-repeat;
}

.buttons_list li#btn_involvement {
	background-image: url("../images/buttons/btn_involvement.gif");
	background-repeat:no-repeat;
}

.buttons_list li#btn_employee {
	background-image: url("../images/buttons/btn_employees.gif");
	background-repeat:no-repeat;
}

.buttons_list li#btn_about_our_ceo {
	background-image: url("../images/buttons/btn_about_our_ceo.gif");
	background-repeat:no-repeat;
}

.buttons_list a{
/*border:1px solid red; */
/*	width:175px; */
	font-size:16px;
	font-weight:normal;
	line-height:40px;
	text-align:center;
}

.buttons_list #btn_dining  a{
	margin-left:32px; 
}

.buttons_list #btn_facilities  a{
	margin-left:40px; 
}

.buttons_list #btn_centers  a{
	margin-left:20px; 
}

.buttons_list #btn_involvement  a{
	margin-left:22px; 
}

.buttons_list #btn_employee a{
	margin-left:48px; 
}

.buttons_list #btn_about_our_ceo a{
	margin-left:28px; 
}

.buttons_list a:hover{
	font-weight:bold;
}


/* ************************************************************************************** */
/* xxx */
/* ************************************************************************************** */
/*
#how_to_get_involved_img {
	position:relative;
	top:10px;
	left:100px;
}
*/

.photo_box {
	display:block;
	float:left;
}
.photo_box .photo_credit {
	float:left;
	padding:10px 15px;
}