@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}
.poweredby {margin: 0em; font-size: x-small; color: #ddd; text-align: right; padding: 0.25em;}

/* share to farm pages should have a .stf class applied to the body tag, so some rules are modified when cascading from that class */
/* body { font-family:Arial, Helvetica, Geneva, sans-serif; font-size: 1em; margin:0.75em 0; padding: 0; color:#000; background-color:#fff; } */
body 
{
    font-family:Arial, Helvetica, Geneva, sans-serif; 
    font-size: 1em; margin:0.75em 0; 
    padding: 0; color:#000; 
    background-color:#fff;
    /*
    background-image: url(../images/bbg_effp.gif);
    background-repeat: repeat-x; 
    */
}
img {border: 0;}
a {color: #000;}
.stf a {color: #808000;}
a:hover {}
a:visited {}
a:active {}
h1 {font-size: 170%;}
/* h1,h2,h3{color: #000;} */
h1,h2,h3{color: #000; padding: 0.25em;}
p {font-size:small; color:#000; padding:0.25em;}
.stf h1,.stf h2,.stf h3 {color: #808000}
address {font-style: normal;}

/* main navigation  border: 1px solid #ff0000;*/
#mast {position: relative; z-index: 30;}
.skip-me {display: none;}
#site-logo {padding: 0em; margin-right: 5px;}
#mast ul.flat-list {height:0.25em; width:84%; font-size: 11px;}
#mast li {height: 9em; vertical-align:bottom; clear:none; width:auto; position:relative;}
#mast li a {vertical-align:bottom; padding: 0.25em 0.25em; margin:2px 0px 0px 0px;  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 ul li {background-image: none; vertical-align:top; padding:0px;}
#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: 1.6em 0 1em 0; padding: 0; background: #ccc; color: #000; border: 1px solid #000; width: 10em; 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: #000; border: none;	float: none; display: block; margin: 0;	padding: 0.3em;	background-image: none; }
ul#nav ul li a:hover { background: #000; color: #FFF; 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;}
.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; }

/* id selectors */
#page-container {background-color:#fff; width: 780px; background-repeat:no-repeat;}
#mast {font-size: 80%; height: 130px; 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: 9em; border: 0; padding: 0;}
#search-inputs .fields {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 {font-size: 95%; width: 19%; text-align:left;}
#body-column3 .padder {padding: 0 0.5em;}

/* 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:#000; 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:74%; height:100%; border:0; text-align: left;}
#search-submitter {/*width: 19%; height:100%;text-align: center;*/  border: 0;}
#body-column1 ul.help-bullet li {padding-left: 0.25em;}
#doc-downloads {margin-top: 1.5em;}
#doc-downloads li {margin: 0.5em 0;}

/* Old Summary lists - Not allow long titles headers (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; }
div.summary h2 { background: #CCC; line-height: 2em; margin: 0 0 0 100px; text-indent: 10px; }
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; }
*/

/* 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: #CCC; line-height: 1.3em; margin: 0 0 0 100px; padding: 0.4em 0; border-left: 10px solid #CCC; } 
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;}



#body-column1 {width: 68%;}
#body-content.full #body-column1 { width: 78%; }
#body-content.full #body-column1 .padder {padding: 1.5em 0;}
#body-column2 {width: 32%;}
#body-column1 .padder, #body-column2 .padder {padding: 0.25em;}/* border: solid 1px #000; This is the main home container */
#body-column1 #padder .banner {width:510px;} /* border: solid 1px #ccc;homepage banner Image */
#body-column1 #padder #rotatingbanner {width:510px; max-height: 90px; height:90px} 
#body-column1 #padder .rssfeed {padding: 0.25px; margin-top:10px; width:335px; height:135px; background: #F1EFE6;} /* border: solid 1px #ff0000; width:62%;  rss feed container */
/* #body-column1 #padder .topcontainer {padding: 0.25em; margin-top:-100px; margin-left:360px; width:144px; background: #CCC;} */ /* border: solid 1px #000; homepage top right container */
/* #body-column2 .padder {padding: 1.5em; border: solid 1px #000;} */
#body-column3 {border: solid 1px #000; margin-top: 1em;}

/* index page */
#home-page #body-column1 {background-color:#fff;  max-height: 430px; height: 430px; clear:both;}
#home-page #body-column1 .padder {padding: 1.5px; border: solid 1px #000;}
#home-page #body-column1 ul.help-bullet {font-size: 135%; font-weight:bold; }
#home-page #body-column1 #padder h2 {font-size: 110%; margin: 0.25em 0 0.125em 0;}
#home-page #body-column1 h2 a {text-decoration: none; color: #000;}
#home-page #body-column1 ul.help-bullet a { text-decoration: none; color:#000;} /* This is the Body Copy text on the HP */
#home-page #body-content {border-bottom: solid 3px #BFBFBF; padding: 3.5px;}
#home-page h1 {color: #000; width: 49%;} /* This is the top summary text */
#home-page #body-column2 h2 {background-color:#fff; font-size: 110%; margin: 0.125em 0 0.125em 0;}
#home-page #body-column2 h2 a {text-decoration: none; color: #000; margin-left: -5px;}
#home-page #body-column2 ul.bulletless li {margin: 0.5em 0; }
#home-page #footer {padding: 0;}
#home-page.stf #body-column1 {width: 75%;}
#home-page.stf #body-column2 {width: 19%;}
#home-page #page-container {background-color:#fff; background-image: url(prebuilt/images/homepage/banner510x90/services.jpg);}


/* primary box on the homepage */
#primary {
	margin-top: 10px;
}

#primary div.rssfeed p {
	margin-top: 0;
	margin-bottom: 0;
}

#primary div.topcontainer {
	margin-top:-130px; 
	margin-left:360px; 
	width:150px; 
	height:130px;
	background: #F1EFE6;
	border-bottom: 4px solid #FFF;
}

#primary div.topcontainer h2 {
	color: #000;
	background: #CCC;
	font-size: 0.9em;
	font-weight: normal;
	padding: 3px 5px;
	margin: 0;
	position: relative;
	display: block;
	text-align: center;
}

