﻿	
/*

File:		eqtr_template.css
Created:	27/03/09
Author:		Jamie Boyd @ Equator	

Notes:


*/

	
/*---[ Hidden Elements ]---*/
#shortcuts {
	position:absolute;
	left:-9999px;
}


	
/*---[ Basic Elements ]---*/
html {
}

body {
	font-family:Tahoma,Helvetica,Arial,sans Serif;
	font-size:100%;
	line-height:1.6em;
	color:#333;
	background-color:#F9F9F9;
	padding:0;
	margin:0;
	background-position:top center;
	background-repeat:no-repeat;
}

form 
{
	padding:0;
	margin:0;
}


	
/* Typography */
h1,h2,h3,h4,h5,h6 
{
	font-family:Trade Gothic condensed,Helvetica, Arial, Verdana, Sans-Serif;
	margin:0;
	padding:0;
}

h1 {
	
}

h2 {
	font-size:125%;
	color:#4D4D4D;
	margin-bottom:10px;
	display:block;
	padding-bottom:8px;
}

h3 {
	font-size:100%;
	color:#4D4D4D;
	margin-bottom:5px;
}

p {
	font-size:75%;
	margin:0 0 1.6em 0;
	line-height:1.6em;
}

blockquote {
}

ul,ol,dl {
	font-size:100%;
	margin:0;
	padding:0;
}

ul 
{
	list-style:none;
}

ol 
{
	list-style-position:outside;
	padding:0 0 0 20px;
	margin-left:3px;
}

ul li 
{
	background:url(../cssimages/header_bullet.gif) 3px 10px no-repeat;
	padding:0 0 0 13px;
}

dl {
}

dt 
{
	margin:0;
	padding:0;
}

dd 
{
	margin:0;
	padding:0;
}

strong {
}

em {
}


	
/* Basic Anchor styles */
a:link 
{
	color:#990099;
}

a:visited
{
	color:#990099;
}

a:hover,
a:focus 
{
	color:#0099FF;
	background-color:#F2F2F2;
}

a:active {
}

a img 
{
	border:none;
}

/* Action link */

.action 
{
	margin-bottom:5px;
	clear:left;
}

.action a,
a.action  
{
	padding:3px 3px 3px 18px;
	font-weight:bold;
	background:url(../cssimages/double_arrow_purple_on_white.gif) 0px 0px no-repeat;
}

.action a:hover,
a.action:hover,
.action a:focus,
a.action:focus 
{
	background-image:url(../cssimages/double_arrow_blue_on_white.gif);
	background-color:#F2F2F2;
}

	
/* Form Elements */
fieldset {
	margin:0;
	padding:0;
	border:none;
}

#wrapper input,
#wrapper textarea,
#wrapper select {
	font-family:Helvetica,Arial,Verdana, Sans-Serif;
	border:1px solid #8B9298;
	border-bottom-color:#E6E6E6;
	border-right-color:#E6E6E6;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-color:#FFF;
}

#wrapper textarea 
{
	font-size:80%;
	height:75px;
}

#wrapper input.empty {
	color:#990099;
}

#wrapper input[type=submit],
#wrapper input.button,
#wrapper input[type=image],
.scrollControls a,
.paging a {
	background:#FFF url(../cssimages/button_back.gif) center left no-repeat;
	border:1px solid #CCCCCC;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	font-size:106.25%;
	font-weight:bold;
	color:#990099;
	padding:3px 12px 3px 27px;
	cursor:pointer;
	width:auto;
	overflow:visible;
}

#wrapper input[type=submit]:hover,
#wrapper input.button:hover,
#wrapper input[type=image]:hover,
.scrollControls a:hover,
#wrapper input[type=submit]:focus,
#wrapper input.button:focus,
#wrapper input[type=image]:focus,
.scrollControls a:focus 
{
	background-image:url(../cssimages/button_back_ro.gif);
	color:#0099FF;
	margin-right:0;
}

#wrapper .mainSearch input 
{
	margin-left:5px;
}

