/* -------------------------------------------------------------- 
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	overflow: scroll;
}

/* -------------------------------------------------------------- 
   typography
-------------------------------------------------------------- */
body {
	font-size: 62.5%; 
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;	
	line-height: 1.5;
	color: #666666; 
}

h2, h3, h4, h5, h6, p {margin: 0px 20px 15px 20px;}
h2, h3 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: normal;
	color: #39c;
}
h3 {font-size: 1.45em; font-weight: bold}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
p, ol, ul, dl, table {font-size: 1.1em; }
ol p, ul p, dl p, fieldset p {font-size: inherit; margin: 0;} 
table p {font-size: 1em;}
ol, ul, dl {margin: 0px 20px 15px 40px;}

img {margin: 0px 20px 15px 20px;}
img {vertical-align: bottom;}
p img {float: left; margin-left: 0;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li {margin-bottom: 5px;}
dt {font-weight: bold;}

a {color:#593a1e; text-decoration: none;}
a:focus, a:hover {text-decoration: underline;}
strong {font-weight: bold;}
em {font-style: italic;}

p {
	font-size: 1.2em;
	color: #fff;
}

a.more {
	text-transform: uppercase;
	font-size: .9em;
	color: #ff9933;
}

a.more:hover, a:hover {
	color: #cc3;
	text-decoration: underline;
}	

/* -------------------------------------------------------------- 
 Some default classes
-------------------------------------------------------------- */
.top {margin-top:20px;}
.bottom {margin-bottom:0; padding-bottom:0;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.hide {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.divider {
	border-bottom: 1px solid #eeeeee;
	height: 1px;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}
.column {
	float: left;
}

/* --------------------------------------------------------------  
	=Layout 
-------------------------------------------------------------- */
body {	
	background: #113b5d url(../images/background.png);
}	

div.bottomLine, div.aboveBottomLine {
	position: absolute;
	width: 100%;
	top: 798px;
	border-bottom: 1px solid yellow;
}

div.aboveBottomLine {
	top: 732px;
	border-bottom: 1px solid cyan;
}

.container {
	width: 1125px;
	margin: 0 auto 15px auto;
	overflow: hidden;
}

.content {	
	background: #113b5d url(../images/inkBackground.png) bottom left no-repeat;
	float: left;
	width: 1025px;
	height: 368px;
	margin: -25px 50px 15px 50px;
	padding-top: 25px;
	position: relative;
}


.maincontent {
	width: 632px;
	float: left;
	display: inline;
	margin: 17px 30px 0 25px;
}



.sidecontent {
	width: 270px;
	float: left;
	margin-left: 25px;
	display:  inline;
	background: #134268;
}

#index .maincontent, #marketing .maincontent {
	width: 672px;
	margin: 20px 0 0 15px;	
}

#col1, #tabNavWrap {
	float: left;
	width: 305px;
	padding-right: 20px;
}

#tabNavWrap ul {
	list-style-type: none;
	margin: -5px 0 15px 20px;
	font-size: 1.3em;
	font-weight: normal;
}

#tabNavWrap ul li { margin: 0; }
#tabNavWrap ul a {  color: #fff; }

#tabNavWrap ul a:hover, #tabNavWrap ul a.selected {
	color: #cc3;
}

#tabNavWrap ul a.selected {
	text-decoration: underline;
}

#col2, #tabs {
	position: relative;
	float: left;
	width: 295px;
	padding: 0 15px 0 35px;
	height: 328px;
	border-left: 1px solid #3096e2;	
}

#col2 img, #tabs img {
	display: block;
	height: 170px;
	width: 270px;
	background-color: #eee;
	border: 3px solid #f93;
}

#col2 div {
	position: absolute;
	top: 0;
	left: 15px;
}

#col2 h4, #tabs h4 {
	color: #cc3;
	font-size: 1.3em;
	margin-top: -10px;
	font-weight: normal;
}

#tabs div {
	display: none;
	position: absolute;
	top: 0;
	left: 15px;
}

