/* Clearing floats
----------------------------------------------- */

 .clearfix:after {
    content: ".";  
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#clear {clear: both; width: 800px}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

.clear {clear:both}  

/* Global styles
----------------------------------------------- */

* 	{
	margin: 0;
	padding: 0;
	} 

html, body {
    height: 100%; } /* to position footer at screen base */

#wrapper {
	/*width: 100%;*/
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;

}

html>body #wrapper {
    height: auto;
	}

body 	{
	background-color: white;
	_font-size: 98.1%;
	color: #09357a;
	font-size: 1.0em;
	font-family: Arial,Geneva,Helvetica,sans-serif;
		}


/* Skip navigation etc
----------------------------------------------- */

.access {
	display:none;
}


/* linkage
----------------------------------------------- */

a:link, a:visited {
	font-weight : normal; 
	text-decoration : underline;
	color: #09357a;
	background: transparent; 
	}

a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #09357a;
	background: transparent; 
	}

a:active {
	font-weight : normal; 
	text-decoration : underline;
	color: #09357a;
	background: transparent;  
	}

/* linkage for body copy
--------- */

#content a:link,#content a:visited {
	font-weight : bold; 
	text-decoration : underline;
	color: #09357a;
	background: transparent; 
	}

#content a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #09357a;
	background: transparent; 
	}

#content a:active {
	font-weight : bold; 
	text-decoration : underline;
	color: #09357a;
	background: transparent;  
	}				


/* Header structure
----------------------------------------------- */

#header {
	position:relative;
	width:53em;
	}

#logobanner {
	float:left;
	width:680px;
	}

/* Top Nav structure
----------------------------------------------- */
#topnavcontainer {
	margin: 1px 0 0 0;
	_margin: -2px 0 0 0;
	background:#FE5815;
	position:relative;
	width:100%;
}


#minibannerwrapper {
	float:left;
	width:151px;

	background-color:#fff;
	position:relative;
	padding: 2px 0 0 0;

	}


#minibanner {
	clear: left;
	float:left;
	width:150px;
	background-color:#FE5815;
	position:relative;
	padding: 2px 0 0 0;

	}


/* Structure for three column floats - left nav, content, right column
----------------------------------------------- */
  

#container  {
	width: 100%;
	margin: 10px auto;
	background-color: #fff;
	color: #333;
	position: relative;
	
	}

div #content ul li{
	font-size: 0.8em; 
	margin-left: 1.5em; 
	color: #09357a;
	}
	
#leftnav  {
	float: left;
	width: 150px;
	margin: 0;
	}

#rightcolumn{
	float: right;
	width: 150px;
	padding-top:35px;
	margin: 0;
	}

#content {
	margin-left: 162px;
	margin-right: 162px;
	margin-bottom: 1.25em;
	padding-top:15px;
	padding-bottom: 1.25em;
	min-width:300px;
	}

/* Body copy text styling
----------------------------------------------- */

p {
	font-size:0.8em;
	padding: 9px 0;
	color:#09357a;
	}

h1 {
	font-family: Arial, sans-serif; 
	font-size: 1.3em;
	color: #fe5815;
	font-weight: bold; 
	}

h2,h3,h4,.heading2	{
	font-size: 1.1em;
	color: #09357a;
	font-weight: bold; 
	}


/* list styling - Header right nav
----------------------------------------------- */

#rightnavcontainer
{
margin:0 0 0 680px;
padding: 2px 0 0 0;
position:relative;
width: 6.25em;
}

#rightnavcontainer ul
{
list-style: none;
text-align: left;
}

#rightnavcontainer li 
{
list-style: none;
margin: 0;
padding: 2px 0 2px 0;
}

#rightnavcontainer ul li a
{
background: transparent;
padding: 15px 0 0px 5px;
/*height: 25px;*/
text-align: left;
text-decoration: none;
color: #09357a;
font-family: Helvetica, Arial, sans-serif;                        						 
font-size: 0.7em;
/*display:block;*/

}

#rightnavcontainer ul li a:hover
{
/*background: transparent url(images/list-on.gif) left center no-repeat;*/
color: #09357a;
text-decoration: underline;
}

#rightnavcontainer ul li a.icontext
{
	vertical-align: top;
/*background: transparent url(../images/icon-site-map.gif) left center no-repeat;*/

}

#rightnavcontainer ul li a.iconcontact
{
/*background: transparent url(../images/icon-contact-us.gif) left center no-repeat;*/
}

