/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
body{font-size:62.5%;}

/* global text *****************************************/

body, input, textarea {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
body {
	color: #f2f2f2;
}

div.img-container div.title {
	text-align: center;
	width: 80%;
	padding: 5% 10%;
	font-size: 12px;
	line-height: 18px;
	color: #939393;
}

h2 {
	height: 27px;
}

a {
	color: #f2f2f2;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

noscript {
    color: #349cc7;
}

/* layout  *****************************************/

html {
	height: 100%;
}

body {
	height: 100%;
	width: 100%;
	background-color: #404141;
}

#top-bg {
	position: absolute;
	width: 100%;
	height: 50%;
	background-color: #232323;
}

#grad-wrap {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 730px;
	margin-top: -365px;
	background: url(../img/global/bg.png) repeat-x;	
}

#content-wrap {
	position: absolute;
	left:  50%;
	width: 930px;
	height: 650px;
	margin-left: -515px;
	padding: 40px 50px;
	background-image: url(../img/global/content_bg_centre.png);
}

#left-content-bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 730px;
	width: 30px;
	background: url(../img/global/content_bg_left.png) no-repeat;
}

#right-content-bg {
	position: absolute;
	left: 1000px;
	top: 0;
	height: 730px;
	width: 30px;
	background: url(../img/global/content_bg_right.png) no-repeat;
}

#header {
	width: 100%;
	height: 120px;	
}

#logo {
	margin: -19px 0 0 -20px;
}

#top-date {
	position: absolute;
	font-size: 11px;
	left: 627px;
	top: 145px;
	color:  #a3a3a3;
	width: 358px;
	text-align: right;
}

#main-content {
	position: absolute;
	top: 180px;
	left: 244px;
	width: 762px;
	height: 503px;
}

#left-content {
	position: absolute;
	width: 356px;
	height: 503px;
}

/* NAV */

ul#nav {	position:absolute; width: 342px; top:180px; left:50px; margin:0; padding:0 }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { width: 171px; height:25px; display:block; position:absolute; left:0; text-indent:-9999px; outline:none }

li#navAbout a, li#navExams a, li#navDownloads a, li#navFind a, li#navEvents a, li#navLinks a, li#navFaqs a, li#navTeam a, li#navContact a { background:url(../img/global/nav.png) }


li#navAbout a 							{ background-position:0 0; width:171px; top:0 }
li#navAbout a:hover, li#navAbout a.cur	{ background-position:-171px 0 }

li#navExams a 							{ background-position:0 -25px; width:171px; top:25px }
li#navExams a:hover, li#navExams a.cur	{ background-position:-171px -25px }

li#navDownloads a 						{ background-position:0 -50px; width:171px; top:50px }
li#navDownloads a:hover, li#navDownloads a.cur	{ background-position:-171px -50px }

li#navFind a 							{ background-position:0 -75px; width:171px; top:75px }
li#navFind a:hover, li#navFind a.cur	{ background-position:-171px -75px }

li#navEvents a 							{ background-position:0 -100px; width:171px; top:100px }
li#navEvents a:hover, li#navEvents a.cur{ background-position:-171px -100px }

li#navLinks a 							{ background-position:0 -125px; width:171px; top:125px }
li#navLinks a:hover, li#navLinks a.cur	{ background-position:-171px -125px }

li#navFaqs a 							{ background-position:0 -150px; width:171px; top:150px }
li#navFaqs a:hover, li#navFaqs a.cur	{ background-position:-171px -150px }

li#navTeam a 							{ background-position:0 -175px; width:171px; top:175px }
li#navTeam a:hover, li#navTeam a.cur	{ background-position:-171px -175px }

li#navContact a 						{ background-position:0 -200px; width:171px; top:200px }
li#navContact a:hover, li#navContact a.cur	{ background-position:-171px -200px }

#left-col p {
	position: absolute;
	top:  460px;
	font-size: 11px;
	line-height: 18px;
	color: #acadac;
}

#left-col p a {
	color: #acadac;
	text-decoration: none;
}


#left-col p a:hover {
	text-decoration: underline;
}

#left-col img#compass {
	position: absolute;
	top: 590px;
	left: 55px;
}

/* 404 */

#main-content.404 h1, p {
	margin-bottom: 18px;
}

/* HOME */

