/* CSS Document */

/* Basic Stuff */

html, body {
height: 100%;
}

p {
margin-top: 0px;
}




body {
font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color: #000;
line-height: 16px;
text-align: center;
min-width: 950px;
margin: 0;
padding: 0;
background: url(images/layout/sub-background.jpg);
background-position:top;
background-repeat:repeat-x;
}
	
body A:link {
color: #05488f;
font-weight: normal;
text-decoration: underline;
}
body A:active {
color: #05488f;
font-weight: normal;
text-decoration: underline;
}
body A:visited {
color: #05488f;
font-weight: normal;
text-decoration: underline;
}
body A:hover {
color: #000;
font-weight: normal;
text-decoration: underline;
}
	
h1 {
font: 15px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color: #06488f;
font-weight: bold;
margin-top: 15px;
}

h2 {
	font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #000;
	font-weight: bold;
	margin:0;
	padding:15px 0px 6px 0px;
}
h3 {
font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color: #06488f;
font-weight: bold;
}

h4 {
font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color: #000;
font-weight: bold;
margin-top: 17px;
margin-bottom: 0px;
}


	
#wrapper {
margin: 0 auto;
width: 950px;
min-height: 100%;
text-align: left;
}
	
#main {
width: 950px;
margin-top: 21px;

}

#logo {
float: left;
position: relative;
margin:0px;
width:192px;
height:82px;
}

#nrt {
float: right;
position: relative;
margin:0px;
}
	
/* Navigation */

#navbar {
width: 950px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
}

#nav {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
background: #05488f;
float: left;
width: 950px;
position: relative;
height: 33px;
background: url("images/layout/nav-background.gif") no-repeat right top;
}
	
	  
#nav ul {
margin: 0 0 0 0px;
padding: 0px 0px 0 12px;
list-style: none;
}
	  
#nav li {
float: left;
margin: 0 0 0 0px;
padding: 0px 0px 0 0px;
}
	
#nav a {
font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
float: left;
display: block;
left: -14px;
margin-top: 0px;
margin-right: 10px;
padding: 9px 0px 7px 5px;
text-decoration: none;
font-weight: bold;
color: #FFF;
}
	  
#nav > ul a {
width: auto;
margin-top: 0px;
}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {
float: none;
}
/* End IE5-Mac hack */

#nav a:hover {
color: #f6e805;
}


	  
#home #nav-home, 
#about #nav-about,
#courses #nav-courses,  
#programs #nav-programs, 
#enrolment #nav-enrolment,
#funding #nav-funding,
#computer-hire #nav-computer-hire,
#testimonials #nav-testimonials,
#faq #nav-faq,
#student #nav-student-tools,
#newsletters #nav-newsletters,
#contact #nav-contact,
#pp #nav-pp,
#recognised #nav-recognised,
#sitemap #nav-sitemap {
background-position: 100% -150px;
}

#home #nav-home a, 
#about #nav-about a,
#courses #nav-courses a,  
#programs #nav-programs a, 
#enrolment #nav-enrolment a,
#funding #nav-funding a,
#computer-hire #nav-computer-hire a,
#testimonials #nav-testimonials a,
#faq #nav-faq a,
#student #nav-student-tools a,
#newsletters #nav-newsletters a,
#contact #nav-contact a,
#pp #nav-pp a,
#recognised #nav-recognised a,
#sitemap #nav-sitemap a {
background-position: 0 -150px;
padding-bottom: 7px;
color: #f6e805;
border-bottom: 0;
}
	  
/* not for IE5.x or IE6 */

#nav li:hover, 
#nav li:hover a {
background-position: 100% -150px;
color: #f6e805;
}

#nav li:hover a {
background-position: 0 -150px;
}

#right-bg {
float:left;
padding:500px 0px 0px 500px;
}

#header-left {
float:left;
position:relative;
width: 502px;
height: 190px;
}
#header-right {
float:left;
position:relative;
width: 448px;
height: 190px;
background: url("images/course/quickcourse-bg.jpg") no-repeat right top;
}

#course-finder {
float:left;
position:relative;
padding:100px 0px 0px 0px;
}

#main-content {
width: 652px;
float: left;
position: relative;
padding-top: 0px;
margin-right:45px;
}

#course-overview {
width: 200px;
float: left;
position: relative;
padding-top: 0px;
margin-right:26px;
margin-bottom: 0px;
}

#course-overview-right {
width: 200px;
float: left;
position: relative;
padding-top: 0px;
margin-right:0px;
margin-bottom: 0px;
}


#main-sub1 {
width: 204px;
float: left;
position: relative;
margin-right:20px;
}

#main-sub2 {
width: 204px;
float: left;
position: relative;
margin-right:20px;
}

#main-sub3 {
width: 204px;
float: left;
position: relative;
margin-right:0px;
}

#main-sub4 {
width: 652px;
float: left;
position: relative;
margin-right:0px;
}

