body {margin:0;padding:0;background: #EDF5D8 url(img/bg.jpg) repeat; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:15px}

#wrapper {width:943px;background:url(img/shadow.png) repeat-y;margin:0 auto; behavior: url(iepngfix.htc); }

#maincontainer{width:915px;margin:0 auto; }

#contentwrapper{float:left;width:100%; margin:0px auto; }

#masthead{display:block;clear:both;font-family:Verdana,sans-serif;}
#logo {width:440px;height:93px; padding:7px 0px 5px 20px; margin-bottom:10px}
#action {float:right;width:140px; margin-top:50px}

#nav ul{width:100%;height:30px;margin:0;padding:0; background:url(img/navbg.jpg) repeat-x; padding-top:2px;}
#nav li{list-style-type:none;display:inline;font-size:0.9em;padding:6px 0px 6px 0px;}
#nav li a {text-decoration:none;padding:0px 17px;font-size:14px; border-right:1px solid #bdbdbd}
#nav li a:hover {text-decoration:underline}

a:active, a:link, a:visited {color:#404041;}

#contentcolumn{margin-right:236px;}
#contentcolumn .content {padding:10px 20px}
#rightcolumn{float:left;width:235px;margin-left:-236px; border-left:1px solid #bdbdbd}

#footer{clear:left;width:100%;background:#EAEAEA;color:#000;font:10px Verdana,sans-serif;padding:6px 0;}
#footer a{text-decoration:none;color:#000;}
#footer a:hover{text-decoration:underline; color:#666;}
.bottomnav {padding:5px 7px;width:500px}
.copyright {float:right; text-align:right; padding:5px 7px; width:236px}

.content{margin-top:0;padding:10px;color:#333;font-family:Arial,sans-serif;}
h1, h2, h3, h4 {color:#63759d}
h1 {font:18px Verdana, Arial, Helvetica, sans-serif; line-height:24px;}
h1 span {color:#231f20;}
h2 {font:16px Verdana, Arial, Helvetica, sans-serif; line-height:22px;}
h2 span {color:#231f20; font-size:10px;  font-style:italic}
h3 {font:13px Verdana, Arial, Helvetica, sans-serif; color:#010101; margin-top:8px; margin-bottom:5px; padding:0px;}
h4 {color:#231f20}

#bottom {background:url(img/bottomshadow.png); width:935px; height:13px; margin:0px auto; display:block; behavior: url(iepngfix.htc);}


.about { padding:3px; border:1px solid #aaa; margin:3px 5px 3px 0px;}
.websites {padding:3px; border:1px solid #aaa; margin:5px 5px 5px 7px}
.caption {font-size:9px; font-style:italic}

/* PNG Fix */


/* Contact Form Styles */

#myform {min-height:500px;}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 160px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*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: 180px;
}

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

/*.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;
}

p.first {border-top:none}