img#homepage {
	margin: -2px 0 0 -18px;
}

/* ABOUT */

#content.about #main-content {
	background: url(../img/about/bg.png) no-repeat right top;
}

#content.about #main-content h1 {
	font-size: 15px;
	padding: 20px;
}

#content.about #main-content div.img-container {
	float: left;
	width: 134px;
	margin: 0 18px 11px 0;
}

#content.about #main-content ul.about-items {
	padding-right: 18px ;
	height: 465px;
	overflow: auto;
}


#content.about #main-content ul.about-items p {
	margin-bottom: 18px;
}

#content.about #main-content li.item ul {
	margin-bottom: 18px;
}

#content.about #main-content li.item li {
	margin: 0 0 8px 36px;
	list-style-type: decimal;
	list-style-position: outside;
}

#content.about #main-content h3 {
	clear: both;
	margin: 18px 0 18px 0;
}

/* EXAMS */

#exams-wrap {
	width: 360px;
	padding-top: 16px;
	padding-right: 18px;
	height: 465px;
	overflow: auto;
	
}

#content.exams #main-content {
	background: url(../img/exams/bg.png) no-repeat right top;
}

#content.exams #main-content .exam {
	clear: both;
	width: 330px;
	padding: 7px 0 7px 15px;
	background-position: 18px 24px;
	background-repeat: no-repeat;
	display: inline-block;
}

#content.exams #main-content .exam img {
	float: left;
}


#content.exams #main-content #exams-wrap h3 {
	margin: 10px 0 10px;
	margin-left: 0;
	width: 96px;
	text-align: center;
}

#content.exams #main-content .exam ul,
#content.exams #main-content #exam-advanced a {
	width: 210px;
	padding-left: 40px;
	float: left;
}

#main-content ul.exam-links {
	display: inline-block;
	min-height: 36px; /* stops firefox 2 cutting off thebottom of the orbs */
	padding: 18px 18px 2px;
}

#main-content .exam ul.exam-links {
	padding: 0;
	margin-bottom: 0;
}

#main-content ul.exam-links li {
	float: left;
	margin-right: 8px;
	padding-left: 16px;
	background: url(../img/global/list_bullet.png) no-repeat;
}

#main-content ul.exam-links li a {
	color: #349cc7;
	font-weight: normal;
}

#main-content ul.exam-links li.cur a {
	color: #f2f2f2;
}

#main-content ul.general-exam-links li {
	float: left;
	margin-right: 8px;
	margin-top: 8px;
	margin-left: 12px;
	padding-left: 16px;
	background: url(../img/global/list_bullet.png) no-repeat 0 0;
}

#exam-content {
	padding: 3% 5%;
	overflow: auto;
	height: 400px;
}

#exam-content h3 {
	font-size: 16px;
	margin-bottom: 10px;
}

#exam-content p, #exam-content ul  {
	margin-bottom: 18px;
}

#exam-content ul li {
	margin-left: 18px;
	list-style-type: disc;
	list-style-position: outside;
}

/* DOWNLOADS */

#content.downloads #main-content {
	background: url(../img/downloads/bg.png) no-repeat right top;
}

#content.downloads #main-content ul.catagories {
	
	padding-top: 18px;
}

#content.downloads #main-content li.catagory {
	margin: 0 18px 12px;
	padding-left: 18px;
	background: url(../img/global/list_bullet.png) no-repeat;
	overflow: auto;
	clear: both;
}

#content.downloads #main-content ul.sub {
	margin-left: 0;
	margin-top: 9px;
	clear: both;
}

#content.downloads #main-content ul.sub li {
	float: left;
	display: inline-block;
	margin: 3px 9px 0 0;
	padding-left: 18px;
	background: url(../img/global/list_bullet.png) no-repeat;
}

#content.downloads #main-content ul.sub li a {
	color: #349cc7;
	font-weight: normal;
}


/* FIND */

#content.find #main-content {
	background: url(../img/find/bg.png) no-repeat right top;
}

#content.find #main-content form {
	padding: 24px;
	overflow: auto;
	display: inline-block;
}

#content.find #main-content form input,
#content.find #main-content form select,
#content.find #main-content form label {
	float: left;
	clear: left;
	margin-bottom: 9px;
	font-size: 12px;
}