#rightnavcontainer ul li a.iconaccess
{
/*background: transparent url(../images/icon-accessibility.gif) left center no-repeat;*/

}


/* list styling - Top orange nav

----------------------------------------------- */



#topnav
{
	    background:transparent;
	    position:relative;
	    width:53em; /* increase this value if the categories on this nav require more space, ie to avoid line wrapping*/
	    background:#FE5815;
	     /*height: 1%; Holly hack for Peekaboo Bug */
	    overflow:visible;
}

#navcontainer
{
	margin: 0 0 0 150px;
	padding: 0px;
	/*width:auto; 43em */
	position:relative;
}

#navcontainer ul
{
	margin: 0 2px 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	text-align: left;
	width:auto;
}

#navcontainer ul li
{
	float: left;
	text-align: center;
}


#navcontainer ul li#farright
{
	border-right: solid 1px #fff;
}

#navcontainer ul li a
{
	text-decoration: none;
	font-size: 0.7em;
	font-weight:bold;
	float: left;
	margin: 0px;
	height: 2.5em;/*26.6*/
	width: auto;
	padding-top: 0px;
	padding-right: 12.5px;
	padding-bottom: 0px;
	padding-left: 12.5px;
	color: #fff;
	background-color:#FE5815 ;
	border-left: solid 1px #fff;
}

#navcontainer li a:link, #navcontainer li a:hover, #navcontainer li a:visited, #navcontainer li a:active
{
	color: #fff;
	background-color:#FE5815 ;
	border-left: solid 1px #fff;
}
#navcontainer #navlist .active a
{
	background-color: #09357a;
}

/* list styling - Breadcrumbs
----------------------------------------------- */

#breadcrumb {
	margin: 0 0 0 160px;
}

/*Breadcrumbs list*/
#breadnavlist
{
list-style: none;
padding: 0;
margin: 4px 0 0 0;
}

#breadnavlist li, #breadnavlist #breadcrumbs a:link, #breadnavlist #breadcrumbs a:hover, #breadnavlist #breadcrumbs a:visited, #breadnavlist #breadcrumbs a:active, #breadnavlist #breadcrumbs SPAN.breadcrumb-current
{
display: inline;
padding: 0;
margin: 0;
font-size: 0.73em;
color: #09357a;
font-weight: bold;
}

#breadnavlist li:before { content: "> "; }
#breadnavlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #breadnavlist li
{
background-image: url("../images/gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #breadnavlist { height: 1%; }

* html #breadnavlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #breadnavlist li:first-child { background-image: none; }


/* list styling - Left nav
----------------------------------------------- */

/* vertical menu */
#verticalMenuContainer {
	clear: left;
	width: 150px;
	margin: 0;
	background-color: #fff;
	font-weight: normal;
	text-align: left;
	z-index:0;
	voice-family: "\"}\"";voice-family:inherit;
	height: 100%
	}
body>#verticalMenuContainer {width:150px;}


/*#verticalMenuContainer { width:150px;}
body>#verticalMenuContainer {width:150px;}*/

#verticalMenuContainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: arial, verdana, sans-serif;
}

#verticalMenuContainer li { margin: 0; }

#verticalMenuContainer a
{
display: block;
color: #09357a;
background-color: transparent;
width: 130px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 0px solid #aaa;
border-left: 0px solid #aaa;
font-size: 0.8em;
}

#verticalMenuContainer ul ul
{
margin-left: 8px;
padding: 0;
list-style-type: none;
}

#verticalMenuContainer a:hover
{
background-color: #fff;
color: #09357a;
text-decoration: underline;
/*border-right: 10px solid #fff;*/
/*padding: 2px 1px 2px 10px;*/
}

#verticalMenuContainer li li a
{
display: block;
color: #09357a;
background-color: transparent;
width: 120px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 0px solid #aaa;
text-decoration: none;
font-size: 0.8em;
}

ul#verticalMenu li li a:hover.subSelected, ul#verticalMenu li li a.subSelected {font-weight: bold}
ul#verticalMenu li a:hover.selected {color: #ffffff; background-color: #09357a; font-weight: normal; text-decoration: none;}

ul#verticalMenu li a.selected {color: #ffffff; background-color: #09357a; font-weight: normal; text-decoration: none;}


ul#verticalMenu li .notSelectednoImage, ul#verticalMenu li a:hover.notSelectednoImage
{
border-right: 0px solid #09357a;
text-decoration: none;
}

/* Sections
----------------------------------------------- */
#section
{
	padding-top: 1em;
}