#index #tabs div {
	display: block;
}

#blank .content {
	height: 637px;
	background: none;
	background-color: #113b5d;
}


/* =header 
-------------------------------------------------------------- */
.headerWrap {
	width: 1125px;
	margin: 0; 
	float: left;
	height: 364px;
}

#index .headerWrap, #marketing .headerWrap {
	height: 430px;
}
	
.header {
	width: 1025px;
	margin: 0 50px;
	display: block;
	float: left;
	background-color: #113B5D;
}

#index .header, #marketing .header {
	background: center top #0b273d url(../images/headerBackground.png) no-repeat;
}


.logo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;}

.logo img {margin: 0;}

#index .caption, #marketing .caption {
	position: absolute;
	top: 125px;
	left: 250px;
	width: 525px;
	height: 215px;
}


#index .caption h2, #marketing .caption h2 {
	position: absolute; 
	top:0; 
	left:-23px;
	display:block;
	width: 446px;
	height:107px; 
	background:url(../images/headerGetIntoCollege.png) no-repeat; 
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%;
}


#index .caption p, #marketing .caption p {
	position: absolute;
	top: 100px;
	left: 0;
	width: 390px;	
	font-size: 1.8em;
	line-height: 1.4em;
	font-style: italic;
}

#index .caption h5, #marketing .caption h5 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	margin-bottom: 0;
}

#blank .header {
	display: block;
	height: 95px;
}

#blank .headerWrap {
	height: 95px;
}

#index #banner, #marketing #banner {	position: relative;	}
#index #banner div, #marketing #banner div {	position: absolute;	}



/* =images 
-------------------------------------------
------------------- */

.images {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0;
	margin-top: 68px;
	z-index: 10000;
	height: 296px;
	width: 286px;
}

.images li {
	display: block;
	height: 296px;
	width: 286px;
}

.images#photoB, .images#photoB li {	width: 145px }
.images#photoC, .images#photoC li {	width: 338px }
.images#photoD, .images#photoD li {	width: 256px }

/* Overlap images so jquery not loading doesn't break design */
.images li { position: relative; }
.images li img { position: absolute; }


/* Background image for proper fading of image borders */
.images#photoA {background: transparent url(../images/a_blank.jpg) no-repeat; }
.images#photoB {background: transparent url(../images/b_blank.jpg) no-repeat; }
.images#photoC {background: transparent url(../images/c_blank.jpg) no-repeat; }
.images#photoD {background: transparent url(../images/d_blank.jpg) no-repeat; }




#index .images, #marketing .images {
	margin-top: 64px;
}

.images img, .images li, .images a {
	margin: 0;
}


/* =nav 
-------------------------------------------------------------- */

#navcontainer {
	float: right;
	padding: 20px 0 10px 0;
	margin-right: 35px;
}

#navcontainer ul {
	list-style-type: none;
}

#navcontainer ul#nav {
	margin: 0;
	padding: 0 0 0 35px;
	border-left: 1px solid #3096e2;	
}

#navcontainer li a {
	color: #fff;
	display: block;
	width: 266px;
	height: 60px;
	background: #f5993d url(../images/button.png) no-repeat;	
}

#navcontainer li {
	display: block;
	width: 266px;	
	margin-bottom: 7px;
}

#navcontainer li a:hover {
	text-decoration: none;
	background: #c8cf2d url(../images/button.png) no-repeat;
	cursor: pointer;
	cursor: hand;	
}

#navcontainer .icon {
	float: left;
	display: block;
	width: 35px;
	height: 34px;
	margin: 13px 9px;
	background: url(../images/buttonIcons.png) no-repeat;	
}

#navcontainer .text {
	float: left;
	width: 212px;
	line-height: 14px;
	margin-top: 9px;
	height: 40px;
}

#navcontainer strong {
	text-transform: uppercase;
	color: 	#06314f;
	font-size: 1.75em;
}

#navcontainer em {
	display: block;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	font-size: 1.04em;
	margin-top: 3px;
}


