@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	background: #E0E0E0;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
}
p, p.zero, p.zeropoint {
	padding: 0;
}
p {
	margin: 0 0 1em 0;
}
p.zero {
	margin:0;
}
p.zeropoint {
	margin:0 0 0.2em 0;
}
p.zero_p5 {
	margin:0;
	padding: 0 5px 0 5px;
}
a:link {
	color:#385578;
}
a:visited {
	color: #385578;
}
a:hover {
	color: #5B4589;
}
a:active {
	color: #06F;
}
.main #container {
	position: relative;
	top: -2px;
	width: 980px;
	background-color: #FFF;
	margin:auto;
	border-width: 15px;
	border-style:solid;
	border-color:#FFF;
	text-align: left;
}
.main #header {
	height: 64px;
	text-align:right;
	line-height:64px;
	background-color: #FFF;
	background-image:url(../images/common/energygrid_top.jpg);
	padding: 0 10px 0 20px;
	background-repeat:no-repeat;
}
.main #sidebar1 {
	position:relative;
	margin:0;
	float:left;
	top: 0px;
	left: 0;
	width: 130px;
	background-color: #FFF;
	padding: 0px 0px 0px 0px;
	color:#666;
}
.main #sidebar2 {
	position:relative;
	margin:0 0 20px 0;
	float:right;
	top: 20px;
	right: 0;
	width: 230px;
	border: 1px solid #CCC;
	font-size:75%;
	padding: 10px 10px 0px 10px;
	background-color: #E0E0E0;
}
.main #mainContent {
	margin: 20px 260px 0px 140px;
	padding: 0 15px 0 15px;
	background-color:#FFF;
}
div.gap {
	clear:both;
	position:relative;
	margin:5px;
}
.main #footer {
	position:relative;
	clear:both;
	margin:0;
	padding: 0 5px 0 20px;
	height: 26px;
	text-align:right;
	vertical-align:middle;
	line-height:26px;
	background-color: #FFF;
	background-image:url(../images/common/energygrid_bot.jpg);
	background-repeat:no-repeat;
}
.copyright, a.copyright, .copyright_bk, .image_label {
	font-size:70%;
	text-decoration: none;
	text-align:right;
}
.copyright_bk, .image_label {
	color: #333;
}
.copyright, a.copyright {
	color: #FFF;
}
.image_label {
	display:block;
	padding: 0 10px 0 10px;
}
.floatr {
	float: right;
}
.floatl {
	float: left;
}
hr {
	border:0;
	size:1;
	width:100%;
	clear:both;
	border-top: 1px solid #666;
	height: 0;
	background-color: #666;
	margin:0 0 1em 0;
}
img {
	border:0;
}
/* menu_side settings - including top above */

.menuside {
	font-size:100%;
	width:130px;
}
.menuside ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menuside ul li {
	margin: 0;
	border-bottom: 1px dashed #bbb;
}
.menuside ul li a, .menusideon {
	display: block;
	width:110px;
	margin: 0;
	padding: 2px 0px 2px 20px;
	border-bottom: 1px dashed #bbb;
	border:none;
	text-decoration: none;
	font-size:100%;
}
.menuside ul li a, menusidesubon, .menusidesubon {
	color: #666;
}
.menuside ul li a:hover, .menusideon, .menusidesubon {
	border:none;
	background-position:left center;
	background-repeat: no-repeat;
}
.menuside ul li a:hover, .menusideon {
	background-image:url(../images/common/arrowsideleft.gif);
}
.menusideon {
	color: #f00;
}
.menusidesubon {
	background-image:url(../images/common/arrowsideboth.gif);
}
.menuside ul li a:hover {
	text-decoration:underline;
}
/* menu_alt settings - including top above */