/* list styling - Footer
----------------------------------------------- */

#footerx
{
position: absolute;
bottom: 20px;
left: 160px;
right:150px;
clear: both;
/*width: auto; 27.6 comment out*/
text-align: center;
}

#footer {
position: absolute;
bottom: 20px;
left: 160px;
right:120px;
clear: both;
text-align: left;
font-size: 0.7em;
margin:0 auto;
padding:0.2em 0.3em .2em 0.3em;
text-align:left;
overflow:hidden;
border-top:solid 1px #fe5815;
border-bottom:solid 1px #fe5815;
}
.footernav {width:auto;margin:0 auto;}
.footernav ul{float:left;overflow:hidden;} /* wrap the lis tightly and gives us somewhere to hide the first pipe */
.footernav li {width:auto;margin:0 0 0 -2px;display:inline;padding:0 0.5em ;border-left: 1px solid black; white-space: nowrap;}


.footernav li a:link
{
text-decoration: none;
}

.footernav li a:active
{
text-decoration: none;
}

.footernav li a:visited
{
text-decoration: none;
}

.footernav li a:hover
{
text-decoration: underline;
}

#clear {clear: both;}

/* styles for form that use ordered list form id=details
----------------------------------------*/	

#details label          {font-weight:normal; margin-right: 0.5em; width:19.5em; float: left; text-align:left}

#details ul li input, #details ul li select, #details ul li textarea {font: 1em Arial, verdana,"trebuchet MS",helvetica,sans-serif; color: #09357a; padding: 0px 0 0px 0px;}
#content form#details .button, #content form#details li.check input {margin-left:1em}
#details ul {list-style:none; }
#content form#details .buttonreset {margin-left:14.5em}
#details ul li.shading {background-color: #FFFFFF}
#details ul li {padding: 1px 0 0px 1px;}

#content ul .errors li
{
        padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.1em;
        color: red;
}

/*make right marg smaller for meter reading pages 
#content {
	margin-left: 162px;
	margin-right: 62px;
	margin-bottom: 1.25em;
	padding-top:15px;
	padding-bottom: 1.25em;
	min-width:300px;
	}
*/


/* to be moved to - style-carbon */

.listwithimage {
	
	border: none;
	padding: 0em 0em;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	list-style: square url(../images/red-arrow-bulletsize.jpg);
}

.listwithimage-li {
	list-style-image: url(../images/red-arrow-bulletsize.jpg);
}

#content ul.listwithimage p {
font-size: 100%;
}

h1 {
	font-family: Arial, sans-serif; 
	font-size: 1.1em;
	color: #00b18d;
	font-weight: bold; 
	margin-bottom: 0;
	}

h2, .heading2	{
	font-size: 1em;
	color: #00b18d;
	font-weight: bold; 
	margin-bottom: 0;
	padding: 0;
	}

h3	{
	font-size: 1em;
	color: #00b18d;
	font-weight: bold; 
	margin-bottom: 0;
	}
h4	{
	font-size: 1em;
	color: #00b18d;
	font-weight: bold; 
	margin-bottom: 0;
	}


#content .inputArea1 { 
	background-color: lightgreen;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
 	font-style: normal;
	font-weight: normal;
	}
#content .errors li{ color: #FF0000;}

#content td.main-text {
	font-size:0.8em;
	padding: 9px 0;
	color:#09357a;
	}
#content #results li .odd {
	border: 1px solid black;
	background-color: lightgreen;
}
#content #results li.odd1 {
	border: 1px solid black;
	background-color: lightgreen;
	padding: 10px 0px 10px 10px;
}

#content #results li{
	border: 0px solid lightgreen;
	list-style-type: none;
	padding: 10px 0px 10px 10px;
}

.border {border: 1px solid lightgreen;}
/* Sections    
----------------------------------------------- */
#section

{

            padding-top: 1em;

}
				
.caveat { font-size: xx-small; }
.smalltext { font-size: 0.75em; }
.mediumtext { font-size:0.8em; }

/*Breadcrumbs list*/

#breadnavlist #breadcrumbs li, #breadnavlist #breadcrumbs a:link, #breadnavlist #breadcrumbs a:hover, #breadnavlist #breadcrumbs a:visited, #breadnavlist #breadcrumbs a:active 
{

font-weight: normal;
}


#breadnavlist #breadcrumbs SPAN.breadcrumb-current
{
font-weight: bold;
}

#breadnavlist #breadcrumbs SPAN.nolink {

font-size: 0.8em;
}