/*---------- GLOBAL ----------*/
#top_wrapper{
	position: absolute;
	background: #393939;
	/*background: #486981;*/
	width: 980px;
	height: 81px;
	border-bottom	: 1px solid #333333;
}

#subpage_main_wrapper{
	position:relative; 
	top: 20px;
	border:0px solid #000; 
	width:980px; 
	height:auto; 
	margin-left:auto; 
	margin-right:auto;
}

#main_wrapper{
	position:relative; 
	top: 20px;
	border:0px solid #000; 
	width:980px; 
	height:auto; 
	margin-left:auto; 
	margin-right:auto;
}

body{
	margin:0px;
	padding: 0px;
	background:url(/images/stripe_bg.gif) repeat-x top center;
	background-color: #EFF9FF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:22px;
}

.space2 {
	margin-bottom	: 2em; 
}
.space_half{
	margin-bottom	: 0.5em;
}

.linebreak {
	line-height: 1em;
}
.linebreak_pt2{
	line-height: 0.2em;
}
.linebreak2 {
	line-height: 2em;
}

/*---------- COMMON ----------*/
ul, li, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, img { 
	margin			: 0;
	padding			: 0;
	border			: 0;
	font-size		: 1em;
	font-weight		: normal;
	text-decoration	: none;
}
ul {
	list-style		: none;
}

/*---------- NAV ----------*/
#navWrapper {
	position		: absolute;
	left			: 0px;
	top				: 47px; 
	left			: 240px; 
	width			: 740px;
	background		: #393939;
	border-top		: 1px solid #fff; 
}
#nav {
	padding			: 0 0 0 8px;
	margin			: -2px;
	text-align		: left;
	font-family 	: Helvetica, Arial, sans-serif;
	font-size		: 1.3em;
	color			: #333;
	text-decoration	: none;
}
#nav ul {
	width			: auto;
}
#nav li {
	float			: left;
	margin	 		: 0 3px;
	display			: inline;
	width			: auto;
}
#nav ul li a:link, #nav ul li a:visited {
	padding			: 8px 14px 7px 14px;
	display			: block;
	font-size		: 80%;
	font-weight		: bold;
	color			: #fff;
	text-decoration	: none;
	margin-bottom	: -1px;
}
#nav ul li a:hover {
	color			: #fff;
	text-decoration	: none;
	font-weight		: bold;
	background		: url(/images/nav_hover.gif) no-repeat center center;
	margin-bottom	: -2px; /* so that there's no gap after the main menu and dropdown, causing hovering problem */
	/*border-bottom	: -2px solid lightgreen;*/
}
div#nav ul li {
	float			: left;
	position		: relative;
} 
#nav ul li ul{
	list-style-type	: none;
	display			: none;
	position		: absolute;
	width			: 180px;
	height			: auto;
	z-index			: 10;
	color			: #edeada;	/* put a layer of color on the background, then below give a 1px bottom margin to show this layer */
	background		: url(/images/subpage_leftnav_main.jpg) repeat-y;
}
#nav ul li ul li{
	display			: block;
	width			: 175px;
	color			: #edeada;
}
#nav ul li > ul {
	top				: auto;
	left			: 0;
	margin-top		: 0px;
}
#nav ul li ul li a:link, #nav ul li ul li a:visited {
	padding			: 7px 14px 5px 14px;  /* top right bottom left */
	display			: block;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 13px;
	font-weight		: normal;
	color			: #edeada;  /* color of drop down font when not highlighted */
	text-decoration	: none;
	background		: url(/images/subpage_leftnav_a.jpg) repeat-y #5988A6;
	margin			: 0px 0px 1px -2px;
}
#nav ul li:hover ul{ 
	display			: block;  
	color			: #fff;
}
#nav ul li ul li a:hover{ 
	display			: block; 
	color			: #a3cce5;  /* light blue font when hovered */	
	background		: url(/images/subpage_leftnav_tick.gif) no-repeat left center #456a81;
}

