/* 

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;

}



a:focus,
a:hover,
a:active{
	outline:none;
}



/*------ 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;
	color: #555;	
	}





#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.5em;
	padding: 0 0 20px 0;
}





#content h3{
	font-size: 1.7em;
	line-height: 1.5em;
	padding-bottom: 20px;
}





#content h4{
	font-size: 1.7em;
	font-weight: bold;
	padding-bottom: 30px;
}





#content p{
	font-size: 1.4em;
	padding-bottom: 20px;
	line-height: 1.8em;
}





#content ul{
	font-size: 1.4em;
	padding-bottom: 20px;
	margin: -10px 0 0 0;
}







#content ul li{
	padding: 0 0 10px 20px;
	margin: 0 0 0 35px;
	font-weight: bold;
	background: url("img/green-bullet.gif") no-repeat 0 3px;
}



#content .noPadding{

	padding-bottom: 0px;

}





#content p a{
	color: #20c1e2;
	font-weight: bold;
	text-decoration: none;	
}





#content p a.link{
	color: #20c1e2;
	font-weight: bold;
	text-decoration: none;	
}





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





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



#sidebar{
	float: right;
	width: 395px;
	padding-right: 18px;
	font-weight: bold;
	font-size: 1.4em;
	}







#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;
}



#nominations{
	background: #F37130;
}


#nominations dt{
	display: block;
	width: 383px;
	height: 30px;
	font-size: 1px;
	color: #20C0E2;
	background: url(img/nominations.gif) no-repeat 0 0;
}


#nominations .form a{
	display: block;
	width: 383px;
	height: 30px;
	text-indent: -9999px;
	color: #20C0E2;
	background: url(img/nominationForm.gif) no-repeat 0 0;
}


#nominations .categories a{
	display: block;
	width: 383px;
	height: 30px;
	text-indent: -9999px;
	color: #20C0E2;
	background: url(img/nominationCategories.gif) no-repeat 0 0;
}



#poster{
	background: #A6CE3A;
}


#poster dt{
	width: 383px;
	height: 30px;
	text-indent: -9999px;
	background: url(img/poster.gif) no-repeat 0 0;
}


#poster .pdf a{
	display: block;
	width: 383px;
	height: 63px;
	text-indent: -9999px;
	background: url(img/downloadPDF.gif) no-repeat 0 0;
}





#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;
}





#annualReport{
	background: #F37231;
}


#annualReport dt{
	width: 383px;
	height: 30px;
	font-size: 1px;
	color: #F37231;
	background: url(img/annualReport.gif) no-repeat 0 0;
}


#annualReport .pdf a{
	display: block;
	width: 383px;
	height: 63px;
	font-size: 1px;
	color: #F37231;
	background: url(img/annualReportPDF.gif) no-repeat 0 0;
}


#annualReport .pdf a:hover{
	background: url(img/annualReportPDF.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;

}