@import 'header.css';
@import 'navigation.css';
@import 'callToAction.css';
@import 'globalNav.css';
@import 'diagrams.css';
@import 'forms.css';
@import 'blog.css';
@import 'photoTour.css';
@import 'navigation-new.css';


	.EnglishOrange    {color: #3B64BE;}
	.EnglishOrangeBg    {background-color: #f67205;}
	.EnglishOrangeBg h5   {color: #fff;}
	
	.AcademicBlue     {color: #3B64BE;}
	.AcademicBlueBg     {background-color: #3B64BE;}
	.AcademicBlueBg h5    {color: #fff;}
	h4.academicTitle {
		font: bold 14px Arial, Helvetica, san-serif;
		margin: 0;
		padding: 0 0 10px 0;
		color: #3B64BE;
		}
	
	
	.BusinessBlue    {color: #3B64BE;}
	.BusinessBlueBg    {background-color: #0D4179;}
	.BusinessBlueBg h5   {color: #fff;}
	h4.businessTitle {
		font: bold 14px Arial, Helvetica, san-serif;
		margin: 0;
		padding: 0 0 10px 0;
		color: #0D4179;
		}
	
	.YouthGreen       {color: #0CAE58;}
	.YouthGreenBg       {background-color: #0CAE58;}
	h4.youthTitle {
		font: bold 14px Arial, Helvetica, san-serif;
		margin: 0;
		padding: 0 0 10px 0;
		color: #0CAE58;
		}
	
	
	body {
		margin: 0; /* Most browsers have a default margin, 
				which would prevent elements, like the navigation 
				to rest on the (left) side*/
		padding:0;
		font: 11px Arial, Helvetica, san-serif;
		color: #0D4179;
		background: #EFEFEF url(../images/global-background.gif) repeat-y 0px;
		/* long background to make the main area white, its better than adding YAWD (Yet Another Wrapper Div)*/
		}
	/* no borders on images prevents the ugly blue (or whatever color) borders around linked images */
	a img {
		border: none;
		}
	/* Headers [todo]: rewrite into groups to save some code */
	h1{
		font: bolder 20px Arial, Helvetica, san-serif;
		padding: 0px;
		}
	h2{
		font: bold 18px Arial, Helvetica, san-serif;
		padding: 0;
		margin: 0;
		}
	
	h3{
		font: bold 16px Arial, Helvetica, san-serif;
		padding: 15px 0 15px 0;
		margin: 0;
		color: #3B64BE;
		}
	h4{
		font: bold 12px Arial, Helvetica, san-serif;
		margin: 0;
		padding: 0 0 10px 0;
		}
	h4.solidBar {
		 background-color: #b5cff1; 
		 padding: 5px; margin: 10px 0 15px 0;
	}	
		
	h5{
		padding: 0;
		font: bold 11px Arial, Helvetica, san-serif;
		margin: 0;
		}
		
#content.apply {width:540px;}
		
	
	a, a:visited{
		color: #0D4179;
		}
	
	p{
		padding: 0 0 15px 0;
		margin: 0;
		}
		
		
	ol{font-weight: bold;
		font-style: italic;
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 0;
		}
	ol li ul{font-weight: normal;
		font-style: normal;
		line-height: 16px;
		padding-bottom: 0;
		margin-bottom:0;
		}
	ol.plain{font-weight: normal;
		font-style: normal;
		padding-bottom: 15px;
		}
	ul li ul li{
		font-style: normal;

		}
		
		ul {
		margin-left: 15px;
		padding-left: 0;
		}
		
	ul.hilightLinks{
		margin-left: 0;
		padding-left: 0;
	}
	
	ul.hilightLinks li{
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		color: #18a64d;
		background-image: url(../images/bullet.gif);
		background-repeat: no-repeat;
		background-position: left;
		list-style-type: none;
		padding-left: 20px;
		line-height: 22px;
		margin-left: 0;
	}
	
	ul.hilightLinks li ul li{
		font-size: 11px;
		font-style: normal;
		background-image: none;
	}
	
	ul.hilightLinks li ul li a{
		font-style: normal;
	}
	
	ul.hilightLinks li a{
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;
	}
		
	#content ul {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 15px;
		margin-bottom: 0;
		}
		
	#content a, #content a:visited{
		color: #0D4179;
		}
		
	#content ul ul{
		margin: 5px 0 0 12px;
		padding: 0 0 10px 0;
		line-height: 14px;
		font-style: italic;
		}
		
	#content ul ul li{
		padding-bottom: 0;
		}
		
	dl{
		margin-bottom: 25px;
		margin-top: 0;
		}
		
	dt{
		height: 15px;
		font-weight: bold;
		}
	
	dd{
		
		font-style: italic;
		}
		
	#goNextLink{
		background-image: url(../images/go-next-link.gif);
		background-repeat: no-repeat;
		height: 33px;
		width: 145px;
		padding: 5px 20px 0 45px;
		margin: 20px 0 0 0;
		}
		
	#goNextLink a:link, #goNextLink a:visited{
		color: #e2ebf7;
		font: bold italic 11px Arial, Helvetica, san-serif;
		text-decoration: none;
		letter-spacing: .08em;
		line-height: 10px;
		display: block;
		width: 140px;
		}
	
	.programLink a:link, .programLink a:visited{
		width: 260px;
		font-style: italic;
		font-weight: bold;
		display: block;
		float: left;
	}
	
	.programLink img {
		margin-right: 10px;
		float: left;
		text-decoration: none;
	}
	
	.programLink {
		float: left;
		margin-bottom: 10px;
	}
	
	.backToTop {
		text-align: right;
		font-weight: bold;
	}
	
	#rule {
		 border-bottom: 1px solid #0d4179;
		 margin-bottom: 20px;
		 width: 530px;
		 display: block;
	}
	/* helper classes */
	.float-left{
		float: left;
		}
	.float-right{
		float: right;
		}
	/* Image replacement classes 
	See: http://www.mezzoblue.com/archives/2003/12/12/accessible_i/
	*/
	.img_replace /* h1, h2, li, whatever */
	{
		background-repeat: no-repeat;
		display: block;
		overflow: hidden;
		margin-right:0px;
		
		}

	.img_replace span
	{
		background-repeat: no-repeat;
		display: block;
		position: relative;
		margin-right:0px;
	}
	
		
/* General layout stuff follows */
	
	#mainWrapper { /* entire center section */ 
		width:900px;
		clear:both;
		}
	#navContainer {
		float:left;
		width:158px;
		height:auto;
		padding:0;
		}
	#mainBodyContainer {
		margin-left:3px;
		float:left;
		margin-bottom: 4px;
		width: 736px;
		overflow: visible;
		}
		
	#callToActionContainer {
		float:left;
		height: 82px;
		width: 736px;
		background-color: #FDB407;
		margin: 0 0 3px 0;
		padding: 0;
		}	
	/* 7/10 split in use, next 2 rules *
		See: http://realworldstyle.com/split.html */
	#contentContainer {
		background-image: url(../images/content-inset-bg.gif);
		background-repeat: repeat-y; /* Background for columns */
		background-position: 576px;
		width: 736px;
		margin-bottom: 3px;
		line-height: 15px;
		}
	
	#content {
		float: left;
		width: 530px;
		margin: 0;
		padding: 0 15px 20px 20px;
		}
	#contentHeightSetter {
		float: left;
		width: 1px;
		height: 463px;
		}
		
	#contentInset {
		float: right;
		width: 130px;
		margin: 0;
		padding: 10px 15px 10px 15px;
		}
		
	#contentInset p{
		margin: 10px 0 15px 0;
		padding: 0;
		}
		
	#contentInset img{
		margin: 0 0 0 -8px;
		}
		
	#contentInset table td img{
		margin: 0 0 0 4px;
		}
		
	#contentInset table{
		margin-left: -12px;
		}
		

		
	#contentInset a:link, #contentInset a:visited{
		color: #0D4179;
		}
		
	#contentInset ul {
		list-style-type: disk;
		margin: 0 0 15px 12px;
		padding: 0;
		line-height: 16px;
		font-style: italic;
		}
		
	#contentInset h5{
		border-bottom: 1px solid #0D4179;
		width: 125px;
		margin: 15px 0 10px 0;
		}
	
	.inPageImg{
		margin: 15px 0 15px 0;
	}
	/* home content */
	#homeContent {
		float: left;
		width: 370px;
		margin: 0;
		padding: 15px 0 4px 35px;
		font-size: 12px;
		}
		
	#homeStepNav {
		float: left;
		width: 290px;
		margin: 0;
		padding: 5px 60px 15px 40px;
		}
		
	
	#stepOne a, #stepOne a span{
		background-image: url(../images/home-page/step1.gif);
		background-repeat: no-repeat;
		cursor: hand;
		cursor: pointer;
		height: 93px;
		width: 136px;
		}
		
	#stepTwo a, #stepTwo a span{
		background-image: url(../images/home-page/step2.gif);
		background-repeat: no-repeat;
		cursor: hand;
		cursor: pointer;
		height: 93px;
		width: 136px;
		}
		
	#stepThree, #stepFour{
		margin-top: 25px;
		}
		
	#stepThree a, #stepThree a span{
		background-image: url(../images/home-page/step3.gif);
		background-repeat: no-repeat;
		cursor: hand;
		cursor: pointer;
		height: 93px;
		width: 136px;
		}
		
	#stepFour a, #stepFour a span{
		background-image: url(../images/home-page/step4.gif);
		background-repeat: no-repeat;
		cursor: hand;
		cursor: pointer;
		height: 93px;
		width: 136px;
		}
		
	#homePromoContainer {
		float: right;
		width: 289px;
		margin: 0;
		padding: 0;
		}
		
	#homePromo {
		float: right;
		width: 269px;
		height: 110px;
		background-color: #6D9ACB;
		margin: 0 0 3px 0;
		padding: 10px;
		color: #FFF;
		font-size: 12px;
		}
		
	#homePromo a{
		color: #fdb407;
		}
		
	#homePromo h4 a{
		color: #0d4179;
		}
		
	.learnMore {
		float: right;
		color: #FDB407;
		font-weight: bold;
		padding-top: 5px;
		}
		
		
	#homePromo img{
		margin: 0;
		}
	
	/* footer */
	#footer {
		margin: 0 3px 0 2px; /* 160 margin pushes it in past the navigation */
		padding: 5px 10px 0 0;
		clear:left; /* needed to have it not screw with the floats above it */
		border-top: 1px solid #476FA4;
		font-size: 10px;
		color: #B3B3B3;
		height: 15px;
		}
		
	#footer a, #footer a:visited {
		color: #B3B3B3;
		}
		
	#footerLogoContainer {
		margin-top: 4px;
		padding: 10px 15px 10px 0;
		width: 880px;
		}

	#intraxLogo{
		padding: 0 0 0 10px;
		margin: 0;
		}
	
	#intraxLogo a, #intraxLogo a span{
		background-image: url(../images/footer-intrax-logo.gif);
		background-repeat: no-repeat;
		cursor: hand;
		cursor: pointer;
		height: 13px;
		width: 53px;
		}
		
	#ayusaLogo{
		padding: 0 0 0 10px;
		margin: 0;
		}
	
	#ayusaLogo a, #ayusaLogo a span{
		background-image: url(../images/footer-ayusa-logo.gif);
		background-repeat: no-repeat;
		cursor: hand;
		cursor: pointer;
		height: 13px;
		width: 66px;
		}
		
	#apcLogo{
		padding: 0 0 0 10px;
		margin: 0;
		}
	
	#apcLogo a, #apcLogo a span{
		background-image: url(../images/footer-apc-logo.gif);
		background-repeat: no-repeat;
		cursor: hand;
		cursor: pointer;
		height: 13px;
		width: 103px;
		}
