/*
Colors:

Blue: #006ab3
Green: #c5e214
Orange: #ffa800


*/


html, body {height:100%; text-align:center; min-width:1060px; font-family:Arial, Helvetica, sans-serif;}
body {background:url(../images/bgRepeat.png) center bottom repeat-y;}

::selection         { background: #006ab3; color: #fff; /* Safari */ }
::-moz-selection   { background: #006ab3; color: #fff; /* Firefox */ }

a img {border:none; background:transparent;}
a:hover img {border:none;}

.wrapper {
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -100px; /* the bottom margin is the negative value of the footerWrapper's height */
	background:url(../images/bg.jpg) center top no-repeat;
}

.rightFloat {float:right;}

/*Header*/

.headerWrapper {
	height:60px;
	width:100%;
	background:#000;
}

.header {
	height:60px;
	width:900px;
	margin:0 auto;
	padding:0 50px;
}

.header form {display:none;}

.headerNav {
	display:block;
	float:left;
	height:61px;
	text-indent:-10000px;
}

#headerAbout {width:140px;}
#headerAbout:link {background:url(../images/headerNav.png) no-repeat 0 0;}
#headerAbout:visited {background:url(../images/headerNav.png) no-repeat 0 -61px;}
#headerAbout:hover {background:url(../images/headerNav.png) no-repeat 0 -122px;}
#aboutCTIPage #headerAbout {background:url(../images/headerNav.png) no-repeat 0 -183px;}
#headerInfo {width:220px;}
#headerInfo:link {background:url(../images/headerNav.png) no-repeat -140px 0;}
#headerInfo:visited {background:url(../images/headerNav.png) no-repeat -140px -61px;}
#headerInfo:hover {background:url(../images/headerNav.png) no-repeat -140px -122px;}
#studentInfoPage #headerInfo {background:url(../images/headerNav.png) no-repeat -140px -183px;}
#headerContact {width:140px;}
#headerContact:link {background:url(../images/headerNav.png) no-repeat -360px 0;}
#headerContact:visited {background:url(../images/headerNav.png) no-repeat -360px -61px;}
#headerContact:hover {background:url(../images/headerNav.png) no-repeat -360px -122px;}
#contactCTIPage #headerContact {background:url(../images/headerNav.png) no-repeat -360px -183px;}

.header form {
	float:right;
	height:40px;
	width:auto;
	margin-top:15px;
}

#searchPage .header form {display:none;}

#searchPage form {
	margin:0 auto;
	height:auto;
	width:520px;
	display:block;
	background:rgba(255,255,255,0.7);
	padding:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.searchPageNav {
	margin:0 auto;
	height:15px;
	width:280px;
	display:block;
	background:rgba(0,0,0,0.5);
	padding:10px 20px;
	border-bottom:#000 1px solid;
	-moz-border-radius-topleft:10px;	
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;	
	-webkit-border-top-right-radius:10px;
	text-align:center;
}

form #searchBox {
	width:156px;
	height:20px;
	background:url(../images/searchBox.png) no-repeat 0 0;
	border:none;
	padding:10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;	
	vertical-align:top;
}

form #searchBox:focus {
	background:url(../images/searchBox.png) no-repeat 0 -40px;
}

form #searchButton {
	width:88px;
	height:40px;
	background:url(../images/searchButton.png) no-repeat 0 0;
	border:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	font-size:18px;
	line-height:15px;
	margin-left:-11px;
	letter-spacing:-0.5px;
}

form #searchButton:hover {
	background:url(../images/searchButton.png) no-repeat 0 -40px;
}

.collegeCodes strong {
	font-weight:bolder;
	color:#666;
}

/*Content Area*/
.contentWrapper {
	width:1060px;
	margin:20px auto;
	padding:10px 0;
	background:url(../images/contentWrapEdges.png) center top no-repeat;
}

.content {
	width:900px;
	height:auto;
	margin:40px 80px 0 80px;
	text-align:left;
}

/*Main Page Content*/

.logoBig {
	width:180px;
	height:280px;
	background:url(../images/logoBig.png) no-repeat;
}

.welcome {
	margin-top:-30px;
	width:900px;
	height:160px;
	background:url(../images/welcome.png) no-repeat;
}

