/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* -- GENERAL REDECLARATIONS -- */

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{
	text-align:center;
	background: #f2f3e0 url("../images/green.gif") repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000;
	height: auto;
}


a {outline: none;}

a:link {
	color: #000;
	text-decoration: underline;
	letter-spacing: normal;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #F49707;
	text-decoration: underline;
}
a:active {
	color: #F49707;
	text-decoration: none;
}

#header a:visited,
#header a:link,
#content-side a:visited,
#content-side a:link,
#footer a:visited,
#footer a:link {color: #fff;text-decoration: none;}

#header a:hover,
#content-side a:hover,
#footer a:hover {color: #F49707;text-decoration: underline;}


ul, ol	 		{margin:0 0 10px 25px;}
dl 					{margin:0 0 10px;}
dt 					{font-weight:bold;}
dd					{margin:0 0 3px 10px;}
p 					{margin:0 0 15px;}
h1 					{font-size:18px; margin:0 0 12px;color: #39434A;}
h2 					{font-size:16px; margin:8px 0;color: #85C447;}
h3 					{font-size:14px; margin:6px 0 5px;color: #39434A;}
h4 					{font-size:13px; margin:4px 0;color: #85C447;}
h5					{font-size:12px; margin:3px 0;color: #858E7D;}
h6 					{font-size:xx-small; margin:0;}
hr 					{border-style: none; border-bottom: 1px dashed #e3e3e5; color: #fff; background-color: #fff;}
					/*color and background color should be the same as the background color of the div it is contained within*/
img 				{border:none;}
acronym			{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

h1.pageheading	{text-align: left;}

.clr {clear:both;}
.right {float: right;}
.left {float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}

/* Page */

#wrapper {
	width: 816px;
	margin: 0 auto;
	text-align: left;
	background: #FFF url("../images/wrapper-bg.gif") repeat-y;
}

/* Header */

#header {
	position: relative;
	width: 816px;
	height: 156px;
	margin: 0px;
	background: #000 url("../images/header.jpg") no-repeat;
}

#header h1 {
	margin: 0;
	margin-top: 57px;
	margin-right: 40px;
	float: right;
	text-transform: lowercase;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #9C9C9C;
}

#header h1 a {
	display: block;
	width: 215px;
	height: 110px;
	text-indent: -9000px;
	background: url("../images/logo.gif") no-repeat center center;
}



#header h2 {
	margin: 0;
	text-indent: -9000px;
}

/* Content */

#content {
	/*float: right;*/
	width: 816px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
	background: url("../images/logo-small.jpg") no-repeat bottom left;
}

.content-main {
	width: 540px;
	margin-left: 255px;
	min-height: 450px;
	padding: 0px;
	background: url("../images/content-bg.jpg") no-repeat 0 0;
}

.content-main p, .content-main ul, .content-main ol {
	line-height: 180%;
}



#content-side {
	float: left;
	color: #fff;
	width: 194px;
	padding: 10px 20px 0px 20px;
	text-align: left;
}

#content-side h4 {
	color: #fff;
}

#content-side .buttons {
	text-align: center;
}

#content-side .buttons img  {
	margin-bottom: 10px;
}

#content-side a:hover {
	color: #0099FF;
}
#content-side a:active {
	color: #0099FF;
}

/* Navigation - Use this for very basic horizontal text based nav */

#nav {
	list-style: none;
	position: absolute;
	top: 135px;
	right: 40px;
}

#nav ul {

}

#nav li {
	display:inline;
	list-style: none;
	margin-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #fff;
}

#nav li.menu-last {
	padding-right: 0px;
	border-right: 0px solid #fff;
}

/* Footer */

#footer {
	position: relative;
	width: 816px;
	height: 35px;
	padding-top: 10px;
	text-align: center;
	background: #000 url("../images/footer.gif") no-repeat;
}

#footer p {
	font-size: 10px;
	margin: 0;
	color: #fff;
}