body {
        font-family: calibri, sans-serif;
        font-size: 100%;
		line-height: 1.2em;
		margin: 0;
		background: #1f1f1f url('main-bg.gif') top left repeat-y;
}

a {text-decoration:none;color:#00cc00;}

.small {font-size:85%; line-height: 125%;}

	#wrapper {
	width: 880px;
	border: 0px solid blue;
	margin: 0 auto;
	display: block;
	}
	
	#footer {
	color: #777;
	font-size: 95%;
	padding: 1em 0.5em;
	}
	
	#row2 {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	.boxed {
	float: left;
	margin: 10px 5px 0 5px;
	padding: 0;
	}
	
	.boxed a {
	display: block;
	padding: 15px;
	width: 180px;
	height: 75px;
	text-decoration: none; color: #00cc00; font-size: 80%; line-height: 120%;
	background: #000 url('main-bg.gif') top left repeat-y;
	}
	
	.boxed a:hover {
	background: #000 url('hover.gif') top left repeat-y;
	}
	
	h1 {font-size: 200%; line-height: 120%; color: #00cc00; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 0.1em;}
	h6 {font-size: 180%; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 0.1em;}
	
	#header {
	height: 140px;
	}
	
	#topnav {
	float: right;
	width: 505px;
	border:0px solid red;
	text-align: right;
	padding-top: 80px;
	border:0px solid red;
	}
	
	#logo {
	float: left;
	width: 340px;
	border:0px solid red;
	padding: 15px 5px;
	}
	
	img {margin: 0; padding: 0; border: 0;}
	
	#topnav ul {
	float: right;
	}
	
	#topnav ul li {
	display: block;
	float: left;
	padding: 0 5px 0 1.5em;
	border: 0px solid red;
	}
	
	#topnav ul li a {
	font-size: 90%; font-weight: bold; text-transform: uppercase; text-decoration: none;
	color: #fff;
	}
	
	#topnav ul li a.on, #topnav ul li a:hover  {
	color: #00cc00;
	}
	
	#opener {
	padding: 0 5px;
	}
	
	
	.box2 {
	display: block;
	float: left;
	margin: 10px 5px 0 5px;
	padding: 15px;
	width: 400px;

	text-decoration: none; color: #ccc; font-size: 80%; line-height: 120%;
	background: #000 url('main-bg.gif') top left repeat-y;
	}
	
	p {font-size: 125%; line-height: 120%;}
	
	
	
	
	/* the main layout */

#contentForm {
  display: block;
  width: 500px;
  margin: 70px auto;/*this line will center the page*/
  padding: 25px;
  border: 1px solid black;
  background-color: white;
}

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  Width: 120px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
color: #fff;
font-weight: bold;
font-size: 80%;
height: 23px;
width: 150px;
background-color: #00cc00;
border: none;
margin: 1em 0;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-weight: bold;
  background: #00cc00 url(stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}

#map {color: #000;}
#map strong {color: #00cc00;}


#basic-accordian{
	border:0px solid #EEE;
	z-index:2;
}

.accordion_headings{
	padding:5px;
	background:#00cc00;
	color:#FFFFFF;
	border-bottom:1px solid #000;
	font-size: 150%;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#000;
}

.accordion_child{
	padding:0;
}

.header_highlight{
	background:#00cc00;
}