.hide {opacity:0.0; filter:alpha(opacity=0);}

#dynamicComments {
	margin-top:20px;
	position:absolute;
	left:50%;
	margin-left:10px;
	width:440px;
	height:200px;
	z-index:100;
	overflow:hidden;
}

#dynamicWork {
	margin-top:20px;
	position:absolute;
	left:50%;
	margin-left:10px;
	width:440px;
	height:200px;
	z-index:100;
	overflow:hidden;
}

#dynamicComments li, #dynamicWork li {
	width:440px;
	height:200px;
	float:left;
	overflow:hidden;
	list-style:none;
}

.quoteMark {
	float:left;
	width:40px;
	height:200px;
	background:url(../images/quoteMark.png) top left no-repeat;
}

.quote {
	float:left;
	padding:12px 5px;
	width:230px;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:15px;
	line-height:15px;
	letter-spacing:-1px;
}

.photo {
	float:left;
	width:160px;
	height:200px;
}

.work {
	width:440px;
	height:200px;
	display:block;
	position:relative;
}

.work img {
	width:auto;
	height:auto;
	display:block;
	float:right;
	border:none;
	outline:none;
}

.caption {
	width:auto;
	height:auto;
	position:absolute;
	left:0;
	padding:8px 20px;
	background:url(../images/captionBG.png);
	bottom:20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:14px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

.caption cite {
	
	font-size:60%;
}

.dynamicNav {
	width:440px;
	height:80px;
	position:absolute;
	left:50%;
	margin-left:10px;
	margin-top:225px;
	z-index:100;
	overflow:hidden;
}

.dynamicNav a {
	display:block;
	float:left;
	height:80px;
	text-indent:-10000px;
	cursor:pointer;
}

#previousWork, #nextWork {display:none;}

#previousWork {width:70px; background:url(../images/dynamicNav.png);}
#nextWork {width:55px; background:url(../images/dynamicNav.png);}
#previousComment {width:70px; background:url(../images/dynamicNav.png);}
#nextComment {width:55px; background:url(../images/dynamicNav.png);}
#buttonComments {width:130px; background:url(../images/dynamicNav.png);}
#buttonWork {width:145px; background:url(../images/dynamicNav.png);}

#previousWork {background-position:0 0;}
#nextWork {background-position:-70px 0;}
#previousComment {background-position:0 0;}
#nextComment {background-position:-70px 0;}
#buttonComments {background-position:-125px 0;}
#buttonWork {background-position:-255px 0;}

#previousWork:hover {background-position:0 -80px;}
#nextWork:hover {background-position:-70px -80px;}
#previousComment:hover {background-position:0 -80px;}
#nextComment:hover {background-position:-70px -80px;}
#buttonComments:hover {background-position:-125px -80px;}
#buttonWork:hover {background-position:-255px -80px;}

#previousWork:active {background-position:0 -160px;}
#nextWork:active {background-position:-70px -160px;}
#previousComment:active {background-position:0 -160px;}
#nextComment:active {background-position:-70px -160px;}
.commentsActive {background-position:-125px -160px !important;}
.workActive {background-position:-255px -160px !important;}

/*All Page Content*/

.primaryNav {
	display:block;
	height:60px;
	width:900px;
}

.primaryNav a {
	display:block;
	float:left;
	height:60px; 
	text-indent:-10000px;
	margin-top:10px;
}

#home {width:100px; background:url(../images/primaryNav.png);}
#courses {width:120px; background:url(../images/primaryNav.png);}
#entry {width:243px; background:url(../images/primaryNav.png);}
#fees {width:78px; background:url(../images/primaryNav.png);}
#employment {width:271px; background:url(../images/primaryNav.png);}

#home:link {background-position:0 0;}
#courses:link {background-position:-100px 0;}
#entry:link {background-position:-220px 0;}
#fees:link {background-position:-463px 0;}
#employment:link {background-position:-541px 0;}

#home:visited {background-position:0 -60px;}
#courses:visited  {background-position:-100px -60px;}
#entry:visited  {background-position:-220px -60px;}
#fees:visited  {background-position:-463px -60px;}
#employment:visited  {background-position:-541px -60px;}

#home:hover {background-position:0 -120px;}
#courses:hover  {background-position:-100px -120px;}
#entry:hover  {background-position:-220px -120px;}
#fees:hover  {background-position:-463px -120px;}
#employment:hover  {background-position:-541px -120px;}

#indexPage #home {background-position:0 -180px;}
#coursesPage #courses  {background-position:-100px -180px;}
#entryPage #entry  {background-position:-220px -180px;}
#feesPage #fees  {background-position:-463px -180px;}
#employmentPage #employment  {background-position:-541px -180px;}

.bodyText {
	padding:5px 20px;
	-moz-column-count:3;
	-webkit-column-count:3;
	-moz-column-gap: 1.5em;
	-webkit-column-gap: 1.5em;
	line-height:15px;
}

#columnOverrideTwo {
	-moz-column-count:2;
	-webkit-column-count:2;
	-moz-column-gap: 1.5em;
	-webkit-column-gap: 1.5em;
}

