/* ******* Assembled by Adrian M Dobson: Refs: Eric Meyer on CSS and CSS 2.0 ******** */

body	
{
background: #666699 url(images/back1.jpg) bottom left fixed repeat-x;
margin: 0;
padding:0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
border-width:4px 0 0 0;
border-style:solid;
border-color:#8D629D;
}


h3
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
font-weight:bold;
font-style:normal;
}


h4
{
font-family: Verdana, Arial,Helvetica, sans-serif;
font-size: 12px;
color: #000066;
font-weight:normal;
font-style:normal;
}  


h5
{
font-family: Verdana, Arial,Helvetica, sans-serif;
font-size: 10px;
color: #000066;
font-weight:normal;
font-style:normal;
} 


table#maintable
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #222222;
background-color:#E7E6FF; 
width: 746px;
padding:0;
border-width:1px;
border-style:solid;
border-color:#222222;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

td#maincontent
{
width:606px;
padding: 10px;
height:500px;
vertical-align:top;
}



td#banner_img
{
background-image: url(images/banner/bannerback.jpg);
}

td#banner_ul
{
background-color:#E7ccFF; 
border-width:0 0 2px 0;
border-style:solid;
border-color: #999999;
padding: 0 0 2px 0;
margin:5px;
empty-cells:show;
}

td#banner_print
{
display:none
}


/**** forms ******/

.warning {
color:#CC0000;
margin-bottom:20px;
}

.red {
color:#CC0000;
}

#responseform {
font-size:11px;
font-weight:bold;
color:#3F4E64;
width:266px;
margin-top:-10px;
}

input.text {
border:1px solid #bbbbbb;
background:#cacaee;
width:318px;
height:18px;
font-size:11px;
font-weight:normal;
color:#3F4E64;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;
}

textarea {
border:1px solid #bbbbbb;
background:#cacaee;
width:318px;
font-size:11px;
font-weight:normal;
color:#3F4E64;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#responseform label {
display:block;
margin:4px 0px 2px 0px;
float:left;
clear:both;
}

#responseform select {	/*combo */
width:320px;
height:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#3F4E64;
border:1px solid #CCCCCC;
background:#cacaee;
float:left;
clear:both;
margin-bottom:16px;		/* make space for radio buttons */
}

#radsnack {
float:left; 
margin:2px 0px 8px 0px; 
height:20px; 
clear:both; 
width:318px;
}

label.radlabelloc {
float:left;
margin-top:2px;
clear:none !important;
}

input.radio {
float:left;
}

#rel {
position:relative;
width:318px;
}



input.submit {
clear:both;
display:inline;
border:1px solid #888888;
background-color:#A8BCCC;
margin:10px 10px 0px 0px;
width:100px;
height:25px;
font-size:11px;
font-weight:normal;
color:#3F4E64;
font-family: Verdana, Arial, Helvetica, sans-serif;;
}



/*** dbase tables ***/

table.dbase
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
width: 560px;
border-width:1px 0 0 1px;
border-style:solid;
border-color: #a0a0a0;
margin-left:20px;
}

table.dbase td
{
border-width:0 1px 1px 0;
border-style:solid;
border-color: #a0a0a0;
vertical-align:top;
padding: 10px;
}

table.dbase .webcoststitle
{
background:#D3D7EB;
}


/*** web and data tables & general ***/

table.web
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
width: 500px;
border-width:1px 0 0 1px;
border-style:solid;
border-color: #a0a0a0;
margin-left:40px;
}



table.web td
{
border-width:0 1px 1px 0;
border-style:solid;
border-color: #a0a0a0;
vertical-align:top;
padding: 10px;
}

table.web .item
{
width: 60px;
}

table.web .cost
{
width: 100px;
}

table.web .webcoststitle
{
background:#D3D7EB;
}



/*** index tables ***/

table td#indextitle
{
font-size: 11px;
color: #222222;
font-weight: bold; 
text-align:center;
padding:0 10px 20px 10px;
}


table.wwd
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #444444;
width: 586px;
margin:0 0 20px 0;
}


td.wwdheading
{
background-color:#A2BDDF;
font-weight: bold; 
text-align:center;
border-width:3px 0 0 0;
border-style:solid;
border-color: #7685C9;
}


/* there is a lot of rep in next 3 defs, can we have a sub class ? */

td.wwdsubc
{
background-color:#e0e0ef; 
width: 230px;
padding:4px 8px;
text-align:left;
border-width:3px 0 0 0;
border-style:solid;
border-color: #9DA8D9;
vertical-align:top;
}

td.wwdsubc2
{
background-color:#d8d8ef; 
width: 230px;
padding:4px 8px;
text-align:left;
border-width:3px 0 0 0;
border-style:solid;
border-color: #9DA8D9;
vertical-align:top;
}

td.wwdsubc3
{
background-color:#d0d0ef; 
width: 230px;
padding:4px 8px;
text-align:left;
border-width:3px 0 0 0;
border-style:solid;
border-color: #9DA8D9;
vertical-align:top;
}


/*** contact page ***/

table.contact
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
width: 500px;
border-width:1px 0 0 1px;
border-style:solid;
border-color: #a0a0a0;
margin-left:40px;
}



