@charset "utf-8";
/* CSS Document 
Colors:

body background: #EEF0BD;
page background: #B9CF48;
page outline: #5BA54C;

menu background orange: #F06424;
menu background green: #A8F022;
menu background blue: #43BEBE;
menu background purple: #E98EF9;


*/

/* reset styles */
html,body,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/* end reset styles */
/* layout styles */
#page_wrapper{
	width:965px;
	margin:0px auto;
	position: relative;
}
#header_wrapper{
	height: 148px;
	background-image: url(../images/background-header.jpg);
	background-repeat: no-repeat;
  
}
#logo_wrapper {
	margin-left: -69px;
	width: 281px;
	padding-top: 4px;
	float: left;
}
#hotlinks_wrapper {
	margin-left: 244px;
	margin-right: 14px;
}


#content_wrapper{
	background-image: url(../images/background-page.jpg);
	background-repeat: repeat-y;
  
}
#content_background {
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 5px;
}
#left_column {
	float: left;
	width: 212px;
	padding-top: 15px;
}
#menu_top {
	margin-left: 19px;
}

#menu_container {
	margin-left: 19px;
	width: 200px;
	background-color: #F06424;
	background-image: url(../images/background-menu-orange.jpg);
	background-repeat: repeat-y;
	height: 1%;
}
#menu_bottom {
	margin-left: 19px;
	clear: left;
}


#right_column {
	margin-left: 239px;
	margin-right: 19px;
	background-image: url(../images/background-page-content.jpg);
	background-repeat: repeat-y;
	background-position: 0px 20px;
}
#breadcrumbs {
	background-color: #B9CF48;
	line-height: 1.3em;
	padding: 1px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #F06424;
}
#breadcrumbs a {
	color: #F06424;
	line-height: 1.3em;
}

#page_content_wrapper {
	float: left;
	width: 508px;
	background-color: #FFFFFF;
	padding: 6px;
}
#page_sidebar_wrapper {
	margin-left: 530px;
	background-color: #FFFFFF;
}


#footer_wrapper{
	background-image: url(../images/background-page.jpg);
	background-repeat: repeat-y;
	padding-bottom: 1px;
  
}
#footer_box_top {
	margin-right: 24px;
	margin-left: 24px;
	height: 8px;
	background-image: url(../images/footer-top.jpg);
	background-repeat: no-repeat;
}
#footer_box_content {
	background-color: #5BA54C;
	margin-right: 24px;
	margin-left: 24px;
}
#footer_box_left {
	float: left;
	width: 410px;
	padding-left: 20px;
	padding-top: 37px;
	padding-right: 20px;
	padding-bottom: 0px;
}
#footer_box_right {
	margin-left: 455px;
}
#footer_box_bottom {
	background-image: url(../images/footer-bottom.jpg);
	background-repeat: no-repeat;
	height: 9px;
	margin-right: 24px;
	margin-left: 24px;
}

/* ------------- Standard tag definitions ----------------------------- */
body {
	background-color: #EEF0BF;
	color: #666666;
}

p,a,li,em,strong,td,span{ font-family:Arial, Helvetica, sans-serif; }

p {
	color:#000000;
	margin:0px 5px 5px 5px;
	font-size:0.8em;
	padding-top:5px;
	line-height:1.15em;
}