#left {
width: 303px;
float: left;
position: relative;
padding-top: 0px;
margin-right: 45px;
}

#centre {
width: 303px;
padding-top: 0px;
float: left;
position: relative;
}

#right {
width: 253px;
padding-top: 25px;
float: right;
position: relative;
}

#footer {
font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
line-height: 15px;
width: 950px;
margin-top: 30px;
padding-bottom: 30px;
border-top: 1px;
border-top-color: #c1c1c1;
border-top-style: dashed;
padding-top: 20px;
float: left;
position: relative;
}
#footer a:link {
color: #000;
font-weight: normal;
text-decoration: none;
}
#footer a:hover {
color: #000;
font-weight: normal;
text-decoration: underline;
}
#footer a:visited {
color: #000;
font-weight: normal;
text-decoration: none;
}
#footer ul {
margin: 0 0 0 0px;
padding: 0px 4px 0 0px;
list-style: none;
}
	  
#footer li {
float: left;
margin: 0 0 0 0px;
padding: 0px 4px 0 0px;
}

#famouslink {
	color:#c1c1c1;
	text-decoration: none;
}
#famouslink a:link {
color: #c1c1c1;
font-weight: normal;
text-decoration: none;
}
#famouslink a:hover {
color: #ca0000;
font-weight: normal;
text-decoration: none;
}
#famouslink a:visited {
color: #c1c1c1;
font-weight: normal;
text-decoration: none;
}

#carbon {
	float:right;
}

.cl {
	border-top: 1px dotted #c1c1c1; 
	border-bottom: 1px dotted #c1c1c1; 
	padding:3px 0px 3px 0px; 
	margin:-1px 0px -1px 0px;
	width: 303px;
	display:block;
}

.pt10 {padding-top: 10px;}

#left A:link {color: #000;font-weight: normal;text-decoration: underline;}
#left A:active {color: #000;font-weight: normal;text-decoration: none;}
#left A:visited {color: #000;font-weight: normal;text-decoration: none;}
#left A:hover {color: #06488f;font-weight: normal;text-decoration: underline;}
#centre A:link {color: #000;font-weight: normal;text-decoration: underline;}
#centre A:active {color: #000;font-weight: normal;text-decoration: none;}
#centre A:visited {color: #000;font-weight: normal;text-decoration: none;}
#centre A:hover {color: #06488f;font-weight: normal;text-decoration: underline;}
	
.related ul {
list-style: none;
margin: 0 0 0 0px;
padding: 10px 0px 10px 0px;
border-top: 1px dotted #c1c1c1;
border-bottom: 1px dotted #c1c1c1;
}


.related  ul li {
font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
font-weight: normal;
color: #ab2d4e;
text-decoration: none;
padding: 0px 0px 6px 0px;
margin:0px;
}	

.related  ul li a {
font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
font-weight: normal;
color: #000;
text-decoration: underline;
padding: 0px;
margin:0px;
}

.related ul li a:link, .related ul li a:visited {
color: #05488f;
padding: 0px 0px 0px 0px;
margin:0px;
}

.related ul li a:hover {
color: #000;
text-decoration: underline;
}



#sidenav{
	width:150px;
	float:left;
	margin-left: 0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:40px;
	padding-top: 0px;
	padding-bottom:0px;
	margin-left: 0px;
}

#sidenavmenu {
	margin:0px;
	width: 150px;
	padding:0px;
	float: left;
	}
	
#sidenavmenu ul {
	list-style: none;
	margin: 0 0 0 0px;
	padding-left: 0px;
}
	
	
#sidenavmenu li a:link, #sidenavmenu li a:visited {
	display: block;
	}
	
#sidenavmenu li a:hover {
	color: #fe9000;
	text-decoration: none;
	padding-bottom:0px;
	padding-left: 0px;
	margin-bottom:0px;
	}
		

#sidenavmenu ul li a {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #595959;
	height: 25px;
	text-decoration: none;
	padding-left: 0px;
	border-bottom: 1px dashed #dedede;
	line-height: 25px;
}

	
	
.sidenavhigh {
	color: #fe9000;
	text-decoration: none;
	padding-bottom:0px;
	padding-left: 0px;
	margin-bottom:0px;
}	
	
	
	
	
	
	
	
	
	
	
#middle {
width: 462px;
float: left;
position: relative;
padding-top: 0px;
margin-right:0px;
}

 label{
 float: left;
 width: 210px;
 font-weight: normal;
 }

 input, textarea{
 width: 200px;
 margin-bottom: 5px;
 }

 textarea{
 width: 200px;
 height: 100px;
 }

 .boxes{
 width: 1em;
 }

 #submitbutton{
 margin-left: 210px;
 margin-top: 5px;
 width: 90px;
 }
 
  #signupbutton{
 margin-left: 0px;
 margin-top: 5px;
 width: 90px;
 }

 br{
 clear: left;
 }
 
.print {
display:none; 
}

.printrto {
display:none; 
}