table.contact td
{
vertical-align:top;
padding: 10px;
border-width:0 1px 1px 0;
border-style:solid;
border-color: #a0a0a0;
}


table#contactlist
{
margin-left:0px;
}

table#contactlist td
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
border:0;
padding:0 10px 10px 0;
}




table.contact .webcoststitle
{
background:#D3D7EB;
}




/*** ------------- ***/




table#apps1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #222222;
background-color:#E7E6FF; 
text-align:justify;
}

table#apps1 td
{
border-width:0 0 1px 0;
border-style:solid;
border-color: #cccccc;
}


td.appstext
{
padding: 20px 10px 5px 10px;
border-width:0 0 0px 0;
border-style:solid;
border-color: #cccccc;
}

.appssubtitle {
/* not used */
float:left;
background-color:#E7ccFF;
color: #666666;
font-size: 11px; 
font-weight: bold; 
padding:5px 3px 2px 3px ;
margin: -5px 0 10px 0;
border-width:0 0 2px 0;
border-style:solid;
border-color: #bbbbbb;
text-align:left;
}



td#footer
{
font-size: 10px;
text-align: center;
border-width:1px 0 0 0;
border-style:solid;
border-color: #999999;
padding:4px;
}

.content_title
{
color:#880088;
}

.contentheader {
background-color:#8682D9;
color: #BCB9EA;
font-size: 11px; 	
font-weight: bold; 
padding:2px 3px ;
margin: -8px 0 0 -8px;
float:right;
display:none;
}


.subtitle {
float:left;
background-color:#E7ccFF;
color: #444444;
font-size: 11px; 
font-weight: bold; 
padding:2px 3px ;
margin: -5px 0 10px 0;
border-width:0 0 2px 0;
border-style:solid;
border-color: #888888;
text-align:left;
}



.floatpicright {
float:right;
padding:2px;
margin: 5px;
}


/* ******   navigation  ******* */

td#leftnav
{
width:140px;
border-width:0 1px 0 0;
border-style:solid;
border-color: #CCCCCC;
padding:0px;
vertical-align:top;
height:200px;
}



td#leftnav a
{
display: block;
margin:0 3px 0 3px;
padding: 1px 5px 1px 2px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066ff;
font-weight: normal; 
font-style:normal;
background-color:#E7E6FF; 
border-bottom-width :1px;
border-bottom-style:solid;
border-bottom-color:#0066ff;
text-decoration: none;
}

td#leftnav a:hover
{
background-color:#E7ccFF;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #0000ff;
color: #880088;
}


/* currently selected item styled in each page */


td#leftnav2 
{
width:140px;
border-width:0 1px 0 0;
border-style:solid;
border-color: #ff0000;
padding:0px;
vertical-align:top;
color:red;
text-align:center;
}



td#footer a
{
font-size: 10px;
}


a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066ff;
font-weight: normal; 
font-style:normal;
text-decoration: none
}


a:hover
{ 
color: #880088;
text-decoration: underline;

}


a:visited
{
}



   
/* ******   form  ******* */


table#formtable
{
width: 400px;
xheight: 460px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
margin:0 20px;
}

table#formtable td
{
border:0;
}


table#formtable td.form_title
{
font-weight:bold;
text-align: center;
font-size: 11px;
padding:0 0 0 0;
border-width:1px 0 1px 0;
border-style:solid;
border-color:#999999;
height:20px;
vertical-align:middle;
}


table.contact .thankyou
{
font-weight:bold;
color:#2B09CA;
padding:0 0 2px 0px;
margin-bottom:20px;
}

table.contact .error
{
font-weight:bold;
color:#C00;
padding:0 0 2px 0px;
margin-bottom:20px;
}



table#formtable td.form_lbl
{
font-weight:bold;
text-align: right;
font-size: 11px;
vertical-align:top;
padding:8px 4px 0 0;
height:20px;
}


table#formtable td.form_txtbox
{
text-align: left;
font-size: 11px;
vertical-align:top;
padding:8px 4px 0 0;
height:20px;
}



table#formtable td.form_button
{
height:50px;
}




/* ******   lists  ******* */

ul
{
margin-top:-2px ;
}


ul li
{
font-size: 11px;
list-style-position: outside;
padding: 3px 0 0 0;
}

ul#dbasenav1
{
margin-top:4px ;
}

ul li.dbasenav
{
list-style-image: url(images/bullet2.gif);
padding:2px 0 4px 0 ;
}
	
	
	
	
/* these take a list and create a horizontal menu */
ol.menu
{
padding-top:0;
border:none;
margin:0;
}

li.title
{
display:inline;
padding-left:0px;
padding-right:4px;
color:#FEDC07;
font-size: 80%;
font-weight:bold;
}

li.first
{
display:inline;
padding-left:0px;
padding-right:4px;
border-right: 1px solid #8888ff;
}

li.inline
{
display:inline;
padding-left:3px;
padding-right:4px;
border-right:1px solid #8888ff;
}

li.last
{
display:inline; 
padding-left:3px;
}

li.hidden 
{
display:inline; 
padding-left:0px; 
color:#000000;
}

/* control the positioning ofthe list*/
.h_nav 
{
padding:5px 0; 
margin:0 0 30px 0; 
border-bottom:0px #bbbbbb solid;
text-align:left;
}