/*****************/
/* global stuff */
/***************/
h1, h2, h3, h4, p, a, form, input, li, ul, body, div{
	margin:0;
	padding:0;
}

a{
	outline: none;	
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a:hover{
	text-decoration: none;
}

h1, h2, h3, h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;	
}

p, label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-bottom:4px;
}

body { behavior:url("csshover.htc"); }

/******************/
/* Site specific */
/****************/
html,body{
	text-align: center;
	background-color: #FFFFFF;
	height:100%;
}

#wrapper{
	position:relative;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height:auto !important; /* needed to keep the footer in place?? */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	padding-top: 22px;
}

#header{
	
}

#logo{
	padding-bottom: 11px;
	
}

#logo h1{
	display: none;	
}

#banner{

}



table{
	border-collapse: collapse;
	color: #333333;
	width:100%;
}
table p {
	color: #333333;
}

table td {
	border: 1px solid #FFFFFF;
	padding:4px;
	padding-left:8px;
	padding-top:14px;
}




  /**************/
 /* Menu stuff */
/**************/
#menu{
	width: 324px;
	position: absolute;
	left: 380px;
	top: 39px;
	height: 40px;
}

#menu ul{
	list-style-type: none;	
}

#menu li{
	
}

#menu li a span{
	display:none;
}

#menu li#home a{
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -34px;	
	
	height: 35px;
	width: 69px;	
	
	position: absolute;
	left: 0px;
	top:  0px;
}

#menu li#home a:hover{	
	background-position: 0px top;			
}

#menu li#home .selected{	
	background-position: 0px top;
}

#menu li#products  a{
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -70px -34px;
	
	height: 31px;
	width: 71px;	
	
	position: absolute;
	left: 70px;
	top: 0px;
}
#menu li#products a:hover{
	
	background-position: -70px top;	
}

#menu li#products .selected{	
	background-position: -70px top;
}

#menu li#request  a{
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -140px -34px;
	
	height: 34px;
	width: 101px;	
	
	position: absolute;
	left: 140px;
	top: 0px;
}
#menu li#request  a:hover{	
	
	background-position: -140px top;	
}

#menu li#request .selected{	
	background-position: -140px top;	
}

#menu li#contact  a{
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -240px -34px;
	
	height: 28px;
	width: 82px;	
	
	position: absolute;
	left: 240px;
	top: 0px;
}
#menu li#contact a:hover{		
	
	background-position: -240px top;	
}

#menu li#contact .selected{	
	background-position: -240px top;	
}

#menu li a{
	color: #C4E3FD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;	
}

#menu .selected a,
#menu .selected a:hover{	
	cursor:default;	
}





#main{
	width: 100%;
	padding-bottom: 120px;
}

#main a{
	color: #959595;	
}

#main a:hover{
	color:#E88920;
}

#main a#file{
	color: #669933;	
	text-decoration: underline;
}

#main a#file:hover{
	color:#58852C;
}


#main #lCol{
	float: left;
	width: 450px;
	padding-top: 44px;
	padding-bottom: 22px;
}

#main #lCol a{
	color: #669933;
	text-decoration: underline;
}

#main #lCol a:hover{
	color:#58852C;
}

#main #lCol p{
	padding-left: 0px;
	padding-bottom:11px;
	
	font-size: 12px;
	color: #959595;
}


#main #lCol h2,
#main #lCol h3,
#main #lCol h4{
	font-size: 14px;
	font-weight: bold;	
	color: #898989;
	
	margin-top: 6px;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 18px;	
}
#main #lCol img{
	padding-left: 8px;
	padding-bottom: 11px;
	padding-top: 5px;
}

#main #lCol #subMenu ul{
	list-style-type: none;
	text-align: left;
	padding-left: 33px;
}

#main #lCol #subMenu li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
	font-weight: normal;	
}

#main #lCol #subMenu li a{
	color: #333333;
}

#main #lCol #subMenu li a:hover{
	color: #003300;

}

#main #lCol #subMenu .selected a,
#main #lCol #subMenu .selected a:hover{
	color: #003300;
	cursor:default;	
}

#main #rCol{
	float: right;
	width: 208px;
	padding-right: 0px;
	padding-left: 5px;
	
	margin-top: 51px;
	background-image: url(../images/news.gif);
	background-repeat: no-repeat;
	background-position: 2px top;
	padding-bottom: 22px;
}

#main #rCol p{
	padding-left: 0px;
	padding-bottom:11px;
	
	font-size: 12px;
	color: #959595;
}


#main #rCol h2,
#main #rCol h3,
#main #rCol h4{
	font-size: 14px;
	font-weight: bold;	
	color: #898989;
	
	margin-top: 11px;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 18px;	
}

#main #rCol .newsBox{
	padding-bottom:16px;	
}

#main #rCol #myspace{
	margin-top:33px;	
}

#clearBox{
	clear:both;
	padding-bottom: 110px;
}

*html #clearBox{
	clear:both;
	padding-bottom: 0px;
}

#footer{
	height: 90px;
	border-top-width: 11px;
	border-top-color: #EBEBEB;
	border-top-style: solid;
	position: absolute;
	bottom: 0px;
	padding-top: 5px;
	width: 700px;	
}

#footer img{
	position: absolute;	
}

#footer P,
#footer a{
	color:#666666;
}

#footer a:hover{
	color:#E88920;
}

#footer #flCol{
	float:left;
	width: 300px;
	text-align:left;	
	
}
#footer #flCol p{
	padding-left:8px;
}

#footer #frCol p{
	float:right;
	width: 300px;
	text-align:right;
	padding-right:8px;	
}





/********************/
/* Mail form stuff */
/******************/

form button{
	border:none;
	height: 22px;
	width:80px;
	font-size: 16px;
	background-image: url(../images/form-button.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 7px;
	text-align: right;
	clear:both;
	background-color: #FFFFFF;
	float:right;	
}

form button:hover {
  background-position: left bottom;
  cursor:pointer;
}




.titlefmtext{
	width:33px;
	border: 1px solid #ACACAC;
	
	float: left; 
	display: block;	
	margin-bottom: 15px;  
	padding: 3px;
	padding-top:0px;
	padding-bottom:0px;
}

.phonefmtext{
	width:150px;
	border: 1px solid #ACACAC;
	
	float: left; 
	display: block;	
	margin-bottom: 15px;  
	padding: 3px;
	padding-top:0px;
	padding-bottom:0px;
}

.mailwrapper {
	text-align: left;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
		height:auto !important; /* needed to keep the footer in place?? */
	height:500px; /* IE6: treaded as min-height*/
	min-height:500px; 
}

form.ddfm h1,
form.ddfm h2 {
	color: #898989;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #898989;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #898989;
}

form.ddfm .required {
	color: #00CC00;
	float: right;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 450px; 
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
}

form.ddfm {
	text-align: left;
	padding: 0px;
	width: 450px; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 40%; 
	text-align: left;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 55%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 55%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 55%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left;
	position: relative;
	width: 55%;
	margin-bottom: 15px;
	padding: 3px;	
	border: 1px solid #ACACAC;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 55%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
	
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 220px;;
	margin-bottom: 15px;  
	padding: 3px;
	padding-top:0px;
	padding-bottom:0px;
	
	border: 1px solid #ACACAC;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	margin-right: 10px;
	width: 95%;
}

form.ddfm .submit {
	margin-top: 15px;
	margin-right: s44px;
	text-align: right;
	clear:both;
	width: 99%;	
}

*html form.ddfm .submit {
	margin-right: 0px;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 55%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}