#wrapper .mainSearch input.button 
{
	padding:3px 0 3px 20px;
	min-height:22px;
	width:31px !important;
	overflow:hidden;
	text-indent:-9999px;
}


	
/*---[ Structure ]---*/
#wrapper {
	width:948px;
	background:none;
	margin:0 auto;
	padding:0;
}

#content {
	clear:both;
	float:left;
	width:948px;
}

/*---[ Header ]---*/
#header {
	border-top:none;
	width:948px;
	min-height:140px;
	float:left;
	position:relative;
	background:transparent url(../cssimages/header_back.png) bottom left no-repeat;
	padding:0 10px 10px;
	margin:0 0 0 -20px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
}

#header .brand h1,
#header .brand h2 {
	position:absolute;
	bottom:0;
	left:0;
	width:150px;
	height:150px;
	margin:0;
	padding:0;
}


#header .brand a {
	position:absolute;
	bottom:0;
	left:0;
	width:150px;
	height:150px;
	text-indent:-9999px;
}

#header .brand a:hover,
#header .brand a:focus 
{
	background-color:transparent;
}

#header .brand img {
	display:none;
	border:none;
}

	
/*---[ Main Navigation ]---*/
#nav {
	position:absolute;
	bottom:10px;
	right:10px;
	background:none;
	width:732px;
	float:right;
	display:inline;
}

#nav ul {
	width:732px;
	float:right;
}

#nav ul li {
	margin:0;
	padding:0;
	line-height:1em;
	display:inline;
}

#nav ul li a {
	float:left;
	font-family:Helvetica,Arial,Calibri,Verdana,sans Serif;
	font-size:87.5%;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	border:1px solid #E6E6E6;
	border-bottom:none;
	padding:12px 0;
	margin-right:2px;
	margin-top:14px;
	text-align:center;
	line-height:1em;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	text-shadow:0 1px 2px #666;
}

#nav ul li.home a {
	width:46px;
	background:#E6E6E6 url(../cssimages/mainnav_home_back.png) top center no-repeat;
	text-indent:-9999px;
}

#nav ul li.home a:hover,
#nav ul li.home a:focus 
{
	background:#e4e5e6 url(../cssimages/mainnav_home_back_ro.png) top center no-repeat;
}

#nav ul li.about a {
	background:#FF3300 url(../cssimages/mainnav_about_back.png) top left repeat-x;
	border-color:#FF3300;
	width:107px;
}

#nav ul li.about a:hover,
#nav ul li.about a:focus 
{
	background:#9f3300 url(../cssimages/mainnav_about_back_ro.png) top left repeat-x;
	color:#ffe0dc;
}

body.aboutus #nav ul li.about a 
{
	background:#FF3300;
	padding:16px 0;
	margin-top:6px;
}

#nav ul li.collegeLife a {
	background:#FF9900 url(../cssimages/mainnav_life_back.png) top left repeat-x;
	border-color:#FF9900;
	width:121px;
}

#nav ul li.collegeLife a:hover,
#nav ul li.collegeLife a:focus {
	background:#d26c00 url(../cssimages/mainnav_life_back_ro.png) top left repeat-x;
	color:#fff3e6;
}

body.collegelife #nav ul li.collegeLife a 
{
	background:#FF9900;
	padding:16px 0;
	margin-top:6px;
}

#nav ul li.courses a {
	background:#FF0066 url(../cssimages/mainnav_courses_back.png) top left repeat-x;
	border-color:#FF0066;
	width:98px;
}

#nav ul li.courses a:hover,
#nav ul li.courses a:focus {
	background:#d20039 url(../cssimages/mainnav_courses_back_ro.png) top left repeat-x;
	color:#ffe9f2;
}

body.coursehomepage #nav ul li.courses a {
	background:#FF0066;
	padding:16px 0;
	margin-top:6px;
}

#nav ul li.support a {
	background:#0066CC url(../cssimages/mainnav_support_back.png) top left repeat-x;
	border-color:#0066CC;
	width:162px;
}

