/* ======================================== Base Styles ==============================*/
<!--

* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}

body{height: 100%;}

body {background-color: #FFFFFF;font-size: 75%;line-height: 1.5em;font-family: Arial, Helvetica, sans-serif; color:#666;}

p{font-family: Arial, Helvetica, sans-serif;color: #666666;background-color:transparent;line-height:1.5em;margin:0 0 12px 0;}

img { border:0;}

 div.hr {
  height: 15px;
  background: #fff url('/media/Media,5433,en.gif') repeat-x top left;clear:both;
}
div.hr hr {
  display: none;clear:both;
}

table { border:1px solid #666; color:#666; margin:10px 0 10px 15px;}
table th{ font-size:1.1em; 	color:#666; padding: 10px 0px 10px 0px; text-align:left;}
table td{ font-size:1em; color:#666; padding: 2px 0px 2px 0px;}
table td.bold{width:140px;}

a{ text-decoration:none;color:#666;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover{color:#666;text-decoration:underline; }

h1{font-family: Arial, Helvetica, sans-serif;font-size:1.8em;color:#698a01 !important;font-weight: normal;font-style: normal;background-color:transparent;margin:0px 0 9px 0;padding:0px 0 0 0px;text-indent:0px; }
h2{font-family: Arial, Helvetica, sans-serif;font-size:1.4em;color:#698a01;background-color: #FFFFFF;font-weight: bold;margin:0px 5px 8px 15px;line-height:1.6em; padding:5px 0 5px 8px; border-top:1px dotted #698a01;border-bottom:1px dotted #698a01; display:block;}
h3{font-family: Arial, Helvetica, sans-serif;font-size:1.2em;color:#fff;font-weight: bold;padding:0px 0px 5px 0px; margin:15px 0px 10px 17px; width:auto; display:block; }
h4{font-family: Arial, Helvetica, sans-serif;font-size:1.1em;color:#ff8a00;background-color: transparent;font-weight: bold;margin:0px 0 0 0;clear:both; display:block; padding:5px 0 5px 0px;height:1.4em; display:inline;} 

h5{font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #666;font-size: 1.2em;margin:10px 0 0 10px}

/* IE6 does not render dashed lines properly so set default to solid and then apply non IE6 selectors as dashed */
h2 {
border-bottom: 1px solid #698a01; border-top:1px solid #698a01; 
}

body > h2, div > h2 {
border-bottom-style:dotted;border-top-style:dotted;
}
blockquote {font-style:italic; border-left:3px solid #cc0000;padding-left:10px;}
ul li{font-family: Arial, Helvetica, sans-serif;font-size: 1em;color: #666666;font-weight:normal;}
ol { margin:10px 0px 10px 20px;font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;color: #666666;font-weight:normal;}
ul { margin:2px 0px 10px 0px;}
ol li{font-family: Arial, Helvetica, sans-serif;font-size: 1em;color: #666666; }
ol li a{ color:#666;text-decoration:underline;font-size: 1em;}
ol li a:hover{ color:#666;text-decoration:none;}
ol li a:visited{ color:#666;}

form div.choice input { font-size:0.8em;}
form select {width:220px;margin: 0px 0px 20px 0px;font-size:0.8em;color: #666;margin:6px 0px 6px 15px;clear:left;display:block;}
form select.date1 {width:60px;margin: 0px 0px 20px 0px;font-size:0.8em;color: #666;margin:6px 0px 6px 15px;clear:left;display:inline;float:left;}
form select.date2 {width:100px;margin: 0px 0px 20px 0px;font-size:0.8em;color: #666;margin:6px 0px 6px 15px;clear:none;display:inline;float:left;}
/* ======================================== Screen Reader Hack ==============================*/
.hidden
{
	
	/* \*/

	display                 : block;
	/* */
	position                : absolute;
	left                    : -2000px;	
	top                     : -2000px;	
	width                   : 1px;	
	height                  : 1px;
}

/* ======================================== Additional Classes ==============================*/
.bold {
font-weight:bold;
}


.update{color:#666; height:2.5em;font-size:1em; }

.update p{float:right; }
.textsize {color:#666; font-weight:normal;margin-left:12px; font-size:1.1em;  }
#textfunc { padding-top:6px;background-color:#fff;height:2.2em;}
.normal {font-size:1.2em;color:#159fa1 !important;}

.mid {font-size:1.4em; color:#159fa1 !important;}

.lar {font-size:1.6em;color:#159fa1 !important;}

.clear {clear:both;}


/* ======================================== Redefining Column Properties for Enlarge text function ==============================*/

/* ======================================== Main Styles ==============================*/



#contentwrapper{
float: left;
width: 100%;
background: url('/media/Media,5429,en.gif') repeat-y  0px 0px;
clear:both;
}

/* ======================================== Main Content - Centre Column ==============================*/
#contentcolumn{
margin: 0 220px 0px 238px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding:21px 23px 220px 1px;
font-size:1.2em;
line-height:1.5em;
display:block;


}


#contentcolumn.twocolumn{
margin: 0 0px 0px 238px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding:21px 23px 220px 23px;
font-size:1.2em;
line-height:1.5em;
display:block;
text-align:left;
background:url('/media/Media,5453,en.jpg') bottom left no-repeat;
}


/* ======================================== Left ==============================*/

#leftcolumn{
float: left;
width: 236px; /*Width of left column*/
position:absolute;
top:282px;
left:0px;
border-right:1px solid #ddd;
background-color:#8db414;
voice-family: "\"}\"";
voice-family: inherit;
width: 237px;
}
#leftcolumn h4{font-family: Arial, Helvetica, sans-serif;font-size:1.1em;color:#fff;background-color: transparent;font-weight: bold;margin:0px 0 0 0;clear:both; display:block; padding:5px 0 5px 15px;height:1.4em; display:inline;} 


/* ======================================== Right ==============================*/
#rightcolumn{
float: left;
width: 220px; /*Width of right column*/
margin-left: -220px; /*Set left margin to -(RightColumnWidth)*/
background-color: #8db414;
margin-bottom:0px;
padding:0;
text-align:left;
display:block;
margin-top:0;
color:#fff;
font-size:1.2em;
}


/* ======================================== Footer ==============================*/

#footer{

clear: left;
background: white;
color: #515151;
text-align: center;
padding: 0px 0;
width:100%;
margin:0px auto !important;
}

#footer p{color:#515151; margin:20px 0 5px 0;}

#footer a{
color: #ff8a00;
}

#footer div{text-align: center;float:none; }
#footer ul{margin:2px 5px 20px 10px; list-style-type:none;color:#999;text-align: center;float:none; }
#footer li{margin:0px 5px 0px 0px; display: inline ; }
#footer ul li a:link{color:#ff8a00;padding:0 5px 0 0px; border-right:1px solid #999;font-size:1em;}
#footer ul li a:visited{color:#ff8a00;padding:0 5px 0 0px; border-right:1px solid #999;font-size:1em;}


#mailing {
height:90px;
background-color:#ecf4d5;
border-bottom:10px solid #ff6600;
text-align:center;
margin:0px auto ; 
float:none;
clear:both;
display:block;
}



#mailing form { margin:0px auto  ;  text-align:center; width:700px; }