/* testimonials */

	.testimonialContainer{
		padding: 10px 0 0 130px;
		margin: 0 0 15px 0;
		height: 100px;
		width: 395px;
		background-color: #e2ebf7;
		}
		
	.testimonialContainer img{
		margin: 10px 20px 0 0;
		float: right;
	}
	
	.testimonialContainer p{
		float: left;
		line-height: 24px;
		margin: 10px 0 0 0;
	}
	
	.testimonialContainerVideo {
		padding: 10px 0 0 194px;
		margin: 0 0 12px 0;
		height: 120px;
		width: 331px;
		background-color: #e2ebf7;
		}
		
	.testimonialContainerVideo img{
		margin: 17px 20px 0 0;
		float: right;
	}
	
	.testimonialContainerVideo p{
		float: left;
		line-height: 24px;
		margin: 17px 0 0 0;
	}
		
	.name {
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
	}
	
	.infotext{
		font-size: 14px;
		font-style: italic;
		font-weight: bold;
	}
	
	p.testimonial{
		 font-size: 12px;
		 line-height: 18px;
	}
		
/* college logo */

	.collegeHeader{
		float: left;
		}
		
	.collegeLogoContainer{
		height: 50px;
		padding-right: 0px;
		margin-top: 10px;
	}
	
/*promo pages*/


	
	p.promoIntro {
		font-size: 13px;
		font-weight: bold;
		color: #476fa4;
	}
	
	p.promoSectionTitle {
		font-size: 14px;
		color: #fff;
		padding: 5px;
		background-color: #0d417a;
		margin-bottom: 10px;
	}
	
	p.highlightHeader {
		background-color: #476fa4;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		padding: 5px 0 5px 35px;
	}
	
	ul.promoHighlight {
		background-color: #E7EBF7;
		border: 1px solid #B5CFF7;
		font-size: 12px;
		margin: 0;
		padding: 25px;
	}
	
	ul.promoHighlight li {
		padding: 10px 10px 0px 10px;
	}
	
	p.cityPromo {
		padding-left: 200px;
		height: 150px;
		font-size: 13px;
	}
	
	table.promoActivities {
		border: 1px solid #B5CFF7;
		border-collapse: collapse;
		margin-bottom: 20px;
	}
	
	table.promoActivities tr td{
		vertical-align: top;
		font-size: 12px;
	}
	
	table.promoActivities ul li{
		padding: 3px;
	}
	
	.activitiesHeader {
		background-color: #476fa4;
		color: #fff;
		font-size: 12px;
		padding: 5px;
	}
	
	td.formHeader {
		background-color: #476fa4;
		color: #fff;
		font-size: 12px;
		padding: 5px;
		}
	h4.gallerySubHeader {
		background-color: #476FA4; 
		color: #fff; 
		margin: 10px 0; 
		font-size: 120%; 
		padding: 3px 10px;
		}
	h4.gallerySubHeaderAP {
		background-color: #9378ca; 
		color: #fff; 
		margin: 10px 0; 
		font-size: 120%; 
		padding: 3px 10px;
		}
	ul.sitemap {
		margin:0;
		padding:0;
	}
	ul.sitemap ul {
		margin:0;
		padding:0;
	}

