@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/template/bk.gif);
}

a:link, a:active
{
	color:#666666;
	text-decoration:none;
}

a:visited, a:hover
{
	color: #669900;
	text-decoration:none;
}

#wrap {
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#wrapbk {
	width:960px;
	height:auto;
	float:left;
	background:url(../images/template/wrap.gif);
	background-repeat:repeat-y;
}

#wrapbkbtm {
	width:960px;
	height:1px;
	float:left;
	background-image:url(../images/template/wrapbottom.gif);
	background-position:bottom;
}

#content { 
	padding-left: 30px;
	padding-right:30px;
}

.bannerblock
{
	float:left;
	width:900px;
	height:auto;
	padding-bottom:20px;
	padding-top:10px;
}


/* LEFT BLOCK */

.links {
	width:200px;
	height:auto;
	float:left;
	padding-bottom:20px;
}

/* RIGHT BLOCK */

.mainblock {
	width:670px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:120%;
	color:#666;
}

/* BOTTOM BLOCK */

#bottomblock
{
	float:left;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	padding-top:10px;
	padding-bottom: 20px;
	margin:0px;
}

.bottomlinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: normal;
	color:#666666;
}

#bottomgrey { 
	float: left;
	width: 900px; 
	height: 8px;
	background-image:url(../images/template/bar.gif);
	background-repeat:repeat-x; 
	}
	
/* MENU */

.arrowgreen{
	width: 200px; /*width of menu*/;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	color:#666;
	display: block;
  height: 26px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 20px;
	line-height: 26px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #666;
}

.arrowgreen li a:hover{
	color: #666;
	background: transparent url(../images/links/linkbk.gif) 100% 0;
}

	
.arrowgreen li a.selected, .arrowgreen li #current{
	color: #666;
	background: transparent url(../images/links/linkbk.gif) 100% 0;
}

/* ELEMENTS */

.light { font-weight:lighter; }

.green { color:#669900; }

.white { color:#FFF; }

.grey { color:#666666; }

.line { padding-top:5px; padding-bottom:5px; height:7px; width:670px; float:left;  background-image:url(../images/template/dots.gif); background-repeat:no-repeat; }



/* TYPE */

.pagehead { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:15px; color:#663300; }

.shead { font-family:Georgia; font-weight:normal; font-size:20px; line-height:120%; color:#663300; }

.sheadgrey { font-family:Georgia; font-weight:normal; font-size:20px; line-height:120%; color:#666666; }

.firstpara { font-family:Georgia; font-weight:normal; font-size:16px; line-height:120%; }

.sectionheadgreen { font-family:Georgia; font-weight:normal; font-size:14px; line-height:120%; color:#669900; }

.sectionheadgrey { font-family:Georgia; font-weight:normal; font-size:14px; line-height:120%; }


/* ANIMATED MENU */

.applemenu{
margin: 0px 0;
padding-bottom:10px;
width: 670px; /*width of menu*/
}

.applemenu div.silverheader {
font-family:Georgia; font-weight:normal; font-size:14px; line-height:120%; color:#669900;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-top: 10px;
padding-bottom:10px;
padding-left: 0px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
padding-top:5px;
padding-left:5px;
padding-bottom:6px;
height: auto;
background-color:#E6E6E6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:120%;
color:#666;/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

/* FORM */

.cssform p{
width: 470px;
clear: left;
margin: 0;
padding: 15px 0 15px 0;
padding-left: 200px; /*width of left column containing the label elements*/
border-top: 1px solid #96b23c;
background:url(../images/contact-us/formbkgland.gif) repeat-y right;
height: 1%;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: -200px; /*width of left column*/
width: 195px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 400px;
height:18px;
}

.cssform textarea{
width: 400px;
height: 150px;
}

.smalltext {font-size:9px; }

.required {color:#96b23c; }

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666666;
font-weight:normal;
padding: 8px 8px;
background:url(../images/contact-us/formbg.gif) repeat-x left top;
}

.formline {
	width: 670px;
	height: 10px;
	border-top: 1px solid #96b23c;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}