@import url(/css/undohtml.css);
/*	Undoes the basic set styles to negate any differences between browsers, for instance <ul>s have
	very different levels of padding/margin in firefox versus IE */
@import url(/css/cssmenu.css);
/*	Applies cssmenu styles */

body {
	font:			70%/175% Verdana, Arial, Helvetica, sans-serif; /* changing this font size will have a knock on effect throughout the site! */
	color:			#2C3031;
	background:		#5B5B59;
}
#container {
	width:			925px;
}
.error {
	color:			#CC0000;
}
.link1 a {
	color:			#000!important;
}
.link1 a:hover{
	color:			#FF6600!important;
}
.bot-marg {
	margin-bottom:	15px;
}
.left {
	float:			left;
}
.right {
	float:			right;
}
.clr-both {
	clear:			both;
}
.small {
	font-size:		0.85em;
}
/* === HEADER === */
#header {
	padding:		15px 0;
	background:		#000033;
}
.logo {
	margin:			0 0 0 25px;
}
#header h1 {
	display:		inline;
	margin:			20px 0 0 570px;
}

/* === BANNER / SUBBANNER === */
#banner {
	height:			156px;
	border-bottom:	15px solid #FFD90F;
	background:		url(/images/bkgs/flash.png) repeat-x;
}
#subbanner {
	height:			110px;
	border-bottom:	15px solid #FFD90F;
	background:		url(/images/bkgs/flash.png) repeat-x;
}
.definition {
	margin:			0 0 15px 10px;
}

/* === CONTENT === */
/* -- Definition of areas -- */
#content {
	border-top:		1px solid #A30637;
	background:		#fff;
}
.shaded-content1 {
	background:		#F0F0EA;
}
.shaded-content2 {
	background:		#E6E6E0;
}
.block-a {
	width:			639px; /* TOTAL WIDTH = width + (left padding + right padding) + (left border + right border) */
	padding:		0 5px;
	border-right:	1px solid #E0E0E0;
}
.block-b {
	width:			230px;
	padding:		10px;
}
.block-c {
	width:			25px;
}
.block-d {
	width:			580px;
	padding:		10px 35px;
	background:		url(/images/bkgs/block-d.png) repeat-y 15px 0 #fff;
	border-right:	1px solid #E0E0E0;
}
.block-e {
	width:			236px;
	padding:		10px 7px;
}
.block-f { /* Subpage main content area */
	width:			609px; /* TOTAL WIDTH = width + (left padding + right padding) + (left border + right border) */
	padding:		10px 20px;
	background:		#FAFAF4;
	border-right:	1px solid #E0E0E0;
}
.block-f em {
	color:			#006699;
	font-size:		1.1em;
	font-style:		normal;
}
.home-search {
	float:			left;
	width:			234px;
	padding:		10px 4px 0 4px;
	border-right:	1px solid #E0E0E0;
}
.home-cand {
	float:			left;
	width:			345px;
	padding:		10px 0 0 30px;
}

/* -- General styling -- */
#content h2 {
	margin:			0 0 5px 0;
	font:			bold 1em Arial, Helvetica, sans-serif;
	color:			#000;
	text-transform:	uppercase;
}
#content h3 {
	margin:			25px 0 5px 0;
	font:			bold 0.95em Verdana, Arial, Helvetica, sans-serif;
	color:			#000;
}
#content a {
	color:			#3247C9;
	text-decoration:underline;
}
#content a:hover {
	color:			#FF6600;
}
#content .block-f p {
	margin:			0 0 0.8em 0;
	text-align:		justify;
}
#content .block-f li {
	margin:			0 0 0 10px;
	padding:		0 0 0 17px;
	background:		url(/images/icons/bullet1.png) no-repeat 0 5px;
}

.select1 {
	width:			200px;
	padding:		1px 5px 1px 1px;
	font-size:		0.8em;
}

.forgotten {
	position:		relative;
	top:			0;
	font-size:		0.9em;
}
.block-e li {
	padding:		0 0 0 13px;
	background:		url(/images/icons/bullet1.png) no-repeat 0 0.5em;
}