#columnOverrideOne {
	-moz-column-count:1;
	-webkit-column-count:1;
}

.bodyText p>a:link {color:#000; font-weight:bold; border-bottom:1px #006ab3 solid;}
.bodyText p>a:visited {color:#333; font-weight:bold; border-bottom:1px #006ab3 solid; }
.bodyText p>a:hover {color:#006ab3; font-weight:bold; border-bottom:1px #006ab3 solid;}
.bodyText p>a:active {color:#FFF; font-weight:bold; border-bottom:1px #FFF solid;}

.bodyText>ul {margin-top:-5px; margin-bottom:10px;}

h1 {
	font-size:66px;	
	line-height:56px;
	margin:10px 20px !important;
	letter-spacing:-4px;
	text-transform:lowercase;
	font-weight:bold !important;
}

h2 {
	font-size:16px;
	line-height:18px;
	letter-spacing:-1px;
	text-transform:capitalize;
	font-weight:bold !important;
}

h3 {
	font-size:16px;
	letter-spacing:-1px;
	text-transform:lowercase;
	font-weight:bold !important;
}

h4 {
	font-size:14px;
	margin-bottom:10px !important;
	letter-spacing:-1px;
	text-transform:lowercase;
	color:#006ab3;
	font-weight:bold !important;
}

h5 {
	font-size:14px;
	margin-bottom:5px !important;
	letter-spacing:-1px;
	text-transform:capitalize;
	color:#006ab3;
	font-weight:bold !important;
}

h6 {
	font-size:40px;
	margin:10px 10px 10px 0 !important;
	letter-spacing:-2px;
	text-transform:capitalize;
	
	float:left;
	font-weight:bold !important;
}

p {
	font-size:12px;
	margin-bottom:15px !important;
	letter-spacing:0.5px;
}


ul, ol {
	font-size:12px;
	line-height:15px;
	list-style-type:square;
	list-style-position:inside;
}

.bodyText>ul>li {margin-bottom:3px;}

ol {list-style:decimal;}
.listRoman {font-size:12px; line-height:15px; list-style:lower-roman;}
.listNumeral {font-size:12px; line-height:15px; list-style:decimal;}

.ctiText {text-transform:uppercase; font-size:90%;}

address {
	padding:70px 20px 0 20px !important;
	margin:-70px 0 -130px 0 !important;
	font-size:12px;
	line-height:20px;
	background:url(../images/contactMap.png) no-repeat center center;
	width:100%;
	height:430px;
	position:relative;
}

address a:link {color:#000; font-weight:bold; border-bottom:1px #006ab3 solid;}
address a:visited {color:#333; font-weight:bold; border-bottom:1px #006ab3 solid; }
address a:hover {color:#006ab3; font-weight:bold; border-bottom:1px #006ab3 solid;}
address a:active {color:#FFF; font-weight:bold; border-bottom:1px #FFF solid;}

#contactIcon {
	position:absolute;
	left:50%;
	margin-left:118px;
	top:190px;
	display:block;
	width:59px;
	height:75px;
	background:url(../images/contactIcon.png) no-repeat;
}

#contactPopup {
	position:absolute;
	display:none;
	width:156px;
	height:57px;
	background:url(../images/contactPopup.png) no-repeat;
	left:53px;
	top:16px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#006ab3;
}

#contactPopup .bottomAlign {width:156px; position:absolute; bottom:5px; left:50%; margin-left:-62px;}

#contactPopup a {
	color:#c6e315;
	border-bottom:1px #006ab3 solid; 
	font-weight:100;
	font-style:normal;
}

#contactIcon:hover #contactPopup {display:block;}


blockquote {
	font-size:12px;
	margin:15px;
	letter-spacing:0.5px;
	font-style:italic;
}

div.content>table {
	margin:0 20px;
	font-size:12px;
	letter-spacing:0.5px;
}

.userInfo table, .manageAccount table {
	margin:0px !important;	
}

table hr {
	border:solid #000 1px;
	position:relative;
	top:0px;
	margin-bottom:7px;
}

table h3 {margin-top:15px;}

acronym {
	letter-spacing:-1px;
	font-weight:bold;
	font-size:95%;
}

.fineprint {
	font-size:10px;
	font-weight:100;
	font-style:italic;
	line-height:12px;
}

cite {
	font-size:80%;	
	position:relative;
	top:5px;
	font-weight:100;
}

#downloadsPage a[href$=".pdf"] {
	background: #FFF url(../images/pdfIcon.png) no-repeat 2px 50%;
	padding:5px 5px 5px 27px;
	border:#999 1px solid;
	color:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#downloadsPage a[href$=".pdf"]:hover {
	background: #006ab3 url(../images/pdfIcon.png) no-repeat 2px 50%;
	color:#FFF;
}

#downloadsPage a[href$=".doc"] {
	background: #FFF url(../images/docIcon.png) no-repeat 2px 50%;
	padding:5px 5px 5px 27px;
	color:#000;
	border:#999 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#downloadsPage a[href$=".doc"]:hover {
	background: #006ab3 url(../images/docIcon.png) no-repeat 2px 50%;
	color:#FFF;
}

/*Gallery Styles*/

.gallery {
	width:880px;
	margin:0px 10px;
}

.thumbLink {
	display:inline-block;
	width:130px;
	height:130px;
	margin:5px;
	padding:10px 15px;
	background:url(../images/thumbBG.png) no-repeat center top;
	top:0px;
	vertical-align:top;
}

.thumb {
	outline:none;
	width:110px;
	height:110px;
	margin:10px;
	display:block;
	background:#000;
}

#campusPage .thumb:hover {
	border:5px solid #FFF;
	margin:5px;
	-moz-box-shadow:2px 3px 2px #999;
	-webkit-box-shadow:2px 3px 2px #999;
	
}


div.agentDetails {
	float:left;
	width:110px;
	height:auto;
	margin:2px 4px 2px 0px;
	padding:10px;
	border:1px #CCC solid;
	
	background:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:2px 3px 2px #DDD;
	-webkit-box-shadow:2px 3px 2px #DDD;
}

div.agentDetails:hover {
	border:1px #006ab3 solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:2px 3px 2px #ADD;
	-webkit-box-shadow:2px 3px 2px #ADD;
}

div.agentDetails h5 {margin:0px;}
div.agentDetails h6 {display:block; font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin:0px; margin-top:3px !important; margin-bottom:6px !important; margin-right:10px;} 
div.agentDetails p {display:block; font-size:11px; font-weight:400; line-height:12px; margin:0px; margin-top:6px !important;} 
div.agentDetails p a {color:#006ab3; } 
div.agentDetails .country {font-size:9px; color:#777; font-weight:400; text-transform:uppercase;} 

/*Footer*/

.push {height:100px;}/* .push must be the same height as .footerWrapper */

.footerWrapper {
	position:relative;
	height:60px; 
	width:100%;
	background:url(../images/blackTransparency.png);
}

.copyright {
	position:absolute;
	padding-top:5px;
	height:auto;
	width:auto;
	display:block;
	left:50%;
	margin-left:-120px;
	top:60px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:left;
}

.footer {
	height:60px;
	width:1000px;
	position:absolute;
	left:50%;
	margin-left:-500px;
}

.logo,.tagline,.footerLinks{
	display:block;
	float:left;
}

.logo {
	height:60px;
	width:180px;
	background:url(../images/logo.jpg) no-repeat;
}

.logoLeft {
	height:60px;
	width:1000px;
	background:#000;
	position:absolute;
	right:1000px;
}

.tagline {
	height:32px;
	width:140px;
	margin-top:-20px;
	background:url(../images/taglineBG.png) no-repeat;
	padding:34px 20px 14px 20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:100;
	font-size:15px;
	line-height:15px;
	vertical-align:text-bottom;
}

.footerLinks {
	height:32px;
	width:600px;
	color:#FFF;
	padding:14px 20px 14px 20px;
	line-height:15px;
	text-align:left;
}

.footerNav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bolder;
	text-transform:uppercase;
}

.footerLinks .separator {font-size:80%; font-weight:100; white-space:pre-wrap; position:relative; top:-0.2em;}
.footerLinks br {line-height:8px;}

.footerNav2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:100;
	text-transform:uppercase;
}

.footerNav:link, .footerNav2:link {color:#FFF;}
.footerNav:visited, .footerNav2:visited {color:#999;}
.footerNav:hover, .footerNav2:hover {color:#FFB400;}

#accreditationPage #accreditation,
#articulationPage #articulation,
#servicesPage #services,
#staffPage #staff,
#campusPage #campus {
	color:#c5de12; border-top:#c5de12 1px solid; padding-top:4px;
}

#downloadsPage #downloads,
#refundPage #refund, 
#agentsPage #agents,
#disclaimerPage #disclaimer,
#faqPage #faq {
	color:#c5de12; border-bottom:#c5de12 1px solid; padding-bottom:4px;
}


/* Under Construction Sign */

#faqPage {overflow:hidden;}

#wip {
	display:block;
	position:absolute;
	width:3900px;
	height:300px;
	left:50%;
	margin-left:-2000px;
	margin-top:-100px;
	background:rgba(255,220,0,0.75);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	z-index:1000;
	border:rgba(0,0,0,0.85) 50px dashed;
}

#wip h1 {
	position:absolute;
	width:600px;
	height:175px;
	left:50%;
	margin-left:-340px;
	font-size:130px;
	line-height:90px;
	letter-spacing:-10px;
	text-align:center;
	text-shadow:-1px 3px 3px #333;
	
}

#wip p {
	position:absolute;
	width:600px;
	height:75px;
	bottom:0px;
	left:50%;
	margin-left:-300px;
	font-size:30px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	text-shadow:-1px 3px 3px #333;
	
}