#nav ul li.support a:hover,
#nav ul li.support a:focus {
	background:#00369c url(../cssimages/mainnav_support_back_ro.png) top left repeat-x;
	color:#cce8ff;
}

body.studentsupport #nav ul li.support a {
	background:#0066CC;
	padding:16px 0;
	margin-top:6px;
}

#nav ul li.media a {
	background:#669900 url(../cssimages/mainnav_media_back.png) top left repeat-x;
	border-color:#669900;
	width:174px;
}

#nav ul li.media a:hover,
#nav ul li.media a:focus {
	background:#666900 url(../cssimages/mainnav_media_back_ro.png) top left repeat-x;
	color:#f7ffd7;
}

body.pictureshomepage #nav ul li.media a {
	background:#669900;
	padding:16px 0;
	margin-top:6px;
}

#nav ul li.current a {
	padding:8px 0 10px;
	margin-top:0;
	background-image:none;
}

	
/*---[ Header Toolbar Component ]---*/
#header .toolbar {
}

#header .application {
	width:190px;
	min-height:31px;
	float:right;
	color:#FFF;
	background:#0099FF;
	padding:5px 20px 4px 10px;
	margin-right:1px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}

#header .application h3 
{
	color:#FFF;
	float:left;
	font-size:75%;
}

#header .application a 
{
	float:right;
	font-family:Helvetica,Arial,Tahoma,sans serif;
	font-size:106.5%;
	text-decoration:none;
	background:#FFFFFF url(../cssimages/button_back.gif) no-repeat scroll left center;
	border:1px solid #CCCCCC;
	color:#990099;
	cursor:pointer;
	font-weight:bold;
	overflow:visible;
	padding:0px 10px 0px 27px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}

#header .application a:hover,
#header .application a:focus {
	background-image:url(../cssimages/button_back_ro.gif);
	color:#0099FF;
}

#header .application .applicationNumber 
{
	clear:both;
	font-family:Helvetica,Arial,Tahoma,sans serif;
	font-size:100%;
	font-weight:bold;
}

.toolbar .mainSearch {
	position:absolute;
	width:auto;
	height:30px;
	text-align:right;
	top:0;
	right:232px;
	padding:5px 10px;
	background:#E9F7FF;
	margin:0;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}

html.js .toolbar .mainSearch label {
	display:none;
}

.toolbar .mainSearch label {
	color:#eb008b;
}

.toolbar .mainSearch input {
	font-size:75%;
	width:120px;
	padding:5px;
	vertical-align:top;
}

.toolbar .mainSearch input.button {
	width:auto;
	padding:0;
}

html.js .toolbar .radio input 
{
	width:15px;
	vertical-align:middle;
	border:none !important;
	background:none !important;
	margin:0 3px !important;
}

html.js .toolbar .radio label {
	color:#666;
	margin-right:10px;
	display:inline;
	font-size:75%;
}

.toolbar .links 
{
	float:right;
	width:728px;
	text-align:right;
	clear:right;
	margin:1.5em 0 3.2em 0;
	padding-top:10px;
	padding-right:4px;
	background:url(../cssimages/header_slogan.gif) top left no-repeat;
	z-index:200;
}

.toolbar .links li 
{
	display:inline;
	margin-left:7px;
	padding:0;
	background:none;
}

.toolbar .links a {
	font-size:80%;
	color:#000;
	background:url(../cssimages/header_bullet.gif) 4px center no-repeat;
	padding:2px 4px 2px 14px;
}

.toolbar .links a:hover,
.toolbar .links a:focus 
{
	color:#0099FF;
	background:#F2F2F2 url(../cssimages/header_bullet_ro.gif) 4px center no-repeat;
}

.toolbar .links a:first-child {
	border-left:none;
}

	
	
/*---[ Content Layout ]---*/

.homepage #featureContent,#mainContent  {
	background:#FFF;
	padding:16px 10px 10px;
	margin-top:8px;
	border:1px solid #EEE;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}


 