body.program-overview #nav ul li #program, body.program-overview #nav ul li #program a,
body.program-internships #nav ul li #program, body.program-internships #nav ul li #program a,
body.program-excursions #nav ul li #program, body.program-excursions #nav ul li #program a,
body.program-seminars #nav ul li #program, body.program-seminars #nav ul li #program a,
body.program-typical #nav ul li #program, body.program-typical #nav ul li #program a,
body.students-eligibility #nav ul li #students, body.students-eligibility #nav ul li #students a,
body.students-deadlines #nav ul li #students, body.students-deadlines #nav ul li #students a,
body.students-life #nav ul li #students, body.students-life #nav ul li #students a,
body.students-expect #nav ul li #students, body.students-expect #nav ul li #students a,
body.parents-overview #nav ul li #parents, body.parents-overview #nav ul li #parents a,
body.parents-benefits #nav ul li #parents, body.parents-benefits #nav ul li #parents a,
body.parents-safety #nav ul li #parents, body.parents-safety #nav ul li #parents a,
body.parents-costs #nav ul li #parents, body.parents-costs #nav ul li #parents a,
body.partners-partners #nav ul li #partners, body.partners-partners #nav ul li #partners a,
body.partners-projects #nav ul li #partners, body.partners-projects #nav ul li #partners a,
body.application-process #nav ul li #application, body.application-process #nav ul li #application a,
body.application-step #nav ul li #application, body.application-step #nav ul li #application a,
body.application-scholarship #nav ul li #application, body.application-scholarship #nav ul li #application a,
body.about-vision #nav ul li #about, body.about-process #nav ul li #vision a,
body.about-management #nav ul li #about, body.about-step #nav ul li #management a,
body.about-contact #nav ul li #about, body.about-scholarship #nav ul li #contact a
{
	background		: url(/images/nav_hover.gif) no-repeat center center;
}

/*-------------------------------- Subpages Banner ---------------------------------------*/
#subpage_banner{
	position		: absolute; 
	left			: 0px; 
	top				: 81px; 
	width			: 980px; 
	height			: 111px; 
	display			: block; 
}

/*-------------------------------- Subpages Navigation ---------------------------------------*/
#subpage_left_nav{
	position		: absolute;
	top				: 181px;
	display			: block;
	float			: left;
	width			: 240px;
	border			: 0px solid #000000;
	background		: url(/images/subpage_leftnav_vtr.jpg) repeat-x;
	min-height		: 800px;
}
#subpage_left_nav ul, #subpage_left_nav ul li{
	margin-left		: 0px;
	padding-left	: 0px;
	list-style		: none;
	color			: #edeada;		
	background		: url(/images/subpage_leftnav_main.jpg) repeat-y;
	clear			: both;
	text-indent		: 20px;
}
#subpage_left_nav ul{
	float			: left;
	clear			: both;
	padding-bottom	: 10px;
	padding-left	: 0px;
}
#subpage_left_nav ul li a, #subpage_left_nav ul li a:visited{
	color			: #edeada;
	background		: url(/images/subpage_leftnav_a.jpg) repeat-y #5988A6;
	display			: block;
	margin			: 0px 0px 1px 0px;
	padding			: 7px 0px 5px 12px;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 1.1em;
	clear			: both;
	text-decoration : none;
}
#subpage_left_nav ul li a:hover, #subpage_left_nav ul li a:visited:hover{
	color			: #a3cce5;
	background		: url(/images/subpage_leftnav_tick.gif) no-repeat left center #456a81;
}
#subpage_left_nav ul li a, #subpage_left_nav ul li a:visited{
	color			: #edeada;
	background		: url(/images/subpage_leftnav_a.jpg) repeat-y #5988A6;
}
#subpage_left_nav ul li a:hover, #subpage_left_nav ul li a:visited:hover{
	color			: #a3cce5;
	background		: url(/images/subpage_leftnav_tick.gif) no-repeat left center #456a81;
}
#subpage_left_nav ul li ul,#subpage_left_nav ul li ul li{
	float			: left;
	clear			: both;
	display			: block;
	line-height		: normal;
	position		: relative;
}
#subpage_left_nav ul li ul{
	margin-bottom	: 0px;
	padding-bottom	: 0px;
}
#subpage_left_nav ul li ul li a:hover,
#subpage_left_nav ul li ul li a:visited:hover{
	background:#456A81;
}

