/*
    Document   : screen
    Created on : 19-Jan-2009, 17:35:45
    Author     : mfleming
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.floatr{
	float: right;
	padding: 0 0 15px 15px;
}

a img{
    border: 0;
}

*{
    margin: 0;
    padding: 0;
    outline: 0;
}

body{
    background: #71C166;
    font-size: 62.5%;
	font-family: arial, helvectica, sans-serif;
}

#docarea{
	width: 826px;
	margin: auto;
	/*background: url(docarea.gif) no-repeat right bottom;*/
	padding: 30px 0 60px 0;
	position: relative;
}

#left{
	width: 530px;
	float: left;
}

h1{
	color: #5A471B;
	font-size: 1.2em;
	font-weight: normal;
	padding: 33px 0 20px 0;
	visibility: hidden;
}

h2.replace{
	color: #fff;
	font-size: 8em;
	line-height: 0.9em;
	padding: 0 0 5px 0;
}

#content{
	color: #fff;
	font-size: 1.2em;
	padding: 18px 0 10px 0;
}

#content div{
	width: 250px;
	float: left;
	padding: 18px 0 10px 0;
}

#content div:first-child{
	padding: 18px 30px 30px 0;
}

#content h2{
	font-size: 1.4em;
	margin: 0 0 10px 0;
}

#content p{
	margin: 0 0 1.5em 0;
	font-size: 1.1em;
}

#latest{
	clear: both;
	background: url(latest.jpg) no-repeat  0 0;
	font-size: 1.2em;
	color: #fff;
	min-height: 163px;
	padding: 20px 0 0 0;
}

#latest div{
	float: left;
	width: 258px;
	padding-bottom: 20px;
}

#latest div:first-child{
	width: 249px;
	background: url(latest.gif) no-repeat 0 0;
	padding: 0 20px 20px 0;
}

#latest h2{
	padding: 125px 0 0 0;
	font-size: 1.3em;
}

#latest h3 a{
	color: #6A4C0F;
	font-size: 14px;
}

#latest a{
	color: #fff;
	text-decoration: none;
}

#latest a:hover,#latest a:focus{
	text-decoration: underline;
}

#latest .read_more{
	display: block;
	color: #5A471B;
	text-decoration: none;
}

#latest .readon:hover,#latest .readon:focus{
	text-decoration: underline;
}

#latest img{
	display: block;
}

#footer{
	clear: both;
	border-top: 1px dotted #fff;
	font-size: 1.1em;
	color: #fff;
	padding: 15px 0;
}

#footer a{
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
}

#footer a:hover,#footer a:focus{
	text-decoration: underline;
}

#right{
	float: left;
	width: 296px;
	padding: 180px 0 0 0;
	background: url(home_right_logo.gif) no-repeat 70px 55px;
}

#right div a{
	text-decoration: none;
	color: #72C267;
}

#right div a:hover,#right div a:focus{
	text-decoration: underline;
}

#mainmenu{
	list-style: none;
	background: url(home_li_rollover.png) no-repeat 0 0;
	position: absolute;
	top: 30px;
	left: -30px;
}

#mainmenu li{
	border-bottom: 1px dotted #5A471B;
	border-top: 1px dotted #5A471B;
	background: url(home_li.png) no-repeat left center;
	padding: 3px 0 3px 22px;
	float: left;
	margin: 0 6px 0 0;
	width: 112px;
}

#mainmenu li:hover{
	/*background: url(home_li_rollover.png) no-repeat left center;*/
}

#mainmenu a{
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #5A471B;
}

#newsletter{
	text-decoration: none;
	color: #fff;
	margin: 25px 0 25px 70px;
	display: block;
	font-size: 1.1em;
}

.indent{
	margin: 32px 0 30px 70px;
}

.indentsmall{
	margin: 32px 0 30px 30px;
}

#newsletter:hover span,#newsletter:focus span{
	text-decoration: underline;
}

#keepingitgreen{
	background: url(right.jpg) no-repeat 0 0;
	margin: 0 0 0 21px;
}

#keepingitgreen h2 img{
	display: block;
}

#keepingitgreen p{
	margin: 0 0 0 61px;
	color: #7C8D97;
	padding: 10px 40px 0px 4px;
	font-size: 1.1em;
	width: 130px;
}

#keepingitgreen strong{
	color: #5A471B;
	font-weight: normal;
}

#talkingpoints{
	background: url(right.jpg) no-repeat 0 bottom;
	margin: 0 0 0 21px;
	color: #fff;
	width: 241px;
	padding: 0 0 15px 0;
	height: 200px;
}

#talkingpoints h2{
	padding: 0px 15px 0 50px;
}

#talkingpoints p{
	padding: 0px 15px 0 55px;
	margin: 0 0 1.5em 0;
	font-size: 1.1em;
}

#talkingpoints a{
	display: block;
	width: 70px;
	line-height: 1.1em;
	padding: 5px 0 0 0;
	margin: 0 0 0 70px;
	font-size: 1.3em;
}