#nav2 .icon {	background-position: -35px;	}
#nav3 .icon {	background-position: -70px;	}
#nav4 .icon {	background-position: -105px;	}
#nav5 .icon {	background-position: -140px;	}
	
	
	
#blank #navcontainer ul#nav {
	margin-top: 125px;
	padding-top: 25px;
	padding-bottom: 25px;
}


/* utility nav */
.header {
	position: relative;
	height: 412px;
}
.utilitynav {
	text-transform: uppercase;
	color: #666;
	position:absolute;
	left: -15px;
	top: 0;
	z-index: 1000;
	height: 50px;
}

.utilitynav li {
	list-style: none;
	float: left;
	margin: 25px 0px 5px 8px;
	padding-right: 8px;
	display: inline;
	border-right: 1px solid #3096E2;
}

.utilitynav li#last {
	border: none;
}

.utilitynav a {
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: .1em;
	padding-bottom: .2em;
	color: #fff;
}

.utilitynav a:hover, .utilitynav a.current {
	text-decoration: none;
	color: #f93;
}


/* icon nav */

.iconnav {
	position:absolute;
	left: 508px;
	top: 0;
	z-index: 1000;
	height: 50px;
}


.iconnav li {
	list-style-type: none;
	float: left;
	margin: 21px 10px 0 0;
	padding: 0;
}

.iconnav img {
	margin: 0;
	padding: 0;
}




/* =partners
-------------------------------------------------------------- */

.partners {
	clear: both;
	display: block;
	position: relative;
	height: 55px;
	line-height: 55px;
	width: 1025px;
	margin: 0 auto 15px auto;
	background: #06314f;
}

.partners h5 {
	float: left;
	text-transform: uppercase;
	color: #cc3;
	font-size: 1.2em;
	width: 70px;
	margin: 0 0 0 35px;
}

.partners h5, .partners h5 a {
	color: #cc3;
}

.partners h5.right {
	float: right;
	text-align: center;
	line-height: 14px;
	margin: 15px 35px 0 0;
}

.partners ul {
	list-style-type: none;
	height: 55px;
	margin: 0;
}

.partners .wrapper {
	float: left;
	width: 815px;
	height: 55px;	
	overflow: hidden;
}

.partners li {
	float: left;
	margin: 0;
	padding: 0;
}



/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0 10px;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	float: left;
	width: 815px;
	height: 55px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 815px;
	height: 55px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 75px;
	height: 55px;
}


/* =footer
-------------------------------------------------------------- */

.footer, .ticker {
	clear: both;
	background: #06314f;
	text-align: center;
	padding-top: 5px;
	height: 26px;
	line-height: 22px;
	width: 1025px;
	margin: 0 auto;
}

.footer p {
	color: #f93;
	font-size: 1.2em;
	font-style: italic;
	margin-bottom: 0px;
}

.footer p.left {
	margin-left: 35px;
}

.footer img, .footer a {
	margin: 0;
	padding: 0;
}

.footer p.right {
	width: 230px;
	margin-right: 35px;
}

.footer p.right a, #keywords .footer p.right a {
	float: right;
	color: #3399CC;
	font-style: normal;	
}

.footer a {
	color: #ffe4e2;
}

/* =ticker
-------------------------------------------------------------- */
.ticker {
	clear: both;
	height: 56px;
	margin-bottom: 12px;
}

.ticker a {
	color: #cc3;
}

.ticker a.left {
	margin: 9px 20px 10px 32px;
}

.ticker a.left img {
	margin: 0; padding: 0;
}

.ticker div {
	display: block;
	float: left;
	width: 920px;
	margin-top: 5px;
}

.ticker p {
	text-align: left;
	float: left;
	margin: 0;
}

.ticker p.date, .ticker p.link {
	color: #ccc;
	font-size: .95em;
}

.ticker p.date {
	clear: both;
	margin-right: 2em;
}

.ticker p.link {
	text-transform: uppercase;
}



/* -------------------------------------------------------------- 
 =forms
-------------------------------------------------------------- */