#subContent {
	padding:0;
	margin-top:8px;
}
/*
#mainContent ,
#subContent > div {
	-webkit-box-shadow:0 0 3px #999;
	-moz-box-shadow:0 0 3px #999;
}
*/	
	
/* Main Content Styles */

#mainContent {
	width:605px;
	float:right;
}

#mainContent h2 
{
	margin-bottom:8px;
	padding-bottom:0;
}

body.homepage #mainContent {
	width:605px;
	float:left;
}

.siteInfoMain 
{
	float:left !important;
}
	
	
/* Sub Content Styles */

#subContent {
	width:312px;
	float:left;
}

.siteInfoSub 
{
	float:right !important;
}

body.homepage #subContent {
	width:312px;
	float:right;
}

	
	
/*---[ Footer ]---*/

#footer {
	width:100%;
	clear:both;
	margin:0;
	float:left;
}

#footer .siteInfo,
#footer .copyright {
	width:926px;
	float:left;
	margin:8px 0 0 0;
	padding:10px;
	background:#FFF;
	border:1px solid #EEEEEE;
}

#footer .siteInfo 
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#footer .siteInfo .sections 
{
	float:left;
	padding:0;
	margin:0;
	width:100%;
	background:url(../cssimages/siteinfo_back.gif) top left repeat-y;
}

#footer .siteInfo .newsletter,
#footer .siteInfo .formThanks,
#footer .siteInfo .pages,
#footer .siteInfo .downloads,
#footer .siteInfo .links,
#footer .siteInfo .vcard 
{
	width:160px;
	float:left;
}

#footer .siteInfo .formThanks 
{
	padding:0;
	border:none;
}

#footer .siteInfo .pages,
#footer .siteInfo .downloads,
#footer .siteInfo .links,
#footer .siteInfo .vcard 
{
	margin-left:31px;
}


#footer .siteInfo h3
{
	font-size:81.25%;
	font-weight:bold;
	border-bottom:1px solid #e5bfe5;
	margin-bottom:5px;
}

#footer .siteInfo li,
#footer .siteInfo p,
#footer .siteInfo dl
{
	font-size:68.75%;
}

#footer .siteInfo li 
{
	padding:0 0 0 10px;
	line-height:1.5em;
	background:url(../cssimages/header_bullet.gif) 0px 0.7em no-repeat;
}

#footer .siteInfo li:hover,
#footer .siteInfo li:focus  
{
	background-image:url(../cssimages/header_bullet_ro.gif)
}

#footer .siteInfo li a 
{
	color:#4D4D4D;
}

#footer .siteInfo li a:hover,
#footer .siteInfo li a:focus 
{
	color:#0099FF;
}

#footer .siteInfo dl 
{
	margin-top:0.4em;
}

#footer .siteInfo dt,
#footer .siteInfo dd 
{
	line-height:1.5em;
}

#footer .siteInfo dd {
	color:#990099;
	font-weight:bold;
}

#footer .siteInfo .adr 
{
	margin-top:15px;
}

#footer .siteInfo .adr dd
{
	color:#4D4D4D;
}

#footer .siteInfo .adr dd span 
{
	display:block;
}

#footer .siteInfo .newsletter p 
{
	padding:0.4em 0 0.7em;
	margin-bottom:0;
	line-height:1.2em;
}

#footer .siteInfo .newsletter p.thanks
{
	font-size:75%;
	font-weight:bold;
	color:#990099;
}

html.js #footer .siteInfo .newsletter label {
	display:none;
}

#footer .siteInfo .newsletter input.text 
{
	padding:3px;
	width:150px;
}

#footer .siteInfo .newsletter input.button 
{
	margin-top:0.5em;
	padding:2px 10px 2px 25px;
}

#footer .copyright 
{
	border:none;
	width:928px;
	height:115px;
	position:relative;
	background:url(../cssimages/footer_back_2.png) top left no-repeat;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	position:relative;
}

#footer .copyright p 
{
	width:400px;
	color:#FFF;
	background-color:#91278F;
	line-height:1.3em;
	position:absolute;
	top:62px;
	left:246px;
}

#footer .copyright p span 
{
	
}