body { 
margin: 0px 0 10px 0; 
padding:0; 
font: 80% Arial, sans-serif;
color:#204395;  
background: url(../images/background.gif) top left repeat #FFFFFF;
}


p {
margin: 15px 0px 15px 0px;
padding: 0;
color: #204395;
background: none;
text-align: left;
}


a {
color: #232323;
background: inherit;
text-decoration:underline;
}



a:hover {
background: inherit;
text-decoration:underline;
color: #0033FF;
}



.img {
border: none; 
background:none;
}


h1{
color:#204395;
font-size:155%;
font-weight:bold;
letter-spacing: -0.055em;
}


h1 a { background: inherit; color: #204395; text-decoration: none; }
h1 a:hover { text-decoration: none;  }


h2{
color:#6B6400;
margin-left: 7px;
font-size:500%;
font-weight:bold;
letter-spacing: -0.05em;
}


h2 a { color: #696969; text-decoration: none; }



h3{
color:#204395;
font-size:105%;
font-weight:bold;
}





.imgLeft {
padding: 0px 15px 5px 0;
/*margin-left: 100px;*/
float: left;
}




.imgRight {
padding: 0px 5px 10px 15px;
/*margin-left: 100px;*/
float: right;
}





/*-------Container-------*/



#container {
width: 920px;
margin: 0 auto;
padding: 0;
background:#FFFFFF;
border: solid thin #666666;
border-left: 7px solid #666666;
border-bottom: 7px solid #666666;

}



/*-------Logo-------*/

#content {
width: 840px;
margin: 0 auto;
padding:0;
}




/*-------Logo-------*/

#logo {
width: 840px;
height: 100px;
margin: 0 auto;
padding:0;
}


/*-------Header-------*/



#header {
width: 840px;
margin: 0 auto;
padding:0;
}





/*-------Navigation-------*/


#navigation {
width:840px;
margin: 0 auto;
padding: 0px;
background: #204395;

}

.solidblockmenu{
margin: 0 auto;
padding: 0;
float: left;
width: 840px;
border-width: 0px;
background: #666666;
font-weight: bold;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #fff;
padding: 10px 20px;
text-decoration: none;
border-right: 1px solid #fff;
}

.solidblockmenu li a:visited{
color: #FFF;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #FFFFFF;
background: #204395;
}




/*-------General-------*/



#general {
width: 840px;
margin: 0 auto;
padding:0;
}


#general li {
  list-style: none;
  background-image: url(../images/pallet-bullet.gif);
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 36px;  /* space for the image */
  margin-bottom: 10px;
margin-right: 0;
}



/*-------Buttons-------*/



#buttons {
width: 840px;
margin: 0 auto;
padding:0;
}



/*-------CHOICES-------*/


#button1 {
width:168px;
float:left;
padding-bottom:10px;
}

#button2 {
width:168px;
float:left;
padding-bottom:10px;
}

#button3 {
width:168px;
float:left;
padding-bottom:10px;
}

#button4 {
width:168px;
float:left;
padding-bottom:10px;
}

#button5 {
width:168px;
float:left;
padding-bottom:10px;
}





.clearboth { clear: both; }






/*-------Footer-------*/

#footer {
width: 840px;
margin: 10px 0 0 0;
padding: 9px 0 0 0;
border-top: dotted thin #204395;
border-bottom: dotted thin #204395;
}

#footer p {
margin: 0 0 0 0px;
padding: 0px;
text-align: left;
font-size: 76%;
}

#footerBH {
width: 840px;
margin: 5px 0 5px 0;
padding: 0px;
}

#footerBH p {
margin: 0px;
padding: 0px;
text-align: right;
font-size: 76%;
}


/*-------FORM-------*/



.cssform p{
width: 650px;
clear: left;
margin: auto 0;
padding: 10px;
padding-left: 170px; /*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;
}


#map {
width: 840px;
margin: 0;
padding: 0px;
}