#subpage_left_nav ul li#subpage_leftnav_title {
	background:#486981;
	padding-top:8px;
	padding-left:0px;
	padding-bottom:8px;
	margin-top:2px;
	margin-bottom:1px;
	padding-top:10px;
	border-bottom:1px solid #ffffff;
	border-top:0px solid #314E5F;
	line-height:1.3em;
	font-size:1.1em;
	width: 240px;
	font-weight: bold;
}

body.program-overview #subpage_left_nav ul li #overview, body.program-overview #subpage_left_nav ul li #overview a,
body.program-internships #subpage_left_nav ul li #internships, body.program-internships #subpage_left_nav ul li #internships a,
body.program-excursions #subpage_left_nav ul li #excursions, body.program-excursions #subpage_left_nav ul li #excursions a,
body.program-seminars #subpage_left_nav ul li #seminars, body.program-seminars #subpage_left_nav ul li #seminars a,
body.program-typical #subpage_left_nav ul li #typical, body.program-typical #subpage_left_nav ul li #typical a,
body.students-eligibility #subpage_left_nav ul li #eligibility, body.students-eligibility #subpage_left_nav ul li #eligibility a,
body.students-deadlines #subpage_left_nav ul li #deadlines, body.students-deadlines #subpage_left_nav ul li #deadlines a,
body.students-life #subpage_left_nav ul li #life, body.students-life #subpage_left_nav ul li #life a,
body.students-expect #subpage_left_nav ul li #expect, body.students-expect #subpage_left_nav ul li #expect a,
body.parents-overview #subpage_left_nav ul li #overview, body.parents-overview #subpage_left_nav ul li #overview a,
body.parents-benefits #subpage_left_nav ul li #benefits, body.parents-benefits #subpage_left_nav ul li #benefits a,
body.parents-safety #subpage_left_nav ul li #safety, body.parents-safety #subpage_left_nav ul li #safety a,
body.parents-costs #subpage_left_nav ul li #costs, body.parents-costs #subpage_left_nav ul li #costs a,
body.partners-partners #subpage_left_nav ul li #partners, body.partners-partners #subpage_left_nav ul li #partners a,
body.partners-projects #subpage_left_nav ul li #projects, body.partners-projects #subpage_left_nav ul li #projects a,
body.application-process #subpage_left_nav ul li #process, body.application-process #subpage_left_nav ul li #process a,
body.application-step #subpage_left_nav ul li #step, body.application-step #subpage_left_nav ul li #step a,
body.application-scholarship #subpage_left_nav ul li #scholarship, body.application-scholarship #subpage_left_nav ul li #scholarship a,
body.about-vision #subpage_left_nav ul li #vision, body.about-vision #subpage_left_nav ul li #vision a,
body.about-management #subpage_left_nav ul li #management, body.about-management #subpage_left_nav ul li #management a,
body.about-contact #subpage_left_nav ul li #contact, body.about-contact #subpage_left_nav ul li #contact a,
body.experience-testimonials #subpage_left_nav ul li #testimonials, body.experience-testimonials #subpage_left_nav ul li #testimonials a,
body.experience-pictures #subpage_left_nav ul li #pictures, body.experience-pictures #subpage_left_nav ul li #pictures a,
body.payment-cost #subpage_left_nav ul li #cost, body.payment-cost #subpage_left_nav ul li #cost a,
body.payment-detail #subpage_left_nav ul li #detail, body.payment-detail #subpage_left_nav ul li #detail a,
body.gennext-overview #subpage_left_nav ul li #overview, body.gennext-overview #subpage_left_nav ul li #overview a,
body.gennext-how #subpage_left_nav ul li #how, body.gennext-how #subpage_left_nav ul li #how a,
body.gennext-committee #subpage_left_nav ul li #committee, body.gennext-committee #subpage_left_nav ul li #committee a
{
	background:url(/images/subpage_leftnav_tick.gif) no-repeat left center #DBD7BA;	
	color:#ffffff;
	/*background-color:#2b2b2b;*/
	background-color:#314E5F;
}


