/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */



form {

margin:0 0 1.5em;

}



input {

font-family:arial,tahoma,verdana,sans-serif;

margin:2px 0;

}



fieldset {

border:none;

}



label {

padding:5px 0;

}



label br {

clear:left;

}





input.f-submit {

background:#666;

color:#fff;

font-weight:700;

font-size:96%;

padding:1px 3px;

}



form.f-wrap-1 {

width:500px;

background:#f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;

border-top:1px solid #d7d7d7;

position:relative;

padding:.5em 0;

}



form.f-wrap-1 fieldset {

width:auto;

margin:0 1em;

}



form.f-wrap-1 h3 {

font:bold 155% arial;

color:#c00;

margin:0 0 .6em;

}



form.f-wrap-1 label {

clear:left;

width:100%;

border-top:1px solid #fff;

float:none;

}



form.f-wrap-1 label input,form.f-wrap-1 label textarea,form.f-wrap-1 label select {

width:15em;

float:left;

margin-left:10px;

}



form.f-wrap-1 label b {

float:left;

width:8em;

line-height:1.7;

display:block;

position:relative;

}



form.f-wrap-1 label b .req {

color:#c00;

font-size:150%;

font-weight:400;

position:absolute;

top:-0.1em;

line-height:1;

left:-0.4em;

width:.3em;

height:.3em;

}



form.f-wrap-1 div.req {

color:#666;

font-size:96%;

font-weight:400;

position:absolute;

top:.4em;

right:.4em;

left:auto;

width:13em;

text-align:right;

}



form.f-wrap-1 div.req b {

color:#c00;

font-size:140%;

}



form.f-wrap-1 label select {

width:15.5em;

}



form.f-wrap-1 label textarea.f-comments {

width:20em;

}



form.f-wrap-1 div.f-submit-wrap {

padding:5px 0 5px 8em;

}



form.f-wrap-1 input.f-submit {

margin:0 0 0 10px;

}



form.f-wrap-1 fieldset.f-checkbox-wrap,form.f-wrap-1 fieldset.f-radio-wrap {

clear:left;

float:left;

width:32em;

border:none;

padding-bottom:.9em;

margin:0;

}



form.f-wrap-1 fieldset.f-checkbox-wrap b,form.f-wrap-1 fieldset.f-radio-wrap b {

float:left;

width:8em;

line-height:1.7;

display:block;

position:relative;

padding-top:.3em;

}



form.f-wrap-1 fieldset.f-checkbox-wrap fieldset,form.f-wrap-1 fieldset.f-radio-wrap fieldset {

float:left;

width:13em;

margin:3px 0 0 10px;

}



form.f-wrap-1 fieldset.f-checkbox-wrap label,form.f-wrap-1 fieldset.f-radio-wrap label {

float:left;

width:19em;

border:none;

margin:0 -3px 0 0;

padding:2px 0;

}



form.f-wrap-1 label input.f-checkbox,form.f-wrap-1 label input.f-radio {

width:auto;

float:none;

margin:0;

padding:0;

}



form.f-wrap-1 label span.errormsg {

position:absolute;

top:0;

right:-10em;

left:auto;

display:block;

width:16em;

background:transparent url(images/errormsg_bg.gif) no-repeat 0 0;

}



form.f-wrap-1 label span.errormsg b {

color:#B30800;

font-weight:700;

display:block;

width:auto;

float:none;

line-height:1.3;

margin:0 10px 0 30px;

padding:10px 0;

}





#hintbox{ /*CSS for pop up hint box */

position:absolute;

top: 0;

background-color: #EFEFEF; /*background-color: lightyellow;*/

width: 150px; /*Default width of hint.*/ 

padding: 3px;

border:1px solid black;

font:normal 11px Verdana;

line-height:18px;

z-index:100;

border-right: 3px solid #CC0000;

border-bottom: 3px solid #CC0000;

visibility: hidden;

}



.hintanchor{ /*CSS for link that shows hint onmouseover*/

font-weight: bold;

color: navy;

margin: 3px 8px;

}





a {

font-family:Arial,Verdana,Helvetica,sans-serif;

font-size:12px;

color:#333;

text-decoration:underline;

}



a:hover {

font-family:Arial,Verdana,Helvetica,sans-serif;

font-size:12px;

color:#7F7F7F;

text-decoration:none;

}



h1,h2,h3,h4,h5,h6 {

color:#000;

margin-bottom:10px;

}



code {

  margin: 5px 0;

  padding: 10px;

  text-align: left;

  display: block;

  overflow: auto;  

  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;

  /* white-space: pre; */

  background: #FAFAFA;

  border: 1px solid #eee;    

}



acronym {

  cursor: help;

  border-bottom: 1px solid #777;

}



blockquote {

	margin: 15px; 	

    padding: 0 0 0 60px;  	

  	background: #FAFAFA url(1_pic2.jpg) no-repeat 3px 5px; 

	border: 1px solid #eee; 

	font: bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif; 

	color: #660000;	

}





/* form elements */





form {

	margin:10px 15px; 

    padding: 10px;



	background-color: #EFEFEF; 

}



label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}

input {

	padding: 2px;

	border:1px solid #ccc;

	font: normal 1em 'Trebuchet MS', verdana, sans-serif;

	color:#000;

	background: #ffffff; 

}

textarea {

	width:300px;

	padding:2px;

	font: normal 1em 'Trebuchet MS', verdana, sans-serif;

	border:1px solid #eee;

	height:100px;

	display:block;

	color:#777;

}

input.button { 

	margin: 0; 

	font: bold 1em Arial, Sans-serif; 

	border: 1px solid #CCC;

	background: #fff; 

	padding: 2px 3px; 

	color: #fff;	

}



