/* 
Title: 		Master Styles for Electricity Sector Council
Author:		Shane Smith @ MediaBox Communications
Contact:	shane@mediabox.com
Updated:	June 20, 2007
*/


/* This document should contain all pure and valid css rules. 
All hacks required to compensate for IE bugs are maintained in ie.css */


/* =General Rules ***********************************/

body {
	font-size: 11pt; /* for standards browsers */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0; 
	text-align:center;
}

/* @group General Classes */

p {margin: 0 0 12pt 0;}	
img { margin: 0 0 12pt 0; }

/* @end */



/* @group Links */

a {text-decoration:none; cursor:pointer; color:#900; background-color: transparent;}
a:hover {color: #c30; border:none; text-decoration: underline; background-color: transparent;}
a img {border:none;} /* remove border for all linking graphics */

/* @end */


/* @group Lists */

li {margin: 0; padding: 0;}
ul {padding-left:15pt; margin:0 0 12pt 0;} /* standardize list indents for IE and Mozilla */
ul li {list-style: square outside;}

ol {padding-left:24pt; margin:0 0 12pt 0;}
ol li {margin: 0 0 12pt 0;}

dl {margin: 0 0 12pt 0; padding-top: 4pt;}
dt {margin: 12pt 0 0 0; font-weight:bold; }
dd {margin: 0;}

/* @end */


/* @group Headings */

h1 {} /* electricity sector cousil image replacement in headerWrap */

h2 {} /* building bright futures tag line */
		
h3 {font-size: 130%; color: #339; margin: 0 0 12pt 0; background-color: transparent;}
h4 {font-size: 115%; color: #600; margin: 18pt 0 8pt 0;}
h5 {font-size: 105%; color: #c30; margin: 12pt 0 2pt 0; font-weight: bold;}
h6 {font-size: 100%; color: #333; margin: 12pt 0 0 0;}

/* @end */


/* @group Page Structure */

#wrapper {
	width: 500pt;  /*restrict the width*/ 
	margin: 0 auto 12pt auto;
	text-align: left;
	background: transparent none 0;
}
#headerWrap {
	width: 100%;  /* restrict the width */
	margin: 0 auto 12pt auto;
	border-bottom: 1px solid #fae2a7;
}
#contentWrap {
	width: 100%;
	overflow: visible; /* ensure the div stretches to contain its floats */
	height: 1%;  /*holly hack - width or height is required by IE for the above rule to work */
	background: transparent none 0;
	margin: 0 auto;
}

#content {
	width: 360pt;
	margin: 0;
	padding: 0;
	line-height: 140%;
	float: left;
}

#content.wide { width:500pt;}

#facts {
	margin: 0 0 12pt 0;
	padding: 0; 
	width: 120pt;
	float: right;
	display: inline;
}

#footer {
	font: 80% Arial, Helvetica, Geneva, sans-serif;
	width: 100%;  /* restrict the width */
	height:1%;
	margin: 0 auto; /* centre the page */
	clear: both;
	border-top: 1px solid #fae2a7;
	padding-top: 6pt;
}

#navPrimary, ul#navSecondary, #navSearch { display: none !important; } /*areas that don't show up*/

/* @end */


/* @group Header Area */

h1#logoEng, h1#logoFre { display: none; }

img#logoEng { width: 144pt; height: 40pt; }
img#logoFre { width: 152pt; height: 40pt; }

#headerWrap h2 { /* bright future */
	background: transparent;
	margin: 6pt 0 10pt 0;
	font-size: 180%;
	font-weight: bold;
	color: #f0ab00;
}

/* @end */


/* @group Facts Area */

#facts img {
	display: block;
	margin:0;
	padding:0 0 12pt 0;
}
#facts p, #facts h4  {
	font-size: 105%;
	line-height: 180%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #000;
}
#facts h4 {
	color: #339;
}

/* @end */

/* @group Footer Area */

#footer p { margin: 0; }

p#copywrite { width: 170pt; display: block; float: left; }

p#funded {
	text-align: right;
	width: 250pt;
	display: block;
	right: 100px;
	float: left;
}

p#canada { display: none; }

img#canada {
	width: 67pt;
	height: 16pt;
	display: block;
	float: right;
}
/* @end */


/* @group Forms */