/****** secondary nav ******/

ul#secondary_nav{

	display:block;
	padding-top:20px;
	background: none;
	display:block;
	width:240px;
	height:69px;
	background-color:#42647a;
	margin-left:auto;
	margin-right:auto;
	background-color:#42647a;
	
	margin-top:2px;
	border-top:0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
}

li#secondary_nav_li ul li{
	width:240px;
}

li#secondary_nav_li ul li a,
li#secondary_nav_li ul li a:visited{
	color:#293f4d;
	margin-bottom:0px;
	font-size:1.0em;
	background:url(/images/subpage_leftnav_secondary.jpg) repeat-y left top #406379;
	margin-bottom:1px;
	
	color:#BDCED7;
}

ul#secondary_nav li a,
ul#secondary_nav li a:visited{
	width:225px;
	height:auto;
	background:#406379;
	color:#C9E6F7;

}
   
  
/*-------------------------------- Subpages Content ---------------------------------------*/
#subpage_content {
	position:absolute; 
	left:240px; 
	top:181px; 
	width:700px; 
	height:auto;
	
	line-height: 13.5pt; 
	text-align: left;
	font-size: 9pt;
	background: #ffffff; /*url(/images/content-background.png) repeat-y left top;*/
	
	padding-left:20px; 
	padding-right:20px; 
	padding-top: 5px;
	font-family:verdana,helvetica,arial,courier
}
#subpage_title1{
	font-size: 16pt; 
	color: #002060; 
	font-family: Times New Roman; 
	padding-top:20px;
	font-weight: bold;
}

#subpage_title2{
	line-height: 13.5pt;
	text-align: left;
	font-size: 9pt;
	font-weight: bold;
}

#subpage_title3{
	color			: rgb(0,32,96);
	font-size		: 10pt; 
	line-height		: 5pt; 
	font-family		: Verdana; 
	font-weight		: bold
}
#subpage_title4{
	color			: rgb(0,32,96);
	font-size		: 9pt; 
	line-height		: 5pt; 
	font-family		: Verdana; 
	font-weight		: bold
}
#subpage_title5{
	color			: #333333;
	line-height		: 13.5pt;
	text-align		: left;
	font-size		: 10pt;
	font-weight		: bold;
}
#subpage_title6{
	color			: rgb(0,32,96);
	font-size		: 12pt; 
	line-height		: 5pt; 
	font-family		: Verdana; 
	font-weight		: bold
}

#advisor_name{
	color			: #393939;
	line-height		: 13.5pt;
	text-align		: left;
	font-size		: 9pt;
	font-weight		: bold;
}

ul.content {
	list-style		: disc;
	margin-left		: 35px;
	margin-top		: 15px;
}
#content li{
	margin-top		: 2px;
	margin-bottom	: 10px;
}

ol.content {
	margin-left		: 35px;
	margin-top		: 15px;
}

#exursion_tbl_content{
	padding-right: 5pt;
	line-height: 20px; 
}

img.content_img_right{
	padding: 10px 5px 10px 10px;
}

/*-------------------------------- Testimonials ---------------------------------------*/
#testimonial_block {
	margin-top: 6px;
	height:170px; 
	background:lightgreen; 
	padding: 20px 10px 10px 10px;  /* top right bottom left */
	border-top: 2px solid green;
	border-bottom: 2px solid green;
}
		/** Code below is to hack Safari and Chrome, where the text indentation in subpage-nav UL causes the entire
			block to elongate, therefore blocking the right-text of testimonials. This hack makes more right padding
			for chrome and safari so that user can see all the text **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#testimonial_block {
		margin-top: 6px;
		height:170px; 
		background:lightgreen; 
		padding: 20px 20px 10px 10px;  /* this line's second number is the only difference */
		border-top: 2px solid green;
		border-bottom: 2px solid green;
	}
}

#quote {
	font-size: 12px; 
	color: #000000; 
	font-weight:bold; 
	line-height: 13.5pt; 
	font-family: verdana,helvetica,arial,courier;
	margin-left: -15px;
}

