/*
	style for capturing the energy site
	22 November 2007

	fixed width (740px)
*/

/*------------------------------------------------------{   COMMON PAGE ELEMENTS   }--------------------*/

body {
	margin:0px;
	padding:0px;
	background-color:#ced6e7;
	background-image:url(images/page_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	color:#333;
	font-size:80%;
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:10px 0px;
	font-family:Arial, helvetica, sans-serif;
}

h1 {
	font-size:200%;
	font-weight:normal;
	color:#003d7e;
}

h2 {
	width:50%;
	font-size:160%;
	font-weight:normal;
	color:#333;
	background-image:url(images/header_underline.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

h3 {
	font-size:140%;
}

h4 {
	font-size:130%;
}

h5 {
	font-size:120%;
}

h6 {
	font-size:100%;
}

p {
	margin:0px;
	padding:10px 0px;
	line-height:150%;
}

a {
	text-decoration:none;
	color:#7dac1e;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

img {
	border:none;
}

ul {
	margin:0px;
	padding:10px;
	list-style-image: url(images/bullet.gif);
}

li {
	margin:5px 0px;
	line-height:140%;
}

blockquote {
	line-height:150%;
	font-style:italic;
}

/*------------------------------------------------------{   CONTAINER BLOCKS   }--------------------*/

#textonly {
	position:absolute;
	top:0px;
	left:0px;
}

#textonly a {
	font-size:1px;
	line-height:1px;
	color:#5174a8;
}

#container_shadow {
	position:relative;
	width:740px;
	margin:0px auto;
	background-image:url(images/page_shadow.gif);
	background-repeat:repeat-y;
	text-align:left;
}

#container_shadow_left {
	position:relative;
	width:740px;
	margin:0px auto;
	background-image:url(images/header_shadow_left.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#container_shadow_right {
	position:relative;
	width:740px;
	margin:0px auto;
	background-image:url(images/header_shadow_right.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#container {
	position:relative;
	width:726px;
	margin:0px auto;
	text-align:left;
	background-image:url(images/content_bg.gif);
	background-repeat:repeat-x;
	overflow:hidden;
}

#header {
	position:relative;
	height:132px;
	background-image:url(images/header3.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#header h1 {
	margin:0px;
	padding:68px 15px 0px 0px;
	text-align:right;
	color:#7dac1e;
	letter-spacing:-2px;
	font-size:350%;
	font-family:"Arial Narrow", Arial, sans-serif;
}

#content {
	margin:0px 15px 0px 200px;
	padding:10px 10px 30px 15px;
	background-color:#fff;
	border:1px solid #97a1b6;
}

#footer {
	height:60px;
	margin:0px auto;
	padding:5px 17px 10px;
	text-align:right;
	font-size:x-small;
}

#footer_shadow {
	position:relative;
	width:740px;
	height:30px;
	margin:0px auto;
	background-color:#ced6e7;
	background-image:url(images/footer_shadow.gif);
	background-repeat:no-repeat;
	background-position:top;
}

/*------------------------------------------------------{   MAIN MENU   }--------------------*/

#menu {
	position:absolute;
	top:132px;
	left:0px;
	width:200px;
	padding:0px 0px 12px;
	background-color:#d9e1f2;
	background-image:url(images/menu_shadow.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-family:Arial, helvetica, sans-serif;
}

#menu ul {
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}

#menu ul li {
	margin:0px;
}

#menu ul li a {
	display:block;
	width:187px;
	padding:3px 0px 3px 10px;
	background-color:#e1e7f0;
	background-image:url(images/menu_button_bg.gif);
	background-repeat:no-repeat;
	border-left:3px solid #c6d631;
	border-top:1px solid #fff;
	border-bottom:1px solid #bebebe;
	text-decoration:none;
	color:#00397b;
	font-weight:normal;
}

#menu ul li a:hover {
	background-image:url(images/menu_button_bg_hover.gif);
	border-left:3px solid #8bbb1c;
	color:#222;
}

#menu ul li a.activelink,
#menu ul li a.activelink:hover {
	background-color:#a8b7d5;
	background-image:url(images/menu_button_bg_active.gif);
	border-left:3px solid #c6d631;
	border-top:1px solid #96a8cd;
	color:#fff;
	font-weight:bold;
}

/*------------------------------------------------------{   TOP MENU   }--------------------*/

#header_menu {
	position:absolute;
	right:0px;
	bottom:0px;
	padding:7px 0px;
	font-family:Arial, helvetica, sans-serif;
}

#header_menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#header_menu ul li {
	display:inline;
}

#header_menu ul li a {
	padding:2px 8px;
	background-color:#f7f7f7;
	border:1px solid #efefef;
	text-decoration:none;
	color:#777;
}
	
#header_menu ul li a:hover {
	background-color:#fff;
	color:#222;
}

/*------------------------------------------------------{   SEARCH BOX   }--------------------*/

#searchbox {
	width:199px;
	margin:40px 0px;
	background-color:#f7f7f7;
	border:1px solid #efefef;
	text-align:right;
}

#searchbox form {
	margin:0px;
	padding:10px;
}

#searchbox input,
#searchbox select {
	font-size:80%;
}

#searchbox input#q {
	width:169px;
	margin:0px;
	padding:3px;
	color:#777;
}

/*------------------------------------------------------{   CLASS STYLES   }--------------------*/

.smaller {
	font-size:70%;
}

.photae {
	margin:5px;
	padding:5px;
	border:1px solid #aaa;
}

.hidden {
	display:none;
}

table.styled {
	border-top:1px solid #bebebe;
	border-left:1px solid #bebebe;
}

table.styled th{
	border-bottom:1px solid #bebebe;
	border-right:1px solid #bebebe;
}

table.styled td{
	border-bottom:1px solid #bebebe;
	border-right:1px solid #bebebe;
}