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

form {
margin:0 0 1.5em;
}

input {
font-family:tahoma,verdana,arial,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:530px;
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% tahoma, Verdana, Arial, Helvetica, sans-serif;
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:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#333;
text-decoration:underline;
}

a:hover {
font-family:Tahoma,Verdana,Arial,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 Tahoma, 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 Tahoma, 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:center; 
 background: #FFF; /* url(pattern.png) repeat; */
 font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
 font-size:12px;
 color:#000;
} 
 
#pagewidth{ 
 width:990px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:147px; 
 background-color:transparent; 
 width:100%;
 background-image:url(logobanner.jpg);
} 
 
#leftcol{
 w//idth:10%;  width:200px; 
 float:left; 
 position:relative; 
                     b//ackground-color:#CCCCCC;  
 }
 
#twocols{
 w//idth:90%; width:790px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 w//idth:12%; width:200px; 
 float:right; 
 position:relative; 
                    b//ackground-color:#F926F9;
 }
 
#maincol{background-color: #F9F9F9;  
float: left; 
 display:inline; 
 position: relative; 
 w//idth:88%; width:590px; 
 }
 

.content {
margin:1em;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#000;
} 

.content p, ul, ol {
margin: 0 0 1.5em 1.5em;
}

.content li {
list-style:square;
}

#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 img {
border:hidden
}

#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, tahoma, arial, helvetica, sans-serif;
  display: block; 
  float: left; 
  height: 7px;
  text-decoration: none; 
  margin: 5px 12px 0px 4px;
  padding: 7px;
  text-transform: uppercase;
  font-size: 90%;
  font-weight: bold;
} 

#menu, #menu li a
{ background: #F8DE6E;
  color: #6C6F70;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #F8DE6E;
  color: #FFF;
  border-color: #F8DE6E;
 text-decoration: underline;
}

.spacer {
padding:10px
}

/* side_bars left and right */

.side_bar {
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;
}

#sitelogo h1 {
	float: left;
	padding: 2px 0px 0px 0px;
	margin: 9px 15px 0px 15px;
	font-size:24px;
	color:#ffffff;
	font-weight:700;
	background: transparent;
	font-family: "arial narrow", Arial, Helvetica, sans-serif;
}

#sitelogo img {
border:hidden;
margin: 0px 0px 0px 0px;
}

#banner{
float: right;
margin: 0 auto;
padding-top: 10px;
}