#primary div.topcontainer p {
	margin: 0.5em 5px 0.5em 5px;
	font-size: 0.85em;
	color: #333;
	clear: both;
}

#primary div.topcontainer ul {
	margin: 0 5px 1em 5px;
	padding: 5px 0 5px 0;
	clear: both;
}

#primary div.topcontainer li {
	font-size: 0.95em;
}

#primary div.centered {
	text-align: center;
}



/* secondary box on the homepage */
#secondary {
	margin-top: -20px;
}

#secondary div.box {
	background: #F1EFE6;
	border-bottom: 4px solid #FFF;
	width: 150px;
}
#secondary hr {
	display: none;
}
#secondary p.link {
	margin-bottom: 0;
}

#secondary h2 {
	display: none;
}

#secondary div.box h2 {
	color: #000;
	background: #CCC;
	font-size: 0.9em;
	font-weight: normal;
	padding: 3px 5px;
	margin: 0;
	position: relative;
	display: block;
	text-align: center;
}

#secondary div.box p {
	margin: 0.5em 5px 0.5em 5px;
	font-size: 0.85em;
	color: #333;
	clear: both;
}

#secondary div.box ul {
	margin: 0 5px 1em 5px;
	padding: 5px 0 5px 0;
	clear: both;
}

#secondary div.box li {
	font-size: 0.95em;
}

#secondary div.centered {
	text-align: center;
}

/* secondary box on the homepage left */

#secondary div.boxleft {
	background: #F1EFE6;
	border-bottom: 4px solid #FFF;
	width: 160px;
	margin-top: 10px;
}
#secondary hr {
	display: none;
}
#secondary p.link {
	margin-bottom: 0;
}

#secondary h2 {
	display: none;
}

#secondary div.boxleft h2 {
	color: #000;
	background: #CCC;
	font-size: 0.9em;
	font-weight: normal;
	padding: 3px 5px;
	margin: 0;
	position: relative;
	display: block;
	text-align: center;
}

#secondary div.boxleft p {
	margin: 0.5em 5px 0.5em 5px;
	font-size: 0.85em;
	color: #333;
	clear: both;
}

#secondary div.boxleft ul {
	margin: 0 5px 1em 5px;
	padding: 5px 0 5px 0;
	clear: both;
}

#secondary div.boxleft li {
	font-size: 0.95em;
}

/* box on the homepage middle */

#secondary div.boxmiddle {
	background: #F1EFE6;
	border-bottom: 4px solid #FFF;
	width: 150px;
	margin-left: 185px;
	margin-top: -186px;
	
}
#secondary hr {
	display: none;
}
#secondary p.link {
	margin-bottom: 0;
}

#secondary h2 {
	display: none;
}

#secondary div.boxmiddle h2 {
	color: #000;
	background: #CCC;
	font-size: 0.9em;
	font-weight: normal;
	padding: 3px 5px;
	margin: 0;
	position: relative;
	display: block;
	text-align: center;
}

#secondary div.boxmiddle p {
	margin: 0.5em 5px 0.5em 5px;
	font-size: 0.85em;
	color: #333;
	clear: both;
}

#secondary div.boxmiddle ul {
	margin: 0 5px 1em 5px;
	padding: 5px 0 5px 0;
	clear: both;
}

#secondary div.boxmiddle li {
	font-size: 0.95em;
}

/* box on the homepage right */

#secondary div.boxright {
	background: #F1EFE6;
	border-bottom: 4px solid #FFF;
	width: 150px;
	margin-left: 360px;
	margin-top: -187px;
}
#secondary hr {
	display: none;
}
#secondary p.link {
	margin-bottom: 0;
}

#secondary h2 {
	display: none;
}

#secondary div.boxright h2 {
	color: #000;
	background: #CCC;
	font-size: 0.9em;
	font-weight: normal;
	padding: 3px 5px;
	margin: 0;
	position: relative;
	display: block;
	text-align: center;
}

#secondary div.boxright p {
	margin: 0.5em 5px 0.5em 5px;
	font-size: 0.85em;
	color: #333;
	clear: both;
}

#secondary div.boxright ul {
	margin: 0 5px 1em 5px;
	padding: 5px 0 5px 0;
	clear: both;
}

#secondary div.boxright li {
	font-size: 0.95em;
}



/* ******** 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}
.externallinks div p.image {float:left;margin-top:0px}
.externallinks div h2, .externallinks div p.description {margin-left:105px}

/* ******** 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.hidfield {
	margin-bottom: 0.2em;
	display:none;	
}

form#contact-form  div.hidfield p {
	margin-left: 95px;
	display:none;	
}

form#contact-form div.hidfield input {
	width: 168px;
	border: 1px solid #CCC;
	margin-left: 13px;
	display:none;	
}

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

form#contact-form  div.drpdwndfield p {
	margin-left: 110px;
	 /* border: 1px solid #CCC; */
}

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

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

form#contact-form span.field select {
	width: 172px;
	border: 1px solid #CCC;
	margin-left: 13px;
}

form#contact-form div.drpdwndfield select {
	width: 300px;
}

form#contact-form span.drpdwndfield select {
	width: 300px;
}

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

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}