#content.find #main-content form input.submit {
	background: transparent url(../img/find/search_button.png) no-repeat;
	width: 102px;
	height: 38px;
	padding: none;
	margin-top: 5px;
	border: 0;
	font-size: 0;
}

#content.find #main-content form input[type=submit]:hover {
	background-position: 0 -38px
}

#content.find #main-content ul.results {
	height: 280px;
	overflow: auto;
}

#content.find #main-content li.result {
	margin-bottom: 18px;
}

#content.find #main-content h3 {
	border-bottom: 1px dashed #daddd9;
	margin-bottom: 18px;
	padding-bottom: 9px;
}

#content.find #main-content h5 {
	font-size: 15px;
	clear: both;
}

#content.events #main-content li.result span {
	color: #acadac;
}

/* EVENTS */

#content.events #main-content {
	background: url(../img/events/bg.png) no-repeat right top;
}

#content.events #main-content ul {
	height: 465px;
	overflow: auto;
	padding-right: 18px;
}

#content.events #main-content li.event {
	margin: 28px 10px 0 28px;
	clear: both;
	display: inline-block;
}

#content.events #main-content li.event img.left {
	float: left;
	margin: 5px 18px 10px 0;
}

#content.events #main-content li.event img.right {
	float: right;
	margin: 5px 0 10px 18px;
}

#content.events #main-content li.event span.date {
	color: #349cc7;
}

/* LINKS */

#content.links #main-content {
	background: url(../img/links/bg.png) no-repeat right top;
}

#content.links #main-content ul {
	height: 455px;
	overflow: auto;
	padding-right: 18px;
}

#content.links #main-content li.link {
	margin: 18px 5% 0;
	clear: both;
	display: inline-block;
	overflow: auto;
	width: 90%;
}

#content.links #main-content li.link h3 {
	font-size: 12px;
}

#content.links #main-content li.link div.img-wrap {
	width: 120px;
	float: left;
	text-align: center;
}

#content.links #main-content li.link img {
	margin: 2px 18px 5px 0;
}

#content.links #main-content p {
	margin: 0;
}

/* FAQs */

#content.faqs #main-content {
	background: url(../img/faqs/bg.png) no-repeat right top;
}

#content.faqs #main-content li.faq {
    
	color: #349cc7;
	margin: 18px 0 0 32px;
	list-style-type: decimal;
	list-style-position: outside;
}

#content.faqs #main-content .answer {
	
	margin-top: 18px;
	color: #f2f2f2;
}

#content.faqs #main-content .answer p {
	
	margin-top: 18px;
}

#content.faqs #main-content ul {
	height: 465px;
	overflow: auto;
	padding: 0 18px 0 2px;
}

/* Team */

#content.team #main-content {
	background: url(../img/team/bg.png) no-repeat right top;
}

#theTeam {
	position: absolute;
	top: 30px;
	left: 0;
	width: 94%;
	height: 456px;
	overflow: auto;
	padding: 15px 5% 0 1%;
}

#content.team #main-content h3 {
	margin-bottom: 15px;
}


#content.team #main-content p {
	margin-bottom: 15px;
}

#content.team #main-content img {
	float: left;
	margin: 0 15px 5px 0;
}

/* Contact */

#content.contact #main-content {
	background: url(../img/contact/bg.png) no-repeat right top;
}

#content.contact #main-content form {
	margin-top: 18px;
}

#content.contact #main-content form li {
	margin: 12px 8% 0;
} 

#content.contact #main-content form input,
#content.contact #main-content form textarea {
	padding: 3px;
	font-size: 12px;
	width: 295px;
}

#content.contact #main-content form input[type=submit]{
    background: transparent url(../img/contact/send_button.png) no-repeat;
    width: 102px;
    height: 38px;
    padding: none;
    margin-top: -5px;
    border: 0;
    font-size: 0;
}

#content.contact #main-content form input[type=submit]:hover {
	background-position: 0 -38px
}

#content.contact #main-content form .errorlist li {
	margin: 0 2%;
	color: #d91c17
}

/* sent message */

#content.contact #main-content p {
	margin: 18px 8%;
}

#content.contact #main-content ul.sent-overview {
	margin: 0 16%;
}

#content.contact #main-content ul.sent-overview span {
	color: #acadac;	
}