@import url("images.css");
@import url("advanced.css");

/* useful generic classes */
.flat-list {list-style: none; display:block; margin:0; padding:0;}
.bulletless {margin: 0; padding: 0; list-style:none;}
.clearer {clear: both}

body { font-family:Arial, Helvetica, Geneva, sans-serif; font-size: 1em; margin:0.75em 0; padding: 0; color:#000; background-color:#fff;}
img {border: 0;}
a {color: #808000;}
a:hover {}
a:visited {}
a:active {}
h1 {font-size: 170%;}
h1,h2,h3{color: #808000}
address {font-style: normal;}


/* main navigation */
.skip-me {display: none;}
#site-logo {padding: 0; margin-right: 1em;}
#mast {position: relative; z-index: 30; }
#mast ul.flat-list {height:2em; width:75%; font-size: 95%;}
#mast li {vertical-align: bottom; clear: none; width: auto; position:relative;}
#mast li a {vertical-align:top; padding: 2.6em 0.4em; text-decoration: none; display:block; background-repeat:no-repeat; background-position: 0 50%;}
#mast li a:hover {text-decoration: underline;}
#mast #site-logo a, #mast #site-logo li {background-image: none; vertical-align:top; padding:0;}
#mast #site-logo a:hover {text-decoration: none; }

/* drop down menu (nested uls in main navigation - make sure properly nested HTML - i.e. UL are children of LIs!) */
#mast ul#nav ul { display: block;	margin: 4em 0 0 0; padding: 0; background: #808000;	color: #FFF;	border: 1px solid #FFF;	width: 13em; list-style: none; position: absolute; z-index: 30;	left: -999em; }
ul#nav ul li { display: block; margin: 0; padding: 0;	float: none; border: 1px solid #FFF; height: auto; white-space: normal; }
ul#nav ul li a { color: #FFF; border: none;	float: none; display: block; margin: 0;	padding: 0.3em;	background-image: none; }
ul#nav ul li a:hover { background: #000; text-decoration: none; }
ul#nav li.isActive { z-index: 40; }
ul#nav.dhtml ul.hiddenChild {	left: -999em !important; }
ul#nav.dhtml ul.shownChild { left:-1px !important; }

/* sub navigation (left) */
#body-sub-nav {width: 18%;}
#body-sub-nav .padder {padding: 0;}
#body-sub-nav ul.sub-nav li, .stf #body-column2 ul.sub-nav li {padding: 1em 0; border-bottom: solid 2px #404040;}
#body-sub-nav ul.sub-nav a, .stf #body-column2 ul.sub-nav a {text-decoration: none;}
#body-sub-nav ul.sub-nav img, .stf #body-column2 ul.sub-nav img {margin-bottom: 0.25em;}
.stf #body-column2 ul.sub-nav li.first {padding-top: 0;}
.stf #body-column2 ul.sub-nav li.last {border-bottom: 0;}

/* sub-sub navigation (left) */
#body-sub-nav ul.sub-nav ul {	padding: 0;	margin: 0.25em 0 0 0;	list-style: none; }
#body-sub-nav ul.sub-nav ul ul { margin: 0;	border: none;	}
#body-sub-nav ul.sub-nav ul li { margin: 0;	padding: 0 0 0 8px;	border: none;	background-repeat: no-repeat;	background-position: 0 0.65em; }


/* sub navigation*/  
#body-sub-nav {width: 18%; font-size: 90%;}
#body-sub-nav .padder {padding: 1em 0;}
ul.sub-nav li {padding: 1em 0; border-bottom: solid 2px #404040;}
ul.sub-nav a {text-decoration: none;}
#body-sub-nav ul.sub-nav a {text-decoration: none; color:#000;}
ul.sub-nav li.first {padding-top: 0;}
ul.sub-nav li.last {border-bottom: 0;}
ul.sub-nav li.sponsored {border-top: solid 2px #404040; border-bottom: 0;}


/* id selectors */
#page-container {width: 780px; background-repeat:no-repeat;}
#mast {font-size: 80%; height: 153px; width: 100%; background-repeat:repeat-x; background-position:bottom; clear: both; border:0;}
#mast form { margin: 0 ; padding:0; border:0; text-align:left; height:30px; width: 100%; }
#search-inputs {width: 19%; height:23px; border: 0; margin:0; padding: 0;}
#search-inputs .fields {margin-top: 27px; border: solid 1px #000; text-align: right;}
#site-search {height: 2em;}
#body-content {text-align: left; clear: both; background-repeat:no-repeat; font-size: 80%;}
#column-container1 {width: 80%;}
#column-container1 #body-column1 {width: 81%;}
#column-container1 #body-column1 .padder {padding:0.5em 1em;}
#body-column3 {width: 19%; text-align:left;}
#body-column1 {width: 80%; }
#body-column2 {width: 32%;}
#body-column1 .padder, #body-column2 .padder, #body-column3 .padder {padding: 1em}
#body-column3 {border: solid 1px #808000; margin-top: 1em;}

/* specifics */
#column-container1 #body-column1 dl {clear: both; padding: 0 0 0.5em; margin:0 0 0.5em; width: 100%; }
#column-container1 #body-column1 dt {width: 20%; vertical-align:top; padding: 0; margin:0; font-size: 120%; color:#993300; line-height:1.2em; }
#column-container1 #body-column1 dt strong {display: block; }
#column-container1 #body-column1 dt img {margin-bottom: 0.25em; }
#column-container1 #body-column1 dd {width: 75%; vertical-align:top; padding: 0; margin:0;}
#column-container1 #body-column1 h1 {text-align: center;}
#body-column1 h2 {font-size: 120%;}
#body-column3 h3 {margin: 1em 0 0.25em 0; font-size: 120%;}
#search-inputs input { color: #000; font-size: smaller; vertical-align: middle; margin: 0;}
#keyword-search {width:79%; height:100%; border:0; text-align: left;}
#search-submitter {border: 0;}
#body-column1 ul.help-bullet li {padding-left: 0.5em;}
#doc-downloads {margin-top: 1.5em;}
#doc-downloads li {margin: 0.5em 0;}

/* Summary lists (gateways to more details) - some floating tricks to get p.image in right place but leave it source ordered sensibly */ 
div.summaries { z-index: 1; } 
div.summary { clear: both; margin-bottom: 1.5em; height: 1%; /* Height kludge to help IE */ } 
div.summary h2 { background: #eeeeee; line-height: 1.3em; margin: 0 0 0 100px; padding: 0.4em 0; border-left: 10px solid #eeeeee; } 
div.summary p { margin: 0.5em 10px 0.5em 110px; } 
div.summary p.image { float: left; position: relative; top: -2.5em; padding-left: 0; margin: 0; }

/* Summaries on full width content column have a larger image so need more left margin/padding */
#body-content.full div.summary h2 { margin-left: 290px; }
#body-content.full div.summary p { margin-left: 300px; }
#body-content.full div.summary p.image { margin-left: 0; }

/* footer */
#footer {clear: both; font-size: 80%; padding-top: 2em;}
#footer li { padding-top: 0.25em; font-size: x-small; white-space: nowrap;}
#footer li a {text-decoration: none; display: block; padding: 0 0.75em; background-repeat:no-repeat; background-position:  0 60%;}
#footer li a:hover {text-decoration: underline;}

#footer p {margin: 0em; font-size: x-small; color: #000; text-align: right; padding: 0.25em;}
#footer div {margin: 0em; font-size: x-small; color: #bbb; text-align: right; padding: 0.25em;}

/* index page */
#home-page #page-container {background-image:none;}
#home-page #body-column2 {width: 19%; margin-top: 1em; border: solid 1px #fff;}
#home-page #body-column1 { max-height: 390px; height: 390px; clear:both;}
#home-page #body-column1 .padder {padding: 1.5em 1.5em 0 1.5em;}
#home-page #body-column1 ul.help-bullet {font-size: 100%; font-weight:bold; }
#home-page #body-column1 ul.help-bullet a {text-decoration: none; color:#000;}
#home-page #body-content {border-bottom: solid 3px #BFBFBF;}
/*#home-page h1,#home-page h2 {color: #000; width: 40%; border: solid 1px #BFBFBF;}*/
#home-page h1 {color: #000; width: 60%;}
#home-page h2 {color: #000; width: 40%;}
#home-page #body-column2 h2 {font-size: 110%; margin: 1.5em 0 0.125em 0;}
/*home-page #body-column2 ul.bulletless li {margin: 0.5em 0;}*/
#home-page #footer {padding: 0;}

/* ******** ALPHABETICAL LINK LIST ******** */

ol.alphanumeric {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 1em;
}

ol.alphanumeric li {
	background: #FFF;
	float: left;
	padding: 0 0.5em 0 0;
	margin: 0;
	list-style: none;
}

ol.alphanumeric li.first {
	padding-right: 1em;
}

ol.alphanumeric li.last {
	padding-left: 0.5em;
}

ol.alphanumeric li.active a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

/* ******** EXTERNAL LINKS ******** */
.externallinks div {height:100px; margin-left: 10px;}
.externallinks div p.image {float:left; margin-top:0px;}
.externallinks div h2, .externallinks div p.description {margin-left: 105px; background: #fff;}

/* ******** EFFP Events FORMS ******** */

form#contact-form {
	
	 /*border-bottom: 1px solid #EEE;*/
	margin: 0 10px 1em 5px; 
    padding: 0 0 1em 0;
}

form#contact-form  p {
	margin: 0 0 1em 0;
}

form#contact-form fieldset.personal {
	float: left;
	width: 47%;
	border: none;
}

form#contact-form fieldset.address {
	float: right;
	margin-left:0.1em;
	width: 47%;
	 /*border: 1px solid #000;*/
}

form#contact-form fieldset.enquiry {
	clear: both;
}

form#contact-form legend {
	display: none;
}

form#contact-form fieldset {
	clear: none;
	border: none;
	padding: 0;
}