/* === FORMS === */
.input1 {
	margin:			0 0 5px 0;
	border:			1px solid #7F9DB9;
}
.input2, .input3, .input4, .input5, .input6, .select6, .input7 {
	width:			170px;
	margin:			0;
	padding:		2px 1px;
	font:			1em Verdana, Arial, Helvetica, sans-serif;
	border:			1px solid #888;
}
.input3 {
	width:			50px;
}
.input4 {
	width:			461px;
}
.input5 { 
	width:			186px; /* Moz fix to get the file upload box into position - doesn't seem to have any effect on IE */
}
.input6 {
	width:			140px;
}
.input7 {
	width:			110px;
}
.select5 {
	width:			144px;
	padding:		0 0 0 1px;
	font:			1em Verdana, Arial, Helvetica, sans-serif;
}
.select6 {
	width:			154px;
	padding:		0 0 0 1px;
	font:			1em Verdana, Arial, Helvetica, sans-serif;
}
.button1 {
	width:			6em;
	margin:			5px 0;
	font:			0.95em Arial, Helvetica, sans-serif;
	color:			#fff;
	border:			1px solid #000;
	background:		#014273;
}
.button2 {
	float:			right;
	width:			6em;
	font:			0.95em Arial, Helvetica, sans-serif;
	color:			#000;
	border:			1px solid #000;
	background:		#FFD90F;
}
.save-button, .search-button, .login-button {
	width:			94px;
	padding:		3px;
	font:			bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color:			#fff;
	border:			1px solid #000;
	background:		#014273;
}
.reset-button {
	width:			50px;
	padding:		3px;
	font:			bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color:			#fff;
	border:			1px solid #6D1313;
	background:		#A73535;
}
.remove-button {
	padding:		1px 2px;
	font:			bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color:			#fff;
	border:			1px solid #6D1313;
	background:		#A73535;
}
.apply-button {
	width:			80px;
	padding:		1px 2px;
	font:			bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color:			#fff!important;
	border:			1px solid #338273;
	background:		#54AD9C;
	text-decoration:none!important;
}
.result-buttons {
	margin:			2px 0 30px 0;
}
.frm-minibuttons {
	margin:			4px 17px 0 8px;
}
.frm-spacer {
	height:			37px;
	*height:		39px;
}
.send-frm {
	width:			580px;
	padding:		5px;
	border:			1px solid #ABAEB7;
	background:		#E5EDEE;
}
.send-frm h1, .login-frm h1 {
	margin:			5px 0 10px 0;
	font:			bold 1.3em Arial, Helvetica, sans-serif;
	color:			#333;
}
.send-frm label, .login-frm label, .block-b label {
	display:		block;
	margin:			0 0 2px 0;
	padding:		8px 5px;
	text-align:		right;
}
.block-b label {
	margin:			0 7px 0 0;
	padding:		4px 5px;
}
.upload {
	margin-left:	-20px!important;
}
.frm-left {
	padding:		0 1px 0 0;
}
.frm-right {
	padding:		0 0 0 1px;
}
.frm-highlight {
	background:		#F3F5F5;
}
.frm-lowlight {
	background:		#E5EDEE;
}
.block-e .frm-lowlight, .block-a .frm-lowlight {
	background:		#E9E9E3;
}
.search h1, .block-e h1 {
	margin:			5px 0 10px 0;
	font:			bold 1.3em Arial, Helvetica, sans-serif;
	color:			#333;
}
.search-result {
	width:			580px;
	padding:		5px;
	border:			1px solid #CACBD1;
	background:		#F3F5F5;
}
.search-result dt {
	width: 			90px;
	float: 			left;
	margin: 		0 0 0 0;
	padding:		5px;
	font-weight:	bold;
}
/* commented backslash hack for mac-ie5 \*/
.search-result dt { 
	clear: 			both; 
}
/* end hack */
.search-result dd {
	width: 			178px;
	float: 			left;
	margin: 		0 0 0 0;
	padding:		5px;
}
.long-dt {
	width:			278px!important;
}
.search-result p {
	margin:			0px 5px 4px 5px!important;
}
.page-nums {
	margin:			-15px 0 0 0;
}
.page-nums li{
	display:		inline;
	font-size:		0.9em;
	padding:		0 8px 0 4px;
	*padding:		0 4px 0 8px;
	border-right:	1px solid #888;
}
.page-nums li a{
	color:			#333!important;
	text-decoration:none!important;
}
.page-nums li a:hover {
	color:			#FF6600!important;
}
.block-e label {
	display:		block;
	margin:			0 0 2px 0;
	padding:		8px 5px;
	text-align:		right;
}
.block-a label {
	display:		block;
	margin:			0 0 2px 0;
	padding:		2px 3px;
	text-align:		right;
}
.cand-login label {
	display:		inline;
	margin:			0 0 2px 0;
	text-align:		left;
}
.login-frm {
	width:			263px;
	padding:		5px;
	text-align:		left;
	border:			1px solid #ABAEB7;
	background:		#E5EDEE;
}
.help {
	float:			left;
	margin:			4px 0 0 0;
	padding:		0;
}

/* === FOOTER === */
#footer {
	padding:		10px 20px;
	font-size:		0.8em;
	color:			#ccc;
	background:		#000033;
}
.foot-links {
	margin:			0 0 0 8px;
	color:			#ccc;
}
	
