/* Reset file - begins here */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td,table {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0em;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	padding-right: 100%;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Reset file - ends here */



body {
	font-family: Arial, Helvetica, sans-serif;
}

/* NOTE : These 'standard' font stylings are conventions to map the stylings available in the Web Publisher
applet for creating content from templates to how we want to style them here in this Energy Services
site */
h3 {
	font-size: 10pt;
}

/* Main Div Structure - begins here */
#mainContainer {
	width: 1000px;
}
/* Main Div Structure - ends here */

/* Top Page - begins here */
#topPage {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #339900;
}

#header {
	height: 100px;
	border-bottom: solid 3px #ffffff;
	border-top: solid 3px #ffffff;
	background-color: #003399;
}

#dteEnergyLogo {
	float: left;
}
.cleanEnergyPrizeLogo
{
	float: right;
	padding-left:5px;
}

.homePageImage
{
	text-align:center;
}

.homePageImage img
{
	padding-right: 10px;
	padding-top: 10px;
}
.cleanEnergyPrizeLogo img
{
	float: left;
}
#tagLine {
padding-left:9px;
	float: left;
	width: 464px;
}


#topNavigation {
	padding-top: 2px;
	padding-bottom: 2px;
	float: right;
	width: 100%;
	color: #FFFFFF;
	background-color: #003399;
}

#topNavigation {
	font-size: 11px;
}
/* Top Navigation links CSS - ends here */
/* Top Page - ends here */

/*Middle Page - begins here */
#middlePage {
	padding-top: 10px;
	float: left;
	width: 100%;
}


#warningMessage {
	text-decoration: blink;
}

#javascriptDisabledMessage {
	width: 480px;
	padding: 0px 0px 0px 15px;
	color: #ff3300;
	font-weight: bold;
}

#javascriptDisabledMessage a {
	color: #ff3300;
}

/*Side Navigation - begins here */
#sideNavigation {
	float:left;
	width: 170px;
	
 
}

.sideNavArrow {
	padding-right: 10px;
}

#contextNavigation {
	padding-left: 10px;
	padding-right: 10px;
}


.HydrogenTechLeftNavAndLOBHeader {
	background-color: #0099CC;
}

.SolarDemoLeftNavAndLOBHeader {
	background-color: #066699;
}

.EnergyPrizeLeftNavAndLOBHeader {
	background-color: #339966;
}

#technologyInitiatives {
	display: block;
	padding-left: 10px;
}

#siteNavigation {
	padding-left: 10px;
	padding-right: 10px;
}


.contextNavigationLink {
	text-align: justify;
	text-decoration: none;
	font-size: 12px;
	height: 23px;
	margin-bottom: 4px;
}

.contextNavigationLink a {
	color: white; 
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
}

.contextNavigationLink a:hover,
.contextNavigationLink a:focus:hover {
	height: 15px;
	padding-left: 5px;
	padding-top: 4px;
  border-left: white solid 2px;
  border-top: white solid 2px;
  border-right: lightgrey solid 2px;
  border-bottom: lightgrey solid 2px;
}

.contextNavigationLink a:active,
.contextNavigationLink a:focus {
    border-left: lightgrey solid 2px;
    border-top: lightgrey solid 2px;
    border-right: white solid 2px;
    border-bottom: white solid 2px;
}

.sideNavHeader a {
	width: 170px;
}

.sideNavHeader {
	text-align:justify;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 8px 0px 4px 8px;
	height: 20px;
	border-bottom: solid 1px #6699CC;
}
.sideNavHeader a:link {color: #003399; text-decoration: none; }
.sideNavHeader a:visited {color: #000000; text-decoration: none; }
.sideNavHeader a:hover {color: #003399; text-decoration: none; }
/*Side Navigation - ends here */

/*Content Area - begins here */
#contentArea {
	float: left;
	width: 826px;
	font-size: 12px;
	text-align: left;
	line-height: 15px;
	
	
}

#fixLeftBorder{
border-left: solid 2px #003399;
width: 2px;
float: left;
}
#contentArea h2 {
	font-weight: bold;
	font-size: 15px;
}

/* Generic CSS for Content Area - begins here */
#pageTitle { 
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
}

#contentAreaBody {
	padding-left: 15px;
  width: 74%;
	text-align: justify;
}

#homeContentAreaBody {
	padding-left: 15px;
  width: 500px;
	text-align: justify;
}

#contentAreaBody ul {
	list-style-type: disc;
	float: left;
	
	text-align: justify;
}

#contentAreaBody li {
	
	
}

#contentAreaBody a {
	color: #003399;
}


.bullet {
	background-image:url(/images/bullet.GIF);
	width: 6px;
	height:6px;
	margin-left: 7px;
}

/* Generic CSS for Content Area - ends here */

/*CSS for Home Page Content Area - begins here */
.homePageContentAreaBody {
}