form#contact-form div.field {
	margin-bottom: 0.2em;
	
}

form#contact-form div.field label {
	clear: both;
	float: left;
	display: block;
	width: 96px;
	padding: 0.3em 0;
	font-size: 1em;
	overflow: visible;
	 /*word-wrap: break-word;*/
	position: relative;
	
}

form#contact-form span.field {
	margin-bottom: 0.5em;
}

form#contact-form span.field label {
	clear: both;
	float: left;
	display: block;
	width: 96px;
	padding: 0.3em 0;
	font-size: 1em;
	overflow: visible;
	 /*word-wrap: break-word;*/
	position: relative;
	
}

form#contact-form acronym {
	color: #900;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	border-bottom: none;
}

form#contact-form label acronym {
	display: block;
	position: absolute;
	left: 95px;
	top: 0.2em;
	font-size: 1.2em;
}

form#contact-form  div.field p {
	margin-left: 95px;
}

form#contact-form div.field input {
	width: 168px;
	border: 1px solid #CCC;
	margin-left: 15px;
}

form#contact-form div.field select {
	width: 173px;
	border: 1px solid #CCC;
	margin-left: 15px;
}

form#contact-form div.field textarea {
	width: 494px;
	border: 1px solid #CCC;
	margin-left: 15px;
}
form#contact-form span.field textarea {
	width: 494px;
	border: 1px solid #CCC;
	margin-left: 15px;
}