#quote_person {
	font-size: 12px; 
	color: #000000; 
	line-height: 12.5pt; 
	font-family: verdana,helvetica,arial,courier;
	margin-left: -15px;
}

/*-------------------------------- Buttons ---------------------------------------*/
#faq-apply a.button-type1 {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button-type1 span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

#news-center a.button-type1 {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
/*-------------------------------- FAQ & Apply Button ---------------------------------------*/
#faq-apply {
	position: absolute;
	z-index: 2;
	top: 195px;  
	right: 20px; 
}

/*-------------------------------- Tables ---------------------------------------*/
#firstrow {
	background: #002060;
	border-right: #f4f4f4; 
	border-top: windowtext 1pt solid;  
	border-left: windowtext 1pt solid;  
	border-bottom: windowtext 1pt solid;
	padding-top: 7.2pt; 
	padding-right: 5.75pt; 
	padding-bottom: 7.2pt; 
	padding-left: 5.75pt; 

	line-height: normal;
	font-size: 9pt; 
	color: lightgreen; 
	font-family: Verdana;
	font-weight: bold;
}

/*-------------------------------- Footer ---------------------------------------*/
#footer {
	position:relative; 
	right: 260px;
	margin-left:auto; 
	margin-right:auto;
	margin-top: 40px;
	margin-bottom: 0px;
	width:980px;
	background:#486981;
	color:#a3cce5;
	padding: 10px 0px 10px 0px;
}

#footer a{
	color: #ffffff;
}
#footer a:hover,#footer a:visited:hover{
	color: lightgreen;
}

/*-------------------------------- Ubiquitous Links ---------------------------------------*/
a.headline:link {text-decoration:none; color:#002060;}
a.headline:visited {text-decoration:none; color:#002060;}
a.headline:hover {text-decoration:none; color:darkgreen;}
a.headline:active {text-decoration:none; color:#002060;}

a.frontquote:link {text-decoration:none; color:#000000;}
a.frontquote:visited {text-decoration:none; color:#000000;}
a.frontquote:hover {text-decoration:none; color:darkgreen;}
a.frontquote:active {text-decoration:none; color:#002060;}

a.seeityourself:link {text-decoration:none; color:#002060;}
a.seeityourself:visited {text-decoration:none; color:#002060;}
a.seeityourself:hover {text-decoration:none; color:darkgreen;}
a.seeityourself:active {text-decoration:none; color:#002060;}

a.video:link {text-decoration:none;}
a.video:active {text-decoration:none;}
a.video:visited {text-decoration:none;}
a.video:hover {text-decoration:none;}

/* ---------------------- Old ----------------------- */

img.noborder {border-style: none;}

ul.noIndent { margin-left: 1em; padding-left: 1em;}

li.sitemap{ margin-top: 2px; }

ul.sitemap {
margin-top:8px;
list-style-type: disc;
margin-left: 2em; 
padding-left: 0;
margin-bottom: 1em;
}

td.sitemap indent {padding-left: 50em;} 

.sitemap a:link { COLOR:darkblue; text-decoration: underline;}
.sitemap a:visited {COLOR: darkblue; text-decoration: underline;}
.sitemap a:hover {COLOR: green; text-decoration: underline;}
.sitemap a:active {COLOR: darkblue; text-decoration: underline;}

.sitemap_head a:link { COLOR:#002060; text-decoration: none;}
.sitemap_head a:visited {COLOR: #002060; text-decoration: none;}
.sitemap_head a:hover {COLOR: green; text-decoration: underline;}
.sitemap_head a:active {COLOR: #002060; text-decoration: none;}

a:link { COLOR:darkblue; text-decoration: underline;}
a:visited {COLOR: darkblue; text-decoration: underline;}
a:hover {COLOR: green; text-decoration: underline;}
a:active {COLOR: darkblue; text-decoration: underline;}

a.none:link {text-decoration:none;}
a.none:visited {text-decoration:none;}
a.none:hover {text-decoration:none;}
a.none:active {text-decoration:none;}