.menualt, .menualt2, .menucat {
	font-size:120%;
	border: 1px solid #d00;
}
.menualt, .menualt2 {
	margin:0;
}
.menucat {
	margin:0 0 1em 0;
}
.menualt_header, .menualt2_header, .menucat_header {
	border-top: 1px solid #d00;
	border-right: 1px solid #d00;
	border-left: 1px solid #d00;
	background-color:#666;
	color:#FFF;
	padding:5px;
	margin-bottom:0px;
	font-size: 140%;
	text-align: center;
}
.menualt ul, .menualt2 ul, .menucat ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menualton, .menualt2on, .menucaton {
	background-color:#FFF;	
}
.menualt ul li a, .menualton {
	display: block;
	width: 206px;
	margin:0;
	padding: 2px 2px 2px 20px;
	border: none;
	text-decoration: none;
	font-size:100%;
}
.menualt2 ul li a, .menualt2on {
	display: block;
	width: 196px;
	margin:0;
	padding: 2px 2px 2px 30px;
	border: none;
	text-decoration: none;
	font-size:120%;
}
.menucat ul li a, .menucaton {
	display: block;
	width: 176px;
	margin: 0;
	padding: 2px 2px 2px 50px;
	border: none;
	text-decoration: none;
	font-size:120%;
}
.menualt ul li a, .menualt2 ul li a, .menucat ul li a {
	color: #333;
}
.menualton, .menualt2on, .menucat {
	color: #d00;
}
.menualt ul li a:hover, .menualt2 ul li a:hover, .menucat ul li a:hover {
	text-decoration:none;
	color:#333;
	background-color:#F8F8F8;
}
/* main content divs - including top above */