hr {
	color: #476FA4;
	background-color:#476FA4;
	height: 1px;
	border: 0;
	width: 95%;
}


/* APPLY NOW STYLES */

table.hidden, div.hidden, tr.hidden {
	position: absolute;
	left: -1500em;
}
td.labelApply {
	width: 260px;
}
#applyForm input.btn {
	color: #fff;
	background-color: #0D4179;
	border: none;
	cursor: pointer;
	float: right;
	padding: 3px;
}
#applyForm input.btn:hover {background-color: #FDB407;}
#applyForm select {font-size: 11px;}

#applyForm input.applyTXT {
	width: 200px;
}
div.help  { /* Languages PopUp */
  position:absolute; 
 	visibility:hidden; 
  width:250px;
  padding:5px; 
  left:0; 
  top:0; 
  z-index:500;
  font-size:12px; 
  background-color:#0E417A; 
  border: 3px double #B5CFF1;
  opacity:0.85;
	filter:alpha(opacity:85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
}
div.help p {font-size: 11px; color:#FFFFFF}
ul#pageSubNav {
	list-style-type: none;
	margin:0;
	padding:0;
	margin: 10px 0;
	margin-top:0;
	float: left;
}
ul#pageSubNav li {
	display: inline;
	background-image: none;
	margin: 0;
	padding: 0;
}
ul#pageSubNav li a {
	width: 130px;
	display: block;
	float: left;
	text-decoration: underline;
	background-color: #5aab19;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;

}
ul#pageSubNav li a:visited {background-color: #5aab19;color: #fff;text-decoration: underline;}
ul#pageSubNav li a:hover, ul#pageSubNav li a.active {
	color: #0D4179;
	text-decoration: none;
}

.accommChart td {
	background: #e2ebf7;
	color: #174d8d;
	padding: 5px;
	margin: 5px;
	border: solid #fff 1px;
	font-family: Arial, Helvetica, sans-serif;
}
.accommChart {
	padding-bottom: 5px;
	margin-bottom: 5px;
}