/* Search For: style up to 11 types */



#class0{ border: none; background: transparent;}

#class1{ border: none; background: transparent;}

#class2{ border: none; background: transparent;}

#class3{ border: none; background: transparent;}

#class4{ border: none; background: transparent;}

#class5{ border: none; background: transparent;}

#class6{ border: none; background: transparent;}

#class7{ border: none; background: transparent;}

#class8{ border: none; background: transparent;}

#class9{ border: none; background: transparent;}

#class10{ border: none; background: transparent;}

#class11{ border: none; background: transparent;}



option{

padding-left:5px; 

padding-bottom:1px; 

}



/* search form */

.searchform {

	background-color: transparent;

	border: none;	

	margin: 0; padding: 0;	

}

.searchform p { margin: 10px; padding: 0; }

.searchform input.textbox { 

	width: 130px;

	color: #333; 

	height: 20px;

	padding: 2px;	

	vertical-align: top;

}

.searchform input.button { 

	font: bold 12px Arial, Sans-serif; 

	color: #333;	

	width: 60px;

	height: 26px;

	border: none;

	padding: 3px 5px;	

	vertical-align: top;

}







/*  by Awddesign.co.uk */ 



* { padding: 0; margin: 0; }



html, body{ 

 margin:0; 

 padding:0; 

 text-align:justify;

background: #80b0d0;

font-family:Arial,Verdana,Helvetica,sans-serif;

font-size:12px;

color:#000;

} 

 

#pagewidth{

width:962px; 

text-align:left;

margin-left:auto;

margin-right:auto;

 border-left: 7px solid #E7D6A5;

 border-right: 7px solid #E7D6A5;

background: #FFF;

} 

 

#header{

position:relative;
height:237px; 
background-color:#00283C;
border-bottom: 7px solid #E7D6A5; 
 width:100%;
}



#banner{

margin: 0 auto;

}



#sitelogo h1 { 

float: left;

padding: 2px 0px 0px 0px;

margin: 9px 15px 0px 15px;

font-size:25px;

color:#777777;

font-weight:700;

background: transparent;

}



#leftcol{

 w//idth:10%;  width:160px; 

 float:left; 

 position:relative; 

                     b//ackground-color:#CCCCCC;

 }

 

#twocols{

 w//idth:90%; width:770px; 

 float:right; 

 position:relative; 

  }

 

#rightcol{

 w//idth:12%; width:170px; 

 float:right; 

 position:relative; 

                    b//ackground-color:#F926F9;

 }

 

#maincol{background-color: #F9F9F9;  

float: left; 

 display:inline; 

 position: relative; 

 w//idth:88%; width:580px;

 border-left: 7px solid #E7D6A5;

 border-right: 7px solid #E7D6A5;

 }



.content {

margin:1em;

font-family:Arial,Verdana,Helvetica,sans-serif;

font-size:12px;

color:#000;

} 



.content p, ul, ol {

margin: 0 0 1.5em;

}



#footer{

clear:both;

text-align:center;

height:60px; 

background-color: transparent; 

border-top:1px solid #CCC;

padding: 5px;

} 

 

 /* *** Float containers fix: by Awddesign.co.uk *** */ 

.clearfix:after {

 content: "."; 

 display: block; 

 height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  



/*printer styles*/ 

@media print{ 

/*hide the left column when printing by Awddesign.co.uk */ 

#leftcol{display:none;} 



/*hide the right column when printing by Awddesign.co.uk */ 

#rightcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}



/* navigation menu */



#menu_top{

height: 70px; 

}



#menu{

margin: 0px 1px 0px 1px;

}



#menu ul

{ height: 38px; 

  margin: 0px auto;

} 



#menu li

{ float: left; 

  margin: 0px 0px 0px 0px; 

  padding: 0px;

  list-style: none;

} 



#menu li a, #menu li a#selected, #menu li a:hover 

{ font-family: verdana, arial, sans-serif;

  display: block; 

  float: left; 

  height: 7px;

  text-decoration: none; 

  margin: 5px 12px 0px 4px;

  padding: 7px;

  text-transform: uppercase;

  font-size: 80%;

} 



#menu, #menu li a

{ background: #656565;

  color: #F5F6F0;

}



#menu li a:hover, #menu li a#selected, #menu li a#selected:hover

{ background: #656565;

  color: #FFF;

  border-color: #B1BCA4;

 text-decoration: underline;

}



.spacer {

padding:10px

}



/* side_bars left and right */



.side_bar {

b//ackground:#E1E5D5; background:#EFEFEF;

color:#555;

}



.side_bar h2 {

margin: 0px 10px 0px 10px;

padding:8px 0 10px 0;

background:transparent;

color:#000;

font-weight:700;

text-transform:uppercase;

font-size:12px;

letter-spacing:.1em;

}





/* side bar */



.side_bar_content p {

padding:5px 0px 0px 5px; 

margin: 5px 0px 0px 5px; 

}



.side_bar_content ul,li {

list-style: none;

padding:0px 0px 0px 5px; 

margin: 0px 0px 0px 5px; 

}





.side_bar_content li a,.side_bar_content a {

 

padding-left: 10px;

background-repeat: no-repeat;

background-position: 0 .5em;

background:transparent url(arrow.png) no-repeat left center;

color:#555;

}



.side_bar_content li a:hover,.side_bar_content a:hover {

padding-left: 10px;

background-repeat: no-repeat;

background-position: 0 .5em;

background:transparent url(arrow_select.png) no-repeat left center;

color:#555;

}