body
{
	margin: 0;
	padding: 0;
	background: #ddd;
}

#container
{
	margin: 1em auto;
	width: 650px;
	background: #fff;
}

#header { background: #CF3; 
          height: 200px;
          }
          
#mainnav { background: #9F3; }

#menu
{
	float: left;
	width: 10px;
	background: #FFFFFF;
	
}

#contents
{
	float: left;
	width: 440px;
	background: #ffffff;
	margin: 0 0 0 20px;
}

#footer
{
	clear: both;
	background: #FF9;
}

/* ------------------------------
global styles
------------------------------ */

body
{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background: font-style:normal; font-variant:normal; font-weight:normal; font-size:85%; font-family: arial, helvetica, sans-serif
}

a:link { color: #B52C07; }
a:visited { color: #b93411; }
a:focus { color: #0072c6; }
a:hover { color: #0072c6; }
a:active { color: red; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; }

h2
{
	color: #B52C07;
	font: 140% arial, times, "times new roman", serif;
}

h2 a { text-decoration: none; }

h3
{
	color: #fffff;
	font: font-size:100%; font-family: arial, helvetica, sans-serif;
}

/* ------------------------------
container styles
------------------------------ */

#container
{
	margin: 1em auto;
	width: 650px;
	text-align: left;
	background: #ffffff;
	border: 5px solid #676767;
}

/* ------------------------------
header styles
------------------------------ */

#header
{
	height: 70px;
	width: 100%;
	position: relative;
	background: url('images/logo.jpg') no-repeat 0 0;
	border-bottom: 1px solid #fff
}

#header h1
{
	position: absolute;
	left: -500em;
}


/* ------------------------------
mainnav styles
------------------------------ */

#mainnav
{
	background: #66CC33;
	color: #272900;
	padding: 2px 0;
	margin-bottom: 22px;
}

#mainnav ul
{
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #fff;
}

#mainnav li
{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #fff;
}

#mainnav li a
{
	text-decoration: none;
	color: #272900;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #272900;
}

/* ------------------------------
menu styles
------------------------------ */

#menu
{
	float: left;
	width: 10px;
	border-right: 1px;
	padding-right: 10px;
	border-left: 40px;
	padding-left: 40px;

}

#menu ul
{
	margin: 1em 0;
	padding: 0;
}

#menu ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

/* ------------------------------
contents styles
------------------------------ */

#contents
{
	float: left;
	width: 500px;
	margin: 0 0 0 20px;
}

#contents p { line-height: 150%; }
.textcontent { border-bottom: 1px; }

.textcontent ul
{
	text-align: center;
	margin: 1em 0;
	padding: 0;
	font-size: 95%;
}

.textcontent li
{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 0 0 7px;
}

.imagefloat
{
	float: right;
	padding: 2px;
	border: 1px solid #9FA41D;
	margin: 0 0 10px 10px;
}

.leaflettext
{
    font: Arial;
    font-size:85%
}

/* ------------------------------
footer styles
------------------------------ */

#footer
{
	clear: both;
	color: #272900;
	text-align: right;
	font-size: 90%;
	background: #66CC33;
	padding: 5px;
}


/* ------------------------------
form styles
------------------------------ */

label
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 10em;
}
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
text-align: left;

}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
fieldset
{
border: 1px dotted #781351;
width: 43em
}

legend
{
color: #fff;
background: #ffa10c;
border: 1px solid #781350;
padding: 2px 6px
}