fieldset { margin: 2em 0; padding: 0 10pt; border: 1px solid #fae2a7;}
legend { font-size: 115%; color: #600; padding: 4pt; }
label { display: block; font-size: 90%;}

textarea, input {
	width: 100%;
	margin-bottom: 8pt;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font: 95% Verdana, Arial, Helvetica, Geneva, sans-serif;
}
input { width: 100%; }
input.submit {
	width: auto;
	background-color: #fae2a7;
	border: 1px solid #f4c44c;
	font: 105% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #900;
}
textarea {
	height: 100pt;
}
.required {
	font-size: 10px;
	color: #600;
}

/* @end */

/* @group Tables */

table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	font-size: 90%;
	margin: 6pt 0;
	line-height: 130%;
}

caption {
	font-size: 115%;
	font-weight: bold;
	text-align: left;
	padding: 4pt 0;
	color: #c30;
	line-height: 120%;
}

thead {
	background-color: #fae2a7;
	color: #339;
	font-weight: bold;
}

tbody {	background-color: #fdf1d6;}
tfoot { text-align: left; border-bottom: 1px solid #f4c44c; color: #000;}
tfoot p { margin:0; }
th, td {vertical-align: top; padding: 4pt;}
th { border-top: 1px solid #f4c44c; border-bottom: 1px solid #f4c44c;}
tr { border-bottom: 1px solid white; }

table .left { text-align: left;}
table .odd { background-color: white; border-bottom: 1px solid #f4c44c; }

/* @end */


/* @group Extra's */
#content .small { /*this is for the registration page that is linked from the home page*/
	font-size: 90%;
	margin-top: 32pt;
	width: 100%;
	border: 1px solid #ccc;
	padding: 5pt 5pt 0 5pt ;
}
#content .small h5 { margin-top: 0; }

ul.bfc { /*this is for the registration page that is linked from the home page*/
	margin: 8pt 0 24pt 24pt;
	padding: 0;
}

ul.bfc li {
	list-style-type: none;
	/*margin: 0 auto;*/
	padding: 0;
	width: 200pt;
}
ul.bfc li a {
	margin: 4pt 0;
	padding: 1pt 0 1pt 8pt;
	font-weight: bold;
	background-color: #fdf1d6;
	border: 1px solid #fae2a7;
	width: 200px;
	display: block;
	text-decoration: none;
}
ul.bfc li a:hover {
	background-color: #fae2a7;
	text-decoration: none;
	color:#900;
}

.reusableBox { /*this is used in the 2004 report on the side*/
	width: 120pt;
	float: right;
	margin: 2pt 0 20pt 35pt;
}
.reusableBoxCon { /*this is used in the 2004 report in the body*/
	width: 100%;
	margin-bottom: 12pt;
	border-bottom: 1px solid #339;
}
.reusableBox p, .reusableBox strong, .reusableBoxCon p, .reusableBoxCon strong {color:#669;}

.reusableBox h5, .reusableBoxCon h5 {
	font-size: 105%;
	background-color: #339;
	color: #fff;
	text-align: center;
	margin: 12pt auto;
}
.reusableBox h6, .reusableBoxCon h6 {
	font-size: 105%;
	color: #339;
	padding-bottom: 5pt;
}
.reusableBox img, .reusableBox h5, .reusableBoxCon h5 {
	border: 2px solid #f0ab00;
	border-bottom-width: 1px;
	border-right-style: none;
	border-left-style: none;
}

#content .source { font-size: 90%; padding-bottom: 12pt; color: #999;}

#content .listContents {
	background-color: #fdf1d6;
	width: 100%;
	margin: 20pt 0;
	font-size: 90%;
	text-align: center;
	color: #000;
}
#content .listContents p {margin: 0 auto;}
#content .listContents a {padding: 6pt;}
#content .listContents a:hover {text-decoration: none;}

/* @end */


/* @group Page IDs */

body#train #content dl {
	margin: 0 0 12pt 24pt;
}
body#train #content dt {
	margin: 0;
}

/* @group about */
body#about #headerWrap{
	background: transparent none 0;
}
/* @end */



/* @group board */

body#board #headerWrap{
	background: transparent none 0;
}

body#board #content ul {margin: 0 0 12pt 0; padding: 0;}

body#board #content li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #000;
}
body#board #content li ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
body#board #content h5 {
	margin: 18pt 0 12pt 0;
	padding-top:2pt;
	border-top: 1px solid #ccc;
}
body#board #content h6 {
	margin:0;
	padding-left: 20pt;
	float: right;
	font-style: italic;
	color: #000;
}
/* @end */


/* @group resource */
body#resource #headerWrap{
	background: transparent none 0;
}
/* @end */


/* @group careers */
body#careers #headerWrap, body#training #headerWrap{
	background: transparent none 0;
}
/* @group training */

body#training #content ul {margin: 0 0 12pt 0; padding: 0;}

body#training #content li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
body#training #content li a {
	margin: 4pt 0;
	padding: 1pt 8pt;
	font-weight: bold;
	background-color: #fdf1d6;
	border: 1px solid #fae2a7;
	width: 250pt;
	display: block;
	text-decoration: none;
}
body#training #content li a:hover {
	background-color: #fae2a7;
	text-decoration: none;
	color:#900;
}

body#training #content li ul li {
	list-style-type: square;
	margin: 0 0 0 22pt;
	padding: 0;
	font-weight: normal;
	width: auto;
}
body#training #content li ul li a {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-style: none;
	font-weight: normal;
	display: inline;
}
body#training #content li ul li a:hover {
	background-color: transparent;
	text-decoration: underline;
}
/* @end */
/* @end */



/* @group projects */
body#projects #headerWrap{
	background: transparent none 0;
}
/* @end */

/* @group news */
body#news #headerWrap{
	background: transparent none 0;
}
/* @end */

/* @group members */
body#members #headerWrap{
	background: transparent none 0;
}
/* @end */


/* @end */