
/* ---------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
--------------------------------------------------------------------------------------------------------------------------------------- */
#res-header {
	background: url(../images/green/bg/header.png) no-repeat 0 0;
	width: 905px;
	height: 231px;
	margin: 100px 0 0 0;
}

	#res-header img {
		margin: 101px 0 0 17px;
	}

#res-content {
	background: url(../images/green/bg/bg-sidebar.gif) repeat-y 0 0;
	min-height: 600px;

	margin-bottom: 40px;
}
	#res-main {
		width: 595px;
		float: right;
		color: #000;
	}
		#wrap {
			width: 410px;
			float: left;
		}
		
		#res-aside {
			width: 181px;
			float: right;
		}

	#res-nav {
		width: 274px;
		float: left;
	}
	
/* ---------------------------------------------------------------------------------------------------------------------------------------
MAIN CONTENT
--------------------------------------------------------------------------------------------------------------------------------------- */
#res-main h1 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

#res-main h2 {
	font-size: 12px;
	font-weight: bold;
}

#res-main h1 + h2 {padding-top: 14px;}

#res-main h1 + h1 {padding-top: 200px;}

#res-main p {
	line-height: 1.4;
	padding-right: 27px;
	margin-bottom: 15px;
}

#res-main ul, #res-main ol {
	padding: 0 20px 10px 20px;
	margin: 5px 20px;
}

#res-main ul li, #res-main ol li {
	list-style-type: disc;
	padding: 0 0 8px 0;
	line-height: 1.4;
}

#res-main ol li {list-style-type: decimal;}
#res-main ol li ul li {list-style-type: circle;}

em.chartcap {font-size: 9px;}

#res-main .res-newsitem {
	width: 595px;
	clear: both;
}

#res-main .res-newsitem img {
	width: 190px;
	float: left;
	margin: 0 10px 10px 0;
}

#res-main .res-newsitem p {padding-top: 10px;}

#res-content dl {
	width: 410px;
	clear: both;
	padding: 0 0 10px 0;
}

#res-content dl dt {
	width: 410px;
	font-weight: bold;
	padding: 10px 0 5px 0;
}

#res-content dl dd {
	padding: 0 0 5px 20px;
}

#res-content dl dd.indent {padding-left: 40px;}

#res-content dl dd.indent2 {padding-left: 60px;}

#res-content p.fnote {
	font-size: 10px;
	padding-left: 15px;
	border-top: #ccc 1px solid;
}

.padhack {padding: 20px 0 0 0 !important;}


#res-content table.chart {
	width: 590px;
	margin: 10px auto;
	border-collapse: collapse;
	border: #63AC16 1px solid;
}

#res-content #wrap table.chart {width: 410px;}
#res-content #wrap table.chart tr td {width: 33%;}

#res-content #wrap table.smchart {width: 380px;}
#res-content #wrap table.smchart tr td {width: 50%;}

#res-content table.chart th {
	background: #ED5224;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 8px 8px 2px 8px;
	text-align: center;
	border-bottom: #63AC16 1px solid;
}

#res-content table.chart th.title {
	background: #64ad16 url(../images/green/bg/bg-th.gif) repeat-x bottom center;
	font-size: 16px;
	padding: 18px 12px 10px 12px;
	text-transform: none;
}

#res-content table.chart td {
	width: 50%;
	font-size: 11px;
	line-height: 1.2;
	text-align: center;
	padding: 6px 8px;
	border-bottom: #63AC16 1px solid;
}

#res-content table.chart td.alignleft {text-align: left;}

/* ---------------------------------------------------------------------------------------------------------------------------------------
NAV
--------------------------------------------------------------------------------------------------------------------------------------- */
#res-nav ul {
	width: 273px;
	margin: 0;
	padding: 0;
}

#res-nav ul li, #res-nav ul li a, #res-nav ul li a:visited {
	display: block;
	width: 273px;
	text-indent: -999px;
	position: relative;
}

#res-nav ul li a#res-about, #res-nav ul li a#res-about:visited {height: 48px; background: url(../images/green/bg/bg-nav.gif) no-repeat 0 0;}
#res-nav ul li a#res-about:hover, #res-nav ul li a#res-about:focus, #res-nav.res-about ul li a#res-about, #res-nav.res-about ul li a#res-about:visited
{background: url(../images/green/bg/bg-nav.gif) no-repeat -273px 0;}

#res-nav ul li a#res-energy, #res-nav ul li a#res-energy:visited {height: 47px; background: url(../images/green/bg/bg-nav.gif) no-repeat 0 -48px;}
#res-nav ul li a#res-energy:hover, #res-nav ul li a#res-energy:focus, #res-nav.res-energy ul li a#res-energy, #res-nav.res-energy ul li a#res-energy:visited
{background: url(../images/green/bg/bg-nav.gif) no-repeat -273px -48px;}

#res-nav ul li a#res-why, #res-nav ul li a#res-why:visited {height: 47px; background: url(../images/green/bg/bg-nav.gif) no-repeat 0 -95px;}
#res-nav ul li a#res-why:hover, #res-nav ul li a#res-why:focus, #res-nav.res-why ul li a#res-why, #res-nav.res-why ul li a#res-why:visited 
{background: url(../images/green/bg/bg-nav.gif) no-repeat -273px -95px;}