.form {
	padding: 16px 0;
	margin: 17px 0 30px 70px;
	width: 465px;
	background-color: #06314f;
}



.form a {
	color: #fff;
}

.form a:hover {
	color: #cc3;
}

form fieldset {margin: 10px 0 0 20px;}

form fieldset.submit {margin-top: 0;}

form ol {margin: 0;}

form li {
	width: 222px;
	float: left;
	clear: none;
	margin-bottom: 20px; 
	list-style: none;
}

.label, label {
	font-size: 11px;
	color: #fff;
	margin-bottom: 5px;
	display: block;}

input.text, select, textarea {
	border: 1px solid #c7c7c7;
	color: #888888;
}

input.text, .select, .textarea {width: 200px;}
input.largetext, .largeselect, .largetextarea {width: 250px;}
input.mediumtext, .mediumselect, .mediumtextarea {width: 150px;}
input.smalltext, .smallselect {width: 100px;}

.textarea {height: 50px;}

input.button {padding: 0;}

form .options {
	overflow: hidden;
}

form .options li {
	width: 100%;
	margin-bottom: 5px;
	float: left;
	margin-right: 10px;
	display: inline;
}

.checkbox, .radio {margin: 0 0 -2px 0;}

label.checkboxlabel, label.radiolabel {
	display: inline;
	margin-right: 0;
}

li.full {
	clear: both;
	margin-bottom: 10px;
}

li.full textarea {
	width: 423px;
	height: 80px;
}

.submit input {
	float: right;
	margin-right: 10px;
	color: #f93;
	text-transform: uppercase;
	background-color: #06314f;
	border: none;
}

.submit input:hover {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}


/* =school page
   =team page
-------------------------------------------------------------- */

#schools .header, #team .header {
	display: block;
	height: 45px;
}

#schools .headerWrap, #team .headerWrap {
	height: 45px;
}

.subhead {
	margin-top: 25px;
	display: block;
	height: 151px;
}

#team .subhead {
	height: 145px;
}

.subhead h3 {
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%;	
}




.our {
	clear: right;
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%;	
	float: left;
	width: 93px;
	height: 46px;
	background:url(../images/buttonSmallOur.png) no-repeat;
}

.our.large {
	width: 120px;
	height: 58px;
	background:url(../images/buttonOur.png) no-repeat; 
}

.our.team {				background-position: -120px 0}
a.our.team:hover {		background-position: -120px -58px}
a.our.schools:hover {	background-position: 0 -58px}

.ourWrap {
	display: block;
	float: right;
	width: 210px;
	margin: 10px 0 10px 20px;
}

.ourWrap .our.team {			background-position: -93px 0}
.ourWrap a.our.team:hover, h4 a.our.team:hover {		background-position: -93px -46px}
.ourWrap a.our.schools:hover, h4 a.our.schools:hover {	background-position: 0 -46px}

.ourWrap.left { 	float: left; padding-top: 10px;  }
.ourWrap h4 { 		margin: 0; }
.ourWrap h4 a { 	margin-right: 10px; }




#keywords h4.right {
	float: left;
	margin-left: 0;
}

.subhead h3 {
	float: left;
	width: 341px;
	height: 40px;
	background:url(../images/headerOur.png) no-repeat; 
	margin-top: 15px;
	margin-left: 0;
}

#team .subhead h3 {
	width: 351px;
	background:url(../images/headerOur.png) no-repeat; 
	background-position: 0 -40px;
}

.subhead p {
	clear: both;
	display: block;
	font-weight: normal;
	font-size: 1.3em;
}

#alphaNav {
	display: block;
	float: left;
	width: 400px;
	list-style-type: none;
	height: 5em;	
	margin: 0;
}

#alphaNav li.last a {
	border: none;
}

#alphaNav li {
	display: block;
	float: left;}

#alphaNav li a {
	margin: 0 0 10px 0;
	padding: 0 7px;
	color: #fff;
	border-right: 1px solid #fff;
	font-weight: bold;
	font-size: 1.2em;
}

