/* 

Project: OAYP

Filename: screen.css

Date: July 2009

Author: Simon McFarlane [simon@clearbytes.co.uk]

*/







body {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

        height: 100%;  

	font-size: 62.5%;	

	color: #333;

	text-align: center;

	font-family: georgia, arial, verdana, sans-serif;

	background: #fff;

    }





body a img {

	border: none;

}



img{

	display: block;

}



.clearing{	

	clear: both;

}











/*------ clear standard browser styles ------*/



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,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-size:100%;

	font-weight:normal;

}

q:before,q:after {

	content:'';

}

abbr,acronym { border:0;

}







/*------ general styles ------*/





.clear {

	clear: both;

	overflow: hidden;

	line-height: 0 !important;

	height: 0 !important;

	font-size: 0 !important;

	margin: 0 !important;

	}





.disguise {

	position: absolute;

	left: -10000px;

	}

	

.hide {

	display: none;

	}

	

	

	

/* http://positioniseverything.net/easyclearing */

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0;

	clear: both; 

	visibility: hidden;

	}



.clearfix {

	display: inline-table;

        min-height: 0;

	}



/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */





/*------ global classes ------*/









#wrap {

	margin: 0 auto 0 auto;

	padding: 0;

	width: 970px;

	text-align: left;

	background: url(img/bg.gif) repeat-y 0 0;

}







#title{

	float: left;

	width: 970px;

	height: 197px;

	text-indent: -9999px;

	background: url(img/header.gif) no-repeat 0 0;

}







/*------ content ------*/



#content{

	float: left;

	width: 480px;

	padding-left: 30px;

	padding-bottom: 20px;

	}





#content .download a{

	float: left;

	width: 480px;

	height: 103px;

	margin-bottom: 35px;

	text-indent: -9999px;

	background: url(img/download.jpg) no-repeat 0 0;

}





#content h2{

	font-size: 2.4em;

	font-weight: bold;

	color: #555;

	padding-bottom: 20px;

}





#content h3{

	font-size: 1.4em;

	font-weight: bold;

	color: #555;

	padding-bottom: 20px;

}





#content h4{

	font-size: 1.7em;

	font-weight: bold;

	color: #555;

	padding-bottom: 20px;

}





#content p{

	font-size: 1.3em;

	padding-bottom: 15px;

	line-height: 1.5em;

}





#content ul{

	font-size: 1.3em;

	padding-bottom: 15px;

}







#content ul li{

	margin-top: 4px;



}



#content .noPadding{

	padding-bottom: 0px;

}





#content p a{

	color: #333;

	text-decoration: none;

}





#content p a.link{

	color: #21C1E5;

}





#content p a:hover{

	text-decoration: underline;

}





/*------ sidebar ------*/



#sidebar{

	float: right;

	width: 395px;

	padding-right: 18px;

	font-weight: bold;

	font-size: 1.3em;

	}







#sidebar p{

	padding: 0 15px 20px 15px;

}





#sidebar p a{

	color: #333;

	text-decoration: none;

}





#sidebar p a:hover{

	text-decoration: underline;

}











#sidebar dl{

	float: right;

	width: 383px;

	margin: 0 0 8px 0;

	padding: 0;

	border: 6px solid #fff;

}





#application{

	background: #20C0E2;

}



#application dt{

	display: block;

	width: 383px;

	height: 30px;

	font-size: 1px;

	color: #20C0E2;

	background: url(img/application.gif) no-repeat 0 0;

}





#application .pdf a{

	display: block;

	width: 383px;

	height: 30px;

	font-size: 1px;

	color: #20C0E2;

	background: url(img/applicationPDF.gif) no-repeat 0 0;

}





#application .pdf a:hover{

	background: url(img/applicationPDF.gif) no-repeat -383px 0;

}





#application .word a{

	display: block;

	width: 383px;

	height: 33px;

	font-size: 1px;

	color: #20C0E2;

	background: url(img/applicationWORD.gif) no-repeat 0 0;

}





#application .word a:hover{

	background: url(img/applicationWORD.gif) no-repeat -383px 0;

}







#jobDescription{

	background: #A6CE3A;

}





#jobDescription dt{

	width: 383px;

	height: 30px;

	font-size: 1px;

	color: #A6CE3A;

	background: url(img/jobDescription.gif) no-repeat 0 0;

}





#jobDescription .pdf a{

	display: block;

	width: 383px;

	height: 29px;

	font-size: 1px;

	color: #A6CE3A;

	background: url(img/jobDescriptionPDF.gif) no-repeat 0 0;

}





#jobDescription .pdf a:hover{

	background: url(img/jobDescriptionPDF.gif) no-repeat -383px 0;

}







#jobDescription .word a{

	display: block;

	width: 383px;

	height: 34px;

	font-size: 1px;

	color: #A6CE3A;

	background: url(img/jobDescriptionWORD.gif) no-repeat 0 0;

}





#jobDescription .word a:hover{

	background: url(img/jobDescriptionWORD.gif) no-repeat -383px 0;

}







#annualReview{

	background: #F37231;

}





#annualReview dt{

	width: 383px;

	height: 30px;

	font-size: 1px;

	color: #F37231;

	background: url(img/annualReview.gif) no-repeat 0 0;

}





#annualReview .pdf a{

	display: block;

	width: 383px;

	height: 63px;

	font-size: 1px;

	color: #F37231;

	background: url(img/annualReviewPDF.gif) no-repeat 0 0;

}





#annualReview .pdf a:hover{

	background: url(img/annualReviewPDF.gif) no-repeat -383px 0;

}











#sidebar .info{

	float: left;

	width: 395px;

	height: 103px;

	font-size: 1px;

	color: #fff;

	margin: 0 0 35px 0;

	padding: 0;

	background: url(img/under-construction.gif) no-repeat 0 0;

}