#res-nav ul li a#res-financial, #res-nav ul li a:visited#res-financial {height: 47px; background: url(../images/green/bg/bg-nav.gif) no-repeat 0 -142px;}
#res-nav ul li a#res-financial:hover, #res-nav ul li a#res-financial:focus, #res-nav.res-financial ul li a#res-financial, #res-nav.res-financial ul li a#res-financial:visited 
{background: url(../images/green/bg/bg-nav.gif) no-repeat -273px -142px;}

#res-nav ul li a#res-case, #res-nav ul li a#res-case:visited {height: 47px; background: url(../images/green/bg/bg-nav.gif) no-repeat 0 -189px;}
#res-nav ul li a#res-case:hover, #res-nav ul li a#res-case:focus, #res-nav.res-case ul li a#res-case, #res-nav.res-case ul li a#res-case:visited
{background: url(../images/green/bg/bg-nav.gif) no-repeat -273px -189px;}

#res-nav ul li a#res-news, #res-nav ul li a#res-news:visited {height: 47px; background: url(../images/green/bg/bg-nav.gif) no-repeat 0 -236px;}
#res-nav ul li a#res-news:hover, #res-nav ul li a#res-news:focus, #res-nav.res-news ul li a#res-news, #res-nav.res-news ul li a#res-news:visited
{background: url(../images/green/bg/bg-nav.gif) no-repeat -273px -236px;}

#res-nav ul li a#res-how, #res-nav ul li a#res-how:visited {height: 47px; background: url(../images/green/bg/bg-nav.gif) no-repeat 0 -283px;}
#res-nav ul li a#res-how:hover, #res-nav ul li a#res-how:focus, #res-nav.res-how ul li a#res-how, #res-navres-how ul li a#res-how:visited
{background: url(../images/green/bg/bg-nav.gif) no-repeat -273px -283px;}

/* ---------------------------------------------------------------------------------------------------------------------------------------
ASIDE
--------------------------------------------------------------------------------------------------------------------------------------- */
#res-aside h2 {
	background: url(../images/green/bg/bg-aside.png) no-repeat 0 0;
	display: block;
	height: 31px;
	width: 141px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 20px 0 20px;
}

#res-main #res-aside p {	
	background: url(../images/green/bg/bg-border.png) repeat-y;
	display: block;
	width: 141px;
	list-style-type: none;
	padding: 10px 20px;
	margin: 0;
	font-size: 10px;
}

#res-main #res-aside p strong {font-size: 12px;}

#res-main #res-aside p a, #res-main #res-aside p a:visited {color: #ff8000;}
#res-main #res-aside p a:hover, #res-main #res-aside p a:focus, #res-main #res-aside p a.location, #res-main #res-aside p a.location:visited {color: #000;}

#res-main #res-aside ul, #res-main #res-aside #aside-wrap {
	background: url(../images/green/bg/bg-aside-bot.png) no-repeat bottom center;
	padding: 0 0 40px 0;
	margin: 0;
	width: 181px;
}


#res-main #res-aside ul li {
	background: url(../images/green/bg/bg-border.png) repeat-y;
	display: block;
	width: 181px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#res-main #res-aside ul li a, #res-main #res-aside ul li a:visited {
	background: url(../images/green/bg/bg-arrow.png) no-repeat  23px 5px;
	display: block;
	width: 125px;
	padding: 0 20px 14px 36px;
}

#res-main #res-aside ul li a:hover, #res-main #res-aside ul li a:focus, #res-main #res-aside ul li a.location, #res-main #res-aside ul li a.location:visited {background: url(../images/green/bg/bg-arrow.png) no-repeat  23px -179px; color: #000;}

#res-main #res-aside ul li.alpha a, #res-main #res-aside ul li.alpha a:visited {background: url(../images/green/bg/bg-arrow.png) no-repeat  23px 20px; padding-top: 16px;}

#res-main #res-aside ul li.alpha a:hover, #res-main #res-aside ul li.alpha a:focus, #res-main #res-aside ul li.alpha a.location, #res-main #res-aside ul li.alpha a.location:visited {background: url(../images/green/bg/bg-arrow.png) no-repeat  23px -164px; padding-top: 16px;}


img.res-photo {padding-right: 20px;}



/* ---------------------------------------------------------------------------------------------------------------------------------------
FORM
--------------------------------------------------------------------------------------------------------------------------------------- */
#res-main #contactform {
	width: 595px;
}

#res-main #contactform input, #res-main #contactform select {border: #63AC16 1px solid;}

#res-main #contactform input:hover, #res-main #contactform input:focus, #res-main #contactform select:hover, #res-main #contactform select:focus {border: #000 1px solid;}

#res-main #contactform h2 {padding-bottom: 10px;}

#res-main #contactform input.inputfix { margin-left: 20px;}

#res-main #contactform span.radiobtns input {width: 10px; margin-left: 20px; border: none;}

#res-main #contactform #divMain span.radiobtns label {width: auto; float: none;}

#res-main #contactform label.formfix {text-align: left; width: 100px; margin-right: 0; font-weight: bold;}


#contactform input.submitbut {margin: 0;}

#SummaryDiv {padding: 20px;}

#SummaryDiv ul {padding-top: 10px;}

#SummaryDiv ul li {padding-bottom: 5px;}