#schoolList {
	padding: 10px;
	display: block;
	float: left;
	width: 375px;
	height: 335px;
	margin-bottom: 10px;
	background-color: #10446b;
	border: 1px solid #3096E2;
	border-right: none;
	overflow: auto}

#schoolList h4 {
	font-size: 2em;
	margin: 0;
	color: #f5993d;
}

#schoolList ul {
	margin-left: 0;
	font-size: 1.3em;
	list-style-type: none}
	
#schoolList ul a {
	color: #fff;
}

#team #tabNavWrap ul.tabNav {
	margin-bottom: 20px;
	display: block;
	width: 602px;
	height: 167px;
	background:url(../images/team/rightBackground.jpg) top right no-repeat; 
}

#team #tabNavWrap li {
	list-style-type: none;
	float: left;
}

#team #tabNavWrap img {
	margin: 0;
}

#team #tabNavWrap li a {
	display: block;
	border-bottom: 10px solid #1598b5;
}

#team #tabNavWrap li a:hover {
	border-bottom: 10px solid #f5993d;
}

#team #tabNavWrap li a.selected {
	border-bottom: 10px solid #006699;
}

#team #tabs {
	border: none;
	margin: 0;
	height: 344px;
	width: 582px;
}

#team #tabs div {
	left: 0;
}

#team #tabs h3 {
	color: #f5993d;
	text-transform: none;
}

#team .content {
	height: 753px;	
}




/* =keyword pages
-------------------------------------------------------------- */

#keywords .logo, #schools .logo {
	/*z-index: 10000;*/
	display: block;
}

#keywords p a {
	color: #f93;
}

#keywords .header, #schools .header  {
	display: block;
	height: 45px;
}

#keywords .headerWrap, #schools .headerWrap {
	height: 45px;
}

#keywords .content, #schools .content {
	height: 687px;	
}

#keywords .maincontent {
	margin-top: 193px;
}

#keywords #navcontainer ul#nav, #schools #navcontainer ul#nav, #team #navcontainer ul#nav {
	margin-top: 175px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#keywords h3 {
	display: none;
}

#keywords h2 {
	position: absolute;
	top: 10px; 
	left: 10px;
	display:block;
	width: 603px;
	height:177px; 
	background:url(../images/keywords/connectHeader.png) no-repeat; 
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%;
}

#keywords #roi h2 {
	top: 9px; 
	left: 90px;
	width: 397px;
	height: 236px; 
	background:url(../images/keywords/roiHeader.png) no-repeat; 
	text-indent:-9999px; 
}


#keywords #relevancy h2 {
	top: 0px; 
	left: 7px;
	width: 521px;
	height: 180px; 
	background:url(../images/keywords/relevancyHeader.png) no-repeat; 
	text-indent:-9999px; 
}


#keywords #turnkey h2 {
	top: 12px; 
	left: 17px;
	width: 469px;
	height: 193px; 
	background:url(../images/keywords/turnkeyHeader.png) no-repeat; 
	text-indent:-9999px; 
}


#keywords #target h2 {
	top: 14px;
	left: 15px;
	width: 499px;
	height: 209px; 
	background:url(../images/keywords/targetHeader.png) no-repeat; 
	text-indent:-9999px; 
}

.sidebar {
	float: left;
	width: 210px;
	margin-left: 20px;
	position: relative;
	z-index: 1;
}

.sidebar img {
	margin: 0 0 10px 0;
	border: 2px solid #f93;
}

#connect #nav1 a, #roi #nav2 a, #relevancy #nav3 a, #turnkey #nav4 a, #target #nav5 a {
	text-decoration: none;
	background: #c8cf2d url(../images/button.png) no-repeat;
}

/* -------------------------------------------------------------- 
	=Errors 
-------------------------------------------------------------- */
form li.error input {
	border: 1px solid red;
}

form li.error label, form li p.error {
	color:red;
	font-style: bold;
}

#marketing2 ul.images a {
	cursor: default;
}