.homePageContentAreaRightCol {
	font-size: 11px;
	width: 300px;
	padding: 0px 0px 0px 0px;
}

.headingRightColumn {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
}

#contentAreaRightCol {
	float: right;
}


#contextAnimation {
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
 	background-repeat: no-repeat;
}

/* This CSS code is used for creating Thumbnail section on Home Page - begins here */
/*
#homePageOverviewText {
	padding-right: 0px;
	width:100%;
}*/

/* This CSS code is used for creating Thumbnail section on Home Page- Ends here */

/*CSS for Home Page Content Area - ends here */

/* Middle Page - ends here */

/* Bottom Page - begins here */

#bottomPage{

}

#footerLinks {
	float: left;
	width: 100%;
	padding-top: 20px;
	text-align: center;
	font-size: 10px;

	font-weight: normal;
	color: #000000;
}
#footerLinks a:link {color: #000000; text-decoration: none; }
#footerLinks a:visited {color: #660033; text-decoration: none; }
#footerLinks a:hover {color: #003399; text-decoration: none; }
/* Bottom Page - ends here */

/* CSS for aboutUs begins here */

/* CSS for aboutUs begins here */

/* CSS for projectDiagram begins here */
.projectDiagramContentAreaBody {
	margin-right: 0px;
}


fieldset {
	padding-top: 15px;
	padding-bottom: 5px;
	margin-left: 10px;
	border: 1px solid #003399;
}

legend {
	padding: 0.2em 0.5em;
	border: 1px solid #003399;
	font-size: 90%;
	text-align: right;
}



.homePageContentRightColOutsideShadowContainer {
	padding-bottom: 5px;
}
.homePageContentRightCol {
	font-size: 11px;
	padding: 10px 10px 30px 10px;
	background-color:#ffffff;
	border: solid 2px #666666;
}
#homePageSubHeader {
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 20px;
	margin-top: -30px;
	padding-left: 165px;
}
#homePageOverviewText {
	padding-right: 5px;
}

/* This is the CSS code for creating a Drop Shadow using images- Begin here */
.wrap1 {
	background:url(/images/shadow.gif) right bottom no-repeat;
}
.wrap2 {
	background:url(/images/corner_bl.gif) -4px 100% no-repeat;
}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(/images/corner_tr.gif) 100% -4px no-repeat;
}
/* This is the CSS code for creating a Drop Shadow using images - end here */



/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	padding-right: 100%;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.validationMessage {
	color: red;
	padding-left: 10px;
	padding-bottom: 15px;
}


/* Our Team Page  Style Definition  - begins here */
.teamTable td {
text-align: justify;
}

.teamTable td.image {
padding-right:20px;
}
/* Our Team Page  Style Definition  - ends here */


/* Portfolio Page  Style Definition  - begins here */
.portfolio td.image {
width:inherit;
padding-right:50px;
}
.portfolio td {
text-align:justify;
}

/* Portfolio Page  Style Definition  - ends here */



/* Table Style Definition  - begins here */

.tableWithBorder{
border-collapse: collapse;
border-style: solid;
width:100%;
border-width: medium;
border: 1px solid;
border-color: #003399;
}

.tableWithoutBorder{
width:100%;
}

.tableWithBorder td {
border: 1px solid;
border-color: #003399;
padding-left: 5px;

}

.tableWithBorder td.number{
border: 1px solid;
text-align:center;
}

.tableWithBorder th.color {
border: 1px solid;
border-color:#003399;
color:white;
font-weight:bold;
text-align: center;
background-color: #066699;
}

.tableWithBorder tr.odd {
background-color: #ECECEC;
}

.tableWithBorder th {
border: 1px solid;
font-weight:bold;
text-align: center;
}

/* Table Style Definition  - ends here */

/*Main Page Content - begins here */
.mainContent {
float: left;
	width: 100%;
	text-align:justify;
}



.mainContent sub {
vertical-align: sub;
font-size: 85%;
}
.mainContentwithImage{
width:100%;
	text-align:justify;
}

.mainContentWithBullet {

float: left;
text-align:justify;

}

.mainContent ul {
padding-left: 30px;



}

.mainContentWithImageAndBullet {
padding-left: 20px;
float: left;
}

.mainContentWithImageAndBullet ul {
padding-left: 30px;
}

/*Main Page Content - ends here */




/*Tech Park Style - begins here */
.techParkImageRight
{
	float: right;
	padding-top:20px;
	width:190px;
	font-size:11px;
}

.techParkImageRight img
{
padding-bottom:5px;
}

.techParkImageLeft
{
  padding-top:20px;
	float: left;
}

.techParkContent
{
	float: right;
	width:68%
}
.techParkContentBullet
{
	padding-left: 20px;
	float: right;
}

/*Tech Park Style - Ends here */