#agentsPage .userInfo {
	width:860px;
	padding:5px 20px;
}

/* Animation Test Styles */

.hoverContainer {
	width:600px;
	height:200px;
	margin:auto;
	background:#FFF;
	display:block;
	position:relative;
}

#Mel {left:10px}
#Juleen {left:210px}
#Lucy {left:410px}

.hoverImg {
	width:180px;
	height:180px;
	border:#CCC 1px dashed;
	position:absolute;
	z-index:1000;
	display:block;
	top:10px;
}

.showImg {
	float:left;
	margin:5px;
	opacity:0;
}

#imgMel {}
#imgJuleen {}
#imgLucy {}

.quoteContainer {
	width:auto;
	height:auto;
	margin:5px auto;
	display:block;
	position:relative;
}

.quoteText {
	background:url(../images/quoteBG.png) no-repeat top left;
	position:absolute;
	padding:12px 20px;
	top:0;
	left:0;
	display:none;
	opacity:0;
}

table.courseTable td {
	font-size:11px;
	font-weight:400;
	padding:3px 10px;
}

table.courseTable th {
	font-size:14px;
	font-weight:400;
	color:#FFF;
	padding:10px;
	background:#111;
}

table.courseTable .rowOdd {
	background:#DEEEFF;
}

#coursesPage .userInfo div ul li p {font-weight:400 !important;}


#coursesPage .userInfo div ul li p.courseInfo {
	font-size:10px !important;
	font-weight:bold !important;
	margin-bottom:15px !important;
	letter-spacing:0.5px !important;	
	text-transform:uppercase !important;
}