a { color:#000000; text-decoration:underline; }

a:hover, a:focus { text-decoration:none; }

ul { list-style:disc; margin:0px 5px; list-style-position:outside; }

li { font-size:1em; }

strong { font-weight:bold; }

em { font-style:italic; }

h1,h2,h3,h4,h5,h6,h7 {
	font-weight:bold;
	color:#5BA54C;
	margin:0px 5px 0px 5px;
	padding-top:5px;
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif;
}

h1 { font-size:1.4em; }
h2 { font-size:1.2em; }
h3 { font-size:1em; }
h4 { font-size:.9em; }
h5 { font-size:.8em; }
h6 { font-size:.7em; }



/* ------------------ Standard Class Definitions -------------------------- */
.clearer { clear:both; }

.align-center,td.align-center,.align-centre,td.align-centre{text-align:center;}
.align-left,td.align-left{text-align:left;}
.align-right,td.align-right{text-align:right;}
.align-justify,td.align-justify{text-align:justify;}

.text-smaller,td.text-smaller{font-size:.6em;}
.text-small,td.test-small{font-size:.7em;}
.text-large,td.text-large{font-size:1em;}
.text-larger,td.text-larger{font-size:1.2em;}
.text-largest,td.text-largest{font-size:1.4em;}
.text-huge,td.text-huge{font-size:1.8em;}

.color-red{color:#FF0000;}
.color-white{color:#FFFFFF;}
.color-black{color:#000000;}
.color-light-grey{color:#CECECE;}
.color-medium-grey{color:#999999;}
.color-dark-grey{color:#333333;}

/* -------------------- Footer Form Styles ---------------------------- */
/*this will float three DIV containers each containing part of the contact form */
.footer-box-float-left{
	float:left;
	width:150px;
}

/*  this styles apply to the twitter feed at the bottom of the page */
.tx-wttwitter-pi1{ margin-right:15px; padding-bottom:8px;}
h3.wt_twitter{color:#FFFFFF;}
ul.wttwitter_feed{
	background-color: #b9cf48;
	list-style-type: none;
	padding: 5px;
}
ul.wttwitter_feed li{
	line-height: 1.3em;
	color: #FFFFFF;
	font-size: .85em;
}
ul.wttwitter_feed li.wttwitter-pubdate{font-size:10px;}
/* ---------------- user_form styles ------------------------------ */
#user_form{
 padding:10px 0px;
}

#user_form_wide {
	padding:3px;
	width:100%;
	float:none;
}

#user_form table,#user_form_wide table{
	width:100%;
}
#user_form table td.tableCell-center,#user_form_wide table td.tableCell-center{
	text-align:center;
}
/*remove the majority of the lable style for the table*/
#user_form table td label,#user_form_wide table td label{
	float:none;
	text-align:center;
	padding:0px;
}

#user_form fieldset,#user_form_wide fieldset{ border:1px solid #CCC; padding:5px; margin-bottom:5px;}
#user_form legend,#user_form_wide fieldset legend{ font-family:Arial, Helvetica, sans-serif; font-size:.8em; font-weight:bold; margin-left:20px; padding:0px 3px;}

#user_form span {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#user_form label,#user_form_wide label {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	width: 130px;
	float: left;
	text-align: right;
	padding-right: 3px;
	padding-top: 3px;
}
#user_form label.no-float{float:none;}
/* these will allow the label text color to be changed */
#user_form label.color-black, #user_form_wide label.color-black{color:#000000;}
#user_form label.color-red, #user_form_wide label.color-red{color:#FF0000;}

#user_form input,#user_form_wide input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/*remove the border from the radio buttons and check boxes */
#user_form_wide input[type="radio"],#user_form input[type="radio"]{
	border:none;
}

#user_form input.submit-button,#user_form_wide input.submit{
                 width:auto;
				 padding-top:10px;
}
#user_form input.form-input-text{}
#user_form input.forn-input-radio{}
#user_form input.form-input-checkbox{}


#user_form textarea,#user_form_wide textarea{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
#user_form select,#user_form_wide select{
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
}

#user_form .form-input,#user_form_wide .form-input {
	clear: both;
	margin-bottom: 5px;
	display: block;
}

#user_form .form-input-radioset{

}
#user_form .form-input-radioset label{ float:none; margin-right:2px; padding-right:0px; }
#user_form input.form-input-radio{ margin:0px 6px 0px 0px; vertical-align:middle;}
#user_form .form-submit,#user_form_wide .form_submit {
	margin-left: 133px;
	clear: both;
}

#user_form .form-input-grid{}
#user_form .form-input-grid-row{ clear:both;}
#user_form .form-input-grid-item{
	float:left;
	margin-right: 5px;
}
#user_form .form-input-grid-item label{
	width:auto;
	float: none;
	padding: 0px 0px 3px 0px;
	margin: 0px;
}
#user_form .form-input-grid-item input.form-input-text{ margin-top:3px; }

/*this class is used to align the button when the inputs are in a fieldset*/
#user_form .fieldsetSubmit,#user_form_wide .fieldsetSubmit{
	margin-left:145px;
	clear:both;
}

/*this style is used on the login page to align the button links at the bottom of the form*/
#user_form .error-form-submit {
	margin-left: 130px;
	clear: both;
}
/* this will colour the form error text */
.login-error{
	color:#CC0000;
}
/* this will colour the required symbol or text */
.required{
	color:#CC3300;
}

/* this sets the width of the text and textarea input fields */
#user_form .form-input-text-w140{
	width:140px;
}
#user_form .form-textarea-setwidth{
	width:140px;
}
#user_form .form-textarea-setheight{
	height:85px;
}

/* -------- header hotlink styles ----------------- */
.img-header-hotlink{
	margin-left:12px;
}
.img-hotlink{
	display:inline;
	margin: 0px;
	padding: 0px;
}

/* -- Styles for content columns -- */

.two-column-wrapper{}

.col-content-float{float:left;}

.left-column-wide{
	float:left;
	width:55%;
}
.left-column-narrow{
	float:left;
	width:45%;
}
.left-column-equal{
	float:left;
	width:49%;
}

.right-column-narrow{
	margin-left:56%;
}
.right-column-wide{margin-left:50%;}
.right-column-equal{
	margin-left:51%;
}