form#contact-form  span.field checkbox {
	margin: 0 0 1em 0;
	
}
form#contact-form  span.field radio {
	margin: 0 0 1em 0;
}

form#contact-form p.submit {
	margin: 0 0 0.5em 0;
	text-align: right;
}

/*Error style start here*/
form#contact-form div.error {
	margin-bottom: 0.5em;
}

form#contact-form div.error label {
	clear: both;
	float: left;
	display: block;
	width: 96px;
	padding: 0.3em 0;
	font-size: 1em;
	font-weight: bold;
	overflow: visible;
	word-wrap: break-word;
	position: relative;
	color:red;
}

/*Error style span start here*/
form#contact-form span.error {
	left-margin: 450px;
	text-align: center;
}

form#contact-form span.error label {
	clear: both;
	float: left;
	display: block;
	width: 450px;
	padding: 0.3em 0;
	font-size: 1em;
	font-weight: bold;
	overflow: visible;
	word-wrap: break-word;
	position: relative;
	color:red;
	border: 1px solid #000;
}

/* ******** PAGING ******** */
.paging p.next { padding-right:25px; float: right;background:url(../images/btns/icon_bt_right.gif) no-repeat right center}


.paging p.previous { padding-left:25px; float: left;background:url(../images/btns/icon_bt_left.gif) no-repeat left center}