/*
	Structural Items
*/

* {
	margin: 0px;
}

body {
	width: 90%;
	min-width: 800px;
	margin-left: 20px;
	margin-top: 10px;
	background: url("../images/mainNavBack.jpg") repeat-y;
	background-position: left;
}

div.header {
	clear: both;
	background: url("../images/greenbartop.jpg") repeat-x;
	background-position: top;
	background-color: #DDFFDD;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}


div.mainnav {
	width: 20%;
	float: left;
	background-color: #DDFFDD;
	border: solid 1px #000088;
	color: #004400;
}

div.nothercontainer {
	width: 60%;
	min-width: 600px;
	float: right;
}

div.content {
	width: 70%;
	min-width: 420px;
	float: left;
	padding-left: 5px;
	color: #004400;
}

div.secondarynav {
	width: 25%;
	min-width: 160px;
	float: right;
	background-color: #DDFFDD;
	border: solid 1px #000088;
	color: #004400;
        text-align: center;
}


div.footer {
	clear: both;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background: url("../images/greenbar.jpg") repeat-x;
	background-position: bottom;
	background-color: #DDFFDD;
	color: #004400;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

/*
	Anchor stuff
*/

a {
	color: #004400;
}

a:hover {
	color: #008960;
}

a:visited {
	color: #448844;
}

/*
	Assorted block items
*/
div.mainnavitem {
	clear: both;
	/*height: 30px;*/
	border: solid 1px #004400;
	background: url("../images/greenbar.jpg") repeat-x;
	background-position: bottom;
	padding: 5px;
}

.navheader {
	padding-left: 5px;
	font-style: italic;
}

div.article {
	float: right;
	width: 98%;
	/*border: solid 1px #004400;*/
	padding-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*
	Decorating the Tags
*/

h1, h2 {
	color: #008960;
}

p { 
	width: 90%;
	padding-bottom: 5px;
}

p:first-letter {
	padding-left: 25px;
}

hr.spacebreaker {
	width: 90%;
	clear: both;
	color: #BBFFBB;
	height: 1px;
}

/*
	GREENBAR is a decorative things to help keep things neat and pretty
*/
.greenbar {
	height: 30px;
	background-color: #BBFFBB;
	background: url("images/greenbar.jpg") repeat;
	border: solid 1px #000088;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	text-align: center;
	vertical-align: middle;
	color: #83005F;
	float: none;
}


/*
	Form Items

	
	FormRows contain labels and inputs in a horizontal row.
	FormLabels contain the left hand label of the formrow
	forminputs contain the righthand inputs of the formrow
	formbuttons centers button objects within a formrow
*/
.formrow {
	width: 95%;
	float: none;
	padding-bottom: 3px;
	margin-top: 2px;
}

.formlabel {
	width: 30%;
	float: left;
	text-align: right;
	padding-right: 3px;
	background-color: #E0FFE0;
}

.forminput {
	width: 65%;
	float: left;
	text-align: left;
	padding-left: 5px;
}

.formbuttons {
	width: 98%;
	text-align: center;
}

/*
 The toplist creates a menu that runs under the header but over everything else
*/

div.toplist {
	width: 100%;
	height: 30px;
	clear: both;
	background: url("../images/greenbar.jpg") repeat-x;
	background-position: bottom;
	background-color: #DDFFDD;
	padding-bottom: 5px;
	/*text-align: center;*/
}

ul.toplist {
	display: inline;
}

a.toplist {
	display: inline;
	padding-left: 15px;
	padding-right: 10px;
	/*border-right: solid 1px #004400;*/
	min-width: 100px;
	text-align: center;
}

a.toplist:hover {
	background-color: #004400;
	color: #EEFF44;
}

/*
	TOPLINK
*/

div.toplink {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
	float: left;
	/*border-left: solid 1px #004400;*/
	border-right: solid 1px #004400;
}


a.toplist:hover {
	background-color: #004400;
	color: #EEFF44;
}


/*
	Comments
*/
body.commentpage {
	width: 460px;
	background-color: #DDFFDD;
}

fieldset.commentform {
	width: 400px;
	margin-bottom: 5px;
}

div.comment {
	width: 450px;
	border: solid 1px #004400;
	background-color: #FFFFFF;
	padding: 3px;
	margin-bottom: 3px;
}