body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #847b56;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

a {
 	color: #000000;
 	text-decoration:none;
} 
 
a:hover {
 	color: #34505a; 
 	text-decoration:underline;
}

.bluelink a { 
 	color: #34505a;
 	text-decoration:underline;
} 
 
.bluelink a:hover {
 	color: #000000; 
 	text-decoration:underline;
}

.whitelink a { 
 	color: #ffffff;
 	text-decoration:none;
} 
 
.whitelink a:hover {
 	color: #eee2b2; 
 	text-decoration:underline;
}

.white {
	color: #FFFFFF;
	font-size: 9pt;
}

.white8 {
	color: #FFFFFF;
	font-size: 8pt;
}

.black8 {
	color: #000000;
	font-size: 8pt;
}

.green11 {
	color: #b4c10f;
	font-size: 11pt;
}

.green13 {
	color: #b4c10f;
	font-size: 13pt;
}

.black11 {
	color: #000000;
	font-size: 11pt;
}

.blue {
	color: #34505a;
	font-size: 9pt;
}

.blue13 {
	color: #34505a;
	font-size: 13pt;
}

.blue11 {
	color: #34505a;
	font-size: 11pt;
}


.border-pic {
	border-right: 5px;
	border-right-color:#FFFFFF;
}

.padding {
	padding-right:5px;
}

#background {
	width:100%;
	margin: auto;
	background-image: url(images/graphics/gradient.jpg);
	background-repeat:repeat-x;
	background-color: #203a44;
}	

#header {
	width: 950px;
	height: 420px;
	margin: auto;
	background-image: url(images/graphics/header2.jpg);
}

#header-subpage {
	width: 950px;
	height: 203px;
	margin: auto;
	background-image: url(images/graphics/header-subpage.jpg);
}

#logo-subpage {
	width: 950px;
	height: 95px;
	margin: auto;
	background-image: url(images/graphics/logo-subpage.gif);
}

#nav {
	width: 950px;
	height: 30px;
	margin: auto;
	background-image: url(images/graphics/nav-bkg.jpg);
	text-align:center;
	padding-top:18px;
}

#energy-talk {
	width: 280px;
	margin: auto;
	background-color:#cfcece;
	padding:10px;
	border:1px;
	border-color:#34505a;
	border-style:solid;
}

#body-bkgd {
	width: 930px;
	margin: auto;
	background-color:#e1e1e1;
	padding:10px;
}	

#content1 {
	width: 950px;
	margin: auto;
	position: relative; /*** Let's be nice to IE ***/
	display: table; /*** For non-IE browsers ***/
	height: 100%;
	clear: both;
	background-color:#e1e1e1;
}	

#wrapper {
	width: 950px;
	margin: auto;
	text-align: left;
	clear: both;
}

#c1 {
	width: 297px;
	height:100%;
	float: left;
	padding: 10px;
	margin: auto;
	background-color:#e1e1e1;
}

#c2 {
	width: 613px;
	text-align: left;
	float: left;
	padding: 10px;
	background-color:#e1e1e1;
}

#content2 {
	width: 950px;
	margin: auto;
	position: relative; /*** Let's be nice to IE ***/
	display: table; /*** For non-IE browsers ***/
	height: 100%;
	clear: both;
	background-color:#e1e1e1;
}	

#wrapper2 {
	width: 950px;
	margin: auto;
	text-align: left;
	clear: both;
}	

#c3 {
	width: 307px;
	height:100%;
	float: left;
	margin: auto;
	background-color:#e1e1e1;
	background-image: url(images/graphics/direct-entry-pic1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:100px;
	padding:5px;
}

#c4 {
	width: 307px;
	height:100%;
	float: left;
	margin: auto;
	background-color:#e1e1e1;
	background-image: url(images/graphics/direct-entry-pic2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:100px;
	padding:5px;
}

#c5 {
	width: 306px;
	height:100%;
	float: left;
	margin: auto;
	background-color:#e1e1e1;
	background-image: url(images/graphics/direct-entry-pic3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:100px;
	padding:5px;
}

#service-guide {
	width: 300px;
	margin: auto;
	background-color:#cfcece;
	padding:10px;
	border:1px;
	border-color:#34505a;
	border-style:solid;
	float:right;
	text-align:center;
}

.border-bottom {
	border-bottom:dotted;
	border-color:#34505a;
	border-bottom-width:1px;
	}
	
.border-pics{
	border-bottom:solid;
	border-color:#e1e1e1;
	border-bottom-width:10px;
	}

.glossymenu{
margin: 0px 0;
padding: 0;
width: 312px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #2c3384 url(menuscript/glossyback.gif) repeat-x bottom left;
font: bold 9pt Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 5px;
padding-top:6px;
height:19px;
text-decoration: none;
text-align:left;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 7px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(menuscript/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #34505a;
text-align:left;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 9pt Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #e1e1e1;
color: #34505a;
}