/***--------------------------------------
------------------------------------------
    Layout by Alt-Web Design and Publishing 
	http://www.alt-web.com    
	January 2009
-------------------------------------------
-------------------------------------------
***/

/** zero out default browser margins, padding and borders for all site elements below**/
body,h1,h2,h3,h4,h5,table,td,th,tr,p,ol,ul,li,form,input{
	margin:0;
	padding:0;
	border:0;
	line-height:1
}

/**For non-IE browsers**/
html,body {font-size:90%; height:100%; margin-bottom:1px; /**adds scrollbar in Mozilla**/}

/**For IE only**/
*body {font-size:76%; zoom: 1;}

body {
	background: #3A5619 url(bg-grad.jpg) top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}

#Wrapper {
	width: 970px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	/**drop shadows; you may omit these borders**/
	border-left: 2px solid #000;
	border-right: 2px solid #000; 
    border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

#Header {
    position: relative;
	text-align: left;
	background-color:#7CB92E;
	color: #000;
	margin: 0 auto;
	height: 180px; /**same height as image or omit this property**/
}

#Sitename {
  float: right;
  position: absolute;
  text-align: right;
  bottom: 20px;
  right: 20px;
}

#Sitename h1 {
  font-size:24px;
}
#Sitename h2 {
  font-size:12px;
}

/**Main Menu**/
#navcontainer{
background: url(menubar.jpg) repeat-x center;
height: 42px;
}

#menu {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 0 10px;
	list-style-type: none;
	font-size: 13px;
	height: 40px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

#menu li {
	float: left;
	margin: 0;
}

#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 40px;
	color: #CCFF33;
}

#menu li a:hover, #menu li.active a {
	background-color: #547F24;
	border-bottom: 1px dotted #000;
	color: #CCFF33;
}

/** Main **/

#MainContent {background: #7CB92E; text-align:left; color:#000;}

#MainContent ul, #MainContent li, #MainContent p, #MainContent h1, #MainContent h2, #MainContent h3, #MainContent table.agenda{ margin-left: 20px; margin-right: 20px;}

#MainContent .agenda {
  border-top:1px solid #000; 
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}

#MainContent li {
	margin-left:40px;
	padding-bottom: 5px;
	list-style-type: square;
}
#MainContent p {line-height:1.5}

/**Regular Links**/
a{color:#CCFF33; font-weight: 700; text-decoration: none}
a:visited {color:#CCFF33; text-decoration:none}
a:hover,a:active,a:focus{text-decoration: underline}
a img{border: none;}
img a:hover {border: none}

/**Text styles**/
h1,h2,h3,h4,h5 {font-size:1.2em; line-height:1.8em; color:#000;}
p {font-size: 1em; line-height:1}

/**Misc classes**/
.bold {font-weight: bold;}
.left {text-align: left}
.center {text-align: center}
.right {text-align: right}

/**Floats**/
.floatRight {float:right; width:40%; height:auto; margin:0;}
.floatLeft { float: left; width: 40%; height:auto; margin:0}
.clearfloat {clear:both; height: 1px; width: 100%}


#Footer {
	text-align: left;
	padding: 10px;
	color: #000;
	background: #7CB92E;
	border-top: 1px dotted #000;
}

.footertext {
	text-indent: 75px;
	font-size:0.85em;
}