.clear {
	clear:both;
}
.gap {
	line-height:10px;
	clear:both;
	text-align:right;
}
.titlebox {
	background-color: #DADADA;
	padding: 4px;
	border: 1px solid #333;
	margin-bottom:12px;
}
.art_title {
	background-color:#E0E0E0;
	margin-top:0px;
	padding: 1px 5px 3px 5px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.art_descrip {
	background-color:#F9F9F9;
	padding:2px 5px 3px 5px;
	margin-top:0px;
	margin-bottom:14px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.vid_desc_main, .vid_desc_inner {
	background-color:#E4E4E4;
	padding:1px 5px 5px 5px;
	margin-top:-12px;
	margin-bottom:14px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.vid_desc_main {
	font-size:100%;
}
.vid_desc_inner {
	font-size:80%;
}
.box_grey_dk, .box_grey_md, .box_grey_lt, .box_clear, .box_clearclear {
	display:block;
	padding:5px;
	margin-bottom:14px;
}
.box_grey_dk {
	background-color: #333;
	color: #FFF;
}
.box_grey_md {
	background-color: #E0E0E0;
	border: 1px solid #CCC;
}
.box_grey_lt {
	background-color: #E9E9E9;
}
.box_clear {
	background-color: #FFF;
	border: 1px solid #333;
}
.box_clearclear {
	background-color:#FFF;
}
.shade_grey_lt {
	background-color: #F6F6F6;
	padding:10px;
}
.hlpale {
	background-color: #E9E9E9;
	padding: 5px;
}
.left_zp, .left_z {
	display: block;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin: 0 0 0.2em 0;
}
.left_zp {
	margin: 0 0 0.2em 0;
}
.left_z {
	margin: 0 0 0 0;
}
.imcent, .centre, .centre_z, .centre_zp {
	display: block;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}
.imcent {
	margin: 0 0 0 0;
}
.centre {
	margin: 0 0 1em 0;
}
.centre_z {
	margin: 0 0 0 0;
}
.centre_zp {
	margin: 0 0 0.2em 0;
}
.imleft {
	float:left;
	margin: 0px 5px 0px 0px;
}
.imright {
	float:right;
	margin: 0px 0px 0px 5px;
}
.imside {
	display:block;
	margin: 0px 0px 2px 0px;
}
.frame {
	padding: 5px;
	border: 1px solid #aaa;
}
.end {
}
/* text selections */


h1, h2, .subhead {
	margin-top:0em;
	margin-bottom:0em;
}
h1, h2, h3, h4, h5, h6 {
	display: block;
	font-weight:bold;
}
h1 {
	font-size: 140%;
	color: #333;
}
h2 {
	font-size: 160%;
	color: #333;
}
h3 {
	font-size: 130%;
	color: #333;
}
h4 {
	font-size: 120%;
	color: #333;
}
h5, h6 {
	color: #999;
	font-style: italic;
	text-align: left;
	margin: 0px 0 20px 0;
}
h5 {
	font-size: 90%;
}
h6 {
	font-size: 110%;
}
.font_140 {
	font-size:140%;
}
.font_120 {
	font-size:120%;
}
.font_100 {
	font-size:100%;
}
.font_090 {
	font-size:90%;
}
.font_080 {
	font-size:80%;
}
.font_070 {
	font-size:70%;
}
.font_050 {
	font-size:50%;
	font-weight:normal;
}
.font_red {
	color:#C00;
}
.font_blue {
	color:#36C;
}
.footnotes {
	display:block;
	border-top: 1px dashed #999;
	padding-top:1.2em;
	font-size:80%;
	color:#333;
	margin:0 10px 0 10px;
}
span.dropcap {
	float: left;
	font-size: 260%;
	font-weight:bold;
	line-height:80%;
	margin: -0.1em 0.03em 0 0;
}
.smalltext, .smallgrey, .smallred, .smallredn, .smallwhite {
	font-size: 80%
}
.smallgrey {
	color: #888;
}
.smallred {
	color: #F00;
	font-weight: bold;
}
.smallredn {
	color: #F00;
}
.whitetext {
	color: #FFF;
}
.smallwhite {
	color: #FFF;
}
.normal {
	font-size: 100%;
}
.subhead {
	display: inline;
	color: #555;
	font-size: 80%;
	font-weight: bold;
}
.author {
	font-size: 70%;
	color: #777;
	font-weight: bold;
}
.pink {
	color: #F09;
}
.lightertext {
	color: #999;
}
.ivtext {
	color: #039;
}
.authorsmall {
	font-size: 100%;
	color: #777;
}
.inset {
	padding-right: 10px;
	padding-left: 20px;
}
.inset-more {
	padding-right: 10px;
	padding-left: 40px;
}
.rightalign {
	text-align:right;
	display:block;
	margin-bottom:0.8em;
}
.rightalignz {
	text-align:right;
	display:block;
}
.textalignr {
	text-align:right;
}
.quote, .quotemarg, .quotemarg_n, .quotezero, .quotezero_n {
	display:block;
	font-size:90%;
	text-align:left;
	font-style:italic;
}
.quote {
	padding: 0 20px 0 20px;
}
.quotemarg {
	margin-bottom:1em;
	padding: 0 20px 0 20px;
}
.quotemarg_n {
	margin-bottom:1em;
	padding: 0 80px 0 80px;
}
.quotezero {
	margin-bottom:0.2em;
	padding: 0 20px 0 20px;
}
.quotezero_n {
	margin-bottom:0.2em;
	padding: 0 80px 0 80px;
}
.quote_auth, .quote_auth_n {
	display:block;
	font-size:75%;
	text-align:right;
	margin:0 0 1.6em 0;
}
.quote_auth {
	padding: 0 20px 0 20px
}
.quote_auth_n {
	padding: 0 80px 0 80px
}
.quotebox {
	width:200px;
	text-align:left;
	float: right;
	background-color: #E9E6E0;
	padding:0.4em;
	margin: 0 0 0 0.4em;
	border: 1px solid #CCC;
}
.qside {
	display:block;
	clear:both;
	text-align:right;
	float:right;
	font-style:italic;
	padding-bottom:1em;
	margin:-1em 0px 0em 0px;
}
.message {
	margin:0 80px 0 80px;
}
div.listo ol li, div.listu ul li {
	margin: 1em 0 0 0;
}
div.listo_s ol, div.listu_s ul {
	padding: 0 0 0 26px;
}
div.listo_s ol li, div.listu_s ul li {
	margin: 0.5em 0 0 0;
}
