/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */
	html{
		background:url('../images/backgrounds/background.gif') 0 3px;
		}
	body {
		padding: 0;
		margin:0px 0 0;
		background:url('../images/backgrounds/bg-image.gif') 0 0 no-repeat;
		}
	body#home{
		/*background:url('../images/backgrounds/bg-image-home.gif') 0 0 no-repeat;
		background:url('../images/backgrounds/bg-image.gif') 0 0 no-repeat;*/
		}
	
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		width: 973px;
		position:relative;
		}
		
	.container.preLearners #content {
		background: #fff url(../Images/backgrounds/preLearnersLanding.gif) repeat-y 0 0;
		}
		
	.container.learners #content {
		background: #fff url(../Images/backgrounds/learnersLanding.gif) repeat-y 0 0;
		}
		
	.container.supervisors #content {
		background: #fff url(../Images/backgrounds/supervisorsLanding.gif) repeat-y 0 0;
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		clear: both;
		display: block;
		}

/* 2 :-------- Header ------------ */

	.header {
		position:relative;
		height:194px;
		}
		
	#default .header {
		height:248px;
	}
		
	.header .home ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
		
		}
		
	.header .home li {
		margin: 0px 0px 0px 0;
		padding: 0;
		padding-right:4px;
		padding-bottom:4px;
		height:35px;	
		width: 110px;
	}
	
	.header .home a {
		display: block;
		font-size:1em;
		text-decoration: none;
		color: #000;
		padding:10px 9px 10px 28px;
		background: #efd344 url('../images/Icons/home-icon.gif') 12px 12px no-repeat;
		
		}
	.header .home a:hover{
		color:#000;
		background: #e7af00 url('../images/Icons/home-icon.gif') 12px 12px no-repeat;
		}
		
	.mainLogo { 
		width: 227px;
		height: 147px;
		position:absolute;
		right:22px;
		top:40px;
		}

/* 3 :-------- Main Nav ------------ */

	#mainNav {
		width:781px;
		background:#efd344;
		/*background:#efd344 url('../images/nav/mainNav-bg.gif') 0 100% repeat-x;*/
		margin-bottom:4px;
		}
	
	#mainNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow:hidden;
		}
		
	#mainNav li {
		float:left;
		display:block;
		margin: 0px 0px 0px 0;
		padding:0 4px 0px 0;
		background:url('../images/nav/mainNavLi-bg.gif') 3px 0 ;
		}
			
	#mainNav a {
		display: block;
		font-size:1em;
		text-decoration: none;
		color: #000;
		background:#efd344;
		padding:10px 9px 10px 9px;		
		}
	#mainNav a:hover{
		color:#000;
		background:#e7af00;
		}
	#mainNav a.on{
		color:#000;
		background:#e7af00;
		}
	
	#resetTextLink {
		display: none;
		}
	
/* sub nav */
	#subNav{
		background:#eee;
		width:775px;
		border:6px solid #fff;
		border-left:0px;
		}
	#subNav li{
		float:left;
		margin:0;
		border-right:4px solid #fff;
		background:none;
		padding-left: 0;
		}
	#subNav li a{
		display:block;
		color:#000;
		font-size:1em;
		padding:10px 9px;
		background:#eee;
		text-decoration:none;
		color:#666666;
		}
	#subNav li.on a,
	#subNav li a:hover{
		color:#000;
		background:#e0e0e0;
		}
		
/* 4 :-------- Content ------------ */

	.rightCol {
		/*float: right;*/
		position:absolute;
		top:232px;
		right:0;
		width:162px;
		}
	#home .rightCol{
		top:194px;
		}
			
	#contentWrap {
		width:499px;
		background:#fff;
		position:relative;
		clear:both;
		padding:0 261px 21px 21px;
		min-height:620px; _height: 620px;
		/* overflow : hidden; don't turn this on, it breaks IE6 */
		}
		
	#default #contentWrap {
		min-height:0;
	}
		
	#content{
		background:#fff;
		position:relative;
		clear:both;
		}
	#home #content{
		width:739px;
		padding:17px 21px 19px;
		}
	#landing #content{
		width:781px;
		padding:0;
		}

/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		clear:both;
		padding: 24px 16px 149px;
		}
		
	.footer .logo {
		float: left;
		padding-right: 20px;
	}
	
	.footer ul {
		margin: 5px 0 0 20px;
		padding: 0;
		}
	
	.footer li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		background:none;
		}
		
	.footer li a {
		font-size:0.92em;
		color:#000;
		text-decoration:none;
		padding:4px 5px 4px 4px;
		}
	.footer li a:hover{
		background:#e7af00;
		}