/**************************************************
Swampy version 1.0

This is a W3C compliant XHTML/CSS template.

You are free to use and modify it under the terms
of the Creative Commons Attribution 3.0 License.
This means you can use it however you want and all
you have to do in return is keep the link back to
my website "www.hewison.net" when you use it.

Please visit my site for more free templates to give
any feedback. I'd love to know if it has been useful
for you.

GLHF :)
**************************************************/

/*** COMMON HTML ***/

body {
	font: 10px Verdana, sans-serif;
	word-spacing:2px;
	color:#444;
	margin:0px;
	background:#FFFFFF;
}

* {
	margin:0;
	padding:0;
}

a {
	color:#00B707;
}

a:hover {
	text-decoration:none;
}

a:visited {
	color:#00AA80;
}

hr {
	color: #008000;
	background-color: #008000;
	height: 2px;
}

blockquote {
	margin:0 0 0 20px;
	border-left:5px solid #F6F7E7;
}

/*** WRAPPER ***/

#wrapper {
	background:#FFFFFF;
	max-width:900px;
	min-width:760px;
	margin:0 auto;
}

/*** HEADER ***/

#header {
	padding:0 0 166px 0px;
	/*margin:0 0 100px 0;*/
	background:url(images/header-bg.jpg) no-repeat;

	width: 900px;
	height: 0px;
}

#header h1 {
	/*padding:55px 0 0 0;*/
	margin:0 0 10px 0;
	color:#99CC00;
	font:190% Verdana;
	text-transform:uppercase;
	text-decoration:none;
}

#header h1 a {
}

#header form input {
	width:80%;
	margin:0;
	padding:1px 0 1px 0;
	border:1px solid #CCCCCC;
}

#header form input.submit {
	width:25px;
	font-size:90%;
	padding:2px 0 2px 0;
}

#header-form {
	position:relative;
	top:0;
	right:0;
	font:80% verdana;
	float:right;
	width:165px;
	height:130px;
	padding:5px 10px 5px 10px;
	background:url(images/header-span-green-bg.jpg) bottom right repeat-x;
	
	overflow: hidden;
}

/*** MENU ***/

#menubar {
	background:#008000;
	height:20px;
	
	overflow: hidden;
}

#menuitems ul {
	display: inline;
	list-style-type: none;
}

#menuitems li {
	list-style:none;
	float:left;
	height:20px;
	font-size: 8px
}

#menuitems li a {
	font: 12px Verdana;
	color:#FFFFFF;
	height:20px;
	width:auto;
	
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;

	background:#008000;
	border-right:1px solid #FFFFFF;
	vertical-align: middle;
	
}

#menuitems li a:hover {
	border-bottom:5px solid #005500;
	font-weight: 700;

}

#menuitems li a em {
	font-style:normal;
}

/*** SIDEBAR ***/

#sidebar {
	width:240px;
	float:left;
	margin:20px 0 0 0!important;
	background:url(images/sidebar-green-bg.jpg) top right repeat-x;
}

#sidebar h1 {
	color:#00B707;
	font:140% Verdana;
	padding:10px 10px 0 10px;
}

#sidebar p {
	padding:5px 15px;
	margin:0 0 10px 0;
	font: 85%/1.4em verdana;
}

#sidebar p.first {
	padding:10px;
	font-size:110%;
}

#sidebar p.links {
	padding:0 10px 10px 10px;
	font-size:100%;
}
#sidebar h2 {
	font:140% Verdana;
	color:#00AA80;
	border-bottom:5px solid #FFFFFF;
	margin:10px;
}

#sidebar h3 {
	font:90% Verdana;
	margin:0 10px;
	color:#333333;
	font-weight:bold;
}

#sidebar ul,ol {
	margin:0 0 0 30px;
	padding:5px;
}

#sidebar ul li {
	padding:3px;
}

#sidebar form {
	padding:10px;
	margin:5px;
	background:url(images/sidebar-green-bg.jpg) top right repeat-x;
}

#sidebar form label {
	font-size:90%;
	display:block;
}

#sidebar form input {
	width:96%;
	border:1px solid #ddd;
	padding:4px;
	margin:2px 0 5px 0;
}

#sidebar form input.submit {
	width:50%;
	padding:4px;
}

#sidebar form textarea {
	width:96%;
	border:1px solid #ddd;
	padding:4px;
	margin:5px 0 10px 0;
}

/*** CONTENT ***/

#content {
	margin:20px 0 0 260px !important;

	text-align: justify;
}

#content p {
	line-height:13px;
	margin:5px 15px 0 15px;
	padding:5px;
}

#content h1 {
	font:150% Verdana;
font-weight: bold;
color:#00B707;
	margin:2px 0 5px 0;
	padding:10px 10px 5px 10px;
	background:url(images/content-h1-grey.jpg) top repeat-x;
}

#content h1 a {
	color:#333333;
	font-weight: 700; 

}

#content h2 {
	font:140% Verdana;
	color:#333333;
	margin:2px 0 5px 0;
	padding:10px 10px 5px 10px;
}

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

#content h3 {
	font:bold 110% Verdana;
	color:#444444;
	margin:15px 15px;
}

#content h3 a {
	color:#333333;
	text-decoration:none;
}

img.left {
	float:left;
	margin:10px;
}

#content p img {
	
	margin:10px;
}

#content img {
	margin:5px;
}



#content ul {
	margin:0 0 10px 40px;
}

#content ul li {
 	list-style-type: square;
 	list-style-position: outside;
}

/*** FOOTER ***/

#footer {
	margin:10px 0 0 0;
	border-top:5px solid #F6F7E7;
	padding:10px 0 0 0;
	font:70% Verdana;
	color:#808080;
}

#footer a {
	color:#808080;
	text-decoration:none;
}

/*** END OF STYLESHEET ***/