/* Stylesheet for Xenergie website
Created by Michael Heraghty, Mediajunk.com - October 2005
Last Updated 12 November 2007 */

/* Universal Styles -------------------------------
*/
html{
	border: 0;
	margin: 0;
	padding: 0;
}

body{
	background: #fff; /* ff */
	*background: #fff url(images/graystripes.GIF); /* ie */
	padding: 0;
	margin: 10px 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

img{
	border: 0;
}

#widthwrap { 
	width: 780px; /* Sets width for IE5 and below */
	w\idth: 770px;	/*Sets width for all other browsers*/
	margin-left: 20px; /* Sets margins for IE 5.x browsers */ 
	ma\rgin: 0 auto 0 auto; /* Sets width for all other browsers */ 
	border: 10px solid #fff;
	background: #fff;
}

a { color: #8B4513; }

a:hover { 
	color: #000;
	}

#mainbody ul { margin-top: 8px; }

#mainbody li { margin-bottom: 8px;}

/* Banner -------------------------------
*/

#banner {
	display: block;
	background: #BDCE08;
	height: 110px;
	border-bottom: #fff 1px solid; /*to make Firefox 
	paint entire bg - otherwhise large white patch appears*/
}

#banner img {
	display: block;
	float: left;
	margin-left: -5px; /* ie5 and below */
	ma\rgin-left: 0;
}

.utilitybar {
	text-align: right;
	padding: 10px 15px 0 0;
}

.utilitybar, .utilitybar a {
	color: #444;
}

.utilitybar a:hover {
	color: #fff;
}

/* Search -------------------------------
*/

#searchbar {	
	display: block;
	text-align: right;
	margin-right: 10px;
	margin-top: 45px !important; 
	margin-top: 35px; 
	margin-bottom: 0px !important;
	margin-bottom: -19px;
}

#searchbar .searchlabel {
	display: inline;
	font-size: 11px;
	font-weight: bold;
}

#searchbar .inputbox {
	display: inline;
	width: 250px;
	margin: 0; 
}

#searchbar .submitbutton {
	height: 24px;
	font-size: 10px;
	margin: 0;
	border: 3px double #999999;
	border-top-color: #eee;
	border-left-color: #eee;
	background-color: #D5D19D;
	color: #333333;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

/* Top-Level Navigation -------------------------------
*/

#sitenav{
	display: block;
	background: #BDCE08;
	margin-bottom: -15px;
}

#sitenav ul {
	clear: both;
	list-style: none; 
	padding: 0;
	margin: 0;
	color: #fff;

}

#sitenav li { 
	display: inline; 
}

#sitenav li a {
	font-size: 1em;
	font-weight: bold;
  	padding: .55em 1.40em;
  	background-color: #DEB887;
  	color: #000;
	border-right: 1px solid #fff;
  	text-decoration: none;
  	float: left;
}

#sitenav li a.firsttab {
	width: 50px;
	padding-left: 16px; /* IE5 and below */

}


#sitenav li a.lasttab {
	border-right: 0px;
	padding-right: 19px; /* IE5 and below */
	padding-r\ight: 22px; /* Firefox and IE7 */
}

#sitenav li a:hover, #sitenav li a.selected {
	color: #fff;
	background-color: #B56B21;
}


hr.sitenavtrimming{
	clear:both;
	height: 3px;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #B56B29;
	margin: 0 0 10px 0; /* all browsers including firefox */
	*margin: 7px 0 0 0; /* IE7 and below */
	width: 100%;
}

/* Utility Bar  -------------------------------
*/

a.selected{
	color: #fff;
}

/* Local Navigation -------------------------------
*/

#localnav{
	background: #fff;
	width: 200px;
	margin: 0px 0px 10px 0px;
	float: left;
}

#localnav h2{
	display: block;
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
	padding: 4px 0 4px 0px;
	font-size: 0.85em;
	color: #8B4513;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-bottom: 1px solid #8B4513;
}

#localnav ul{
	display:block;
	list-style: none; 
	margin: 0;
	width: 200px;
	padding: 0; /* firefox */
	*padding: 0 0 1px 0; /* ie */
	border-bottom: 0; /* firefox */
	*border-bottom: 1px solid #8B4513; /* ie */
}

#localnav ul li{
	display: block;
	float: left;
}

#localnav ul li a{
	display: block;
	background: #DEB887;
	color: #000;
	font-size: 0.85em;
	text-decoration: none;
	padding: 4px 0 4px 16px;
	border-top: 1px solid #fff;
	width: 200px; /* Sets width for IE5.x browsers */
	w\idth: 184px; /* Sets width for CSS compliant browsers */
}

#localnav ul li a:hover, #localnav a.selected{
	display: block;
	background: #D08F4D;
	color: #000;
}

/* Local Sub-Menu  -------------------------------
*/

ul#sublocal{
	clear: both;
	border-bottom: 0px;
	padding: 8px 0 0 0; /* FF */
	*padding: 3px 0 8px 0; /* IE */
	background: #F0EEBD;
}

ul#sublocal li{
	display: block;
	width: 190px;
	float: left;
}

ul#sublocal li a{
	display: block;
	background: #F0EEBD;
	color: #000;
	font-size: 0.85em;
	text-decoration: none;
	padding: 0 0 10px 16px; /* ff */
	*padding: 5px 0 5px 16px; /* ie */
	border-top: 1px solid #F0EEBD;
	width: 190px; /* Sets width for IE5.x */
	w\idth: 184px; /* Sets width for all other browsers*/
}

ul#sublocal li a:hover, ul#sublocal a.selected{
	display: block;
	background: #F0EEBD;
	color: #880000;
	text-decoration: underline;
}

/* Main Content -------------------------------
*/

#mainbody {
	display: block;
	width: 550px;
	float: right;
	margin: 6px 0 20px 0px;
	background: #fff;
}

/*
#maincontent{
	display: block;
	width: 550px;
	float: right;
	margin: 6px 0 20px 0px;
	background: #fff;
}

#mainbody #mainbody {
	display:inline !important;
	width:auto !important;
	float:none !important;
	margin:0px !important;
	background:none !important;
}
*/

#flashslides{
	margin: 13px 0 20px 0 !important;
	margin: 16px 0 20px 0;

}

#nonflash{
	width: 550px;
}

#mainbody h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.65em;
	margin: 20px 0 8px 0;
	color: #8B4513;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 1.2em;
	font-weight: normal;
	border-bottom: 1px solid #8B4513;
}

#mainbody .intro{
	font-weight: bold;
}

#mainbody h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #8B4513;
	margin: 20px 0 3px 0;
	text-transform: capitalize;
}

#mainbody h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #435F1F;
	margin: 20px 0 3px 0;
	text-transform: capitalize;
}

#mainbody p{
	margin: 0 0 10px 0;
}

#mainbody ul li{
	padding: 4px 0 4px 0;
}

/* image styles */
.align-image-left{
	float: left;
	margin-right: 10px;
}

.align-image-right{
	float: right;
	margin-left: 10px;
}

/* About Us Page -------------------------------
*/
.quote{
	color: #B56B29;
	font-weight: bold;
}

/* Footer -------------------------------
*/

#bottom{
	width: 100%;
	float: left;
	text-align: center;
	border-top: 1px solid #8B4513;
	padding: 10px 0;
	color: #8B4513;
}

.copyright{
	font-size: .85em;
	color: #A9A9A9;
	padding-top: 20px;
}

.copyright a{
	color: #A9A9A9;
}

.copyright a:hover{
	color: #5E3313;
}

/* News Pages -------------------------- */

ul#newsarchive{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#newsarchive li{
	padding: 3px 0 0 0;
}

p.archives{
	padding-top: 20px;
}

/* Sitemap -------------------------- */
ul#sitemap{
	margin-top: 10px;
}

ul#sitemap li{
	list-style: square;
}

ul#sitemap li li{
	list-style: circle;
}

/* Additional Styles Created for Search Script */
dd{
	padding-top: 3px;
}

dd br{
	padding: 0;
	margin: 0 0 3px 0;
}

.date{
	color:#435F1F;
}

.url{
	color: #435F1F;
}

/* Contact Page */

 .emailsubmitbutton{
	height: 24px;
	font-size: 10px;
	margin: 0;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #CFD6BE;
	color: #2A3214;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

 .newslettersubmitbutton{
	height: 24px;
	font-size: 10px;
	margin: 0;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #CFD6BE;
	color: #000;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* Misc */
.super{
	vertical-align: super;
	font-size: x-small;
	margin-left: -4px;
}

.biopic{
	display: inline;
	margin: 4px 10px 5px 0px;
	float: left;
}

/* Editor */
#editor{
	margin: 10px;
}

/* Hack to make the contact page form work with editor */
#contactform{
	margin-left: 220px;
}

/* Sitemap */
ul.sitemap {

}
ul.sitemap,
ul.lev-1,
ul.lev-2 {
	margin:0px;
	padding:0px;
}
li a.root {
	font:16px arial,verdana,sans-serif;
	display:block;
	padding-left:9px;
}
ul.sitemap li {
	list-style:none;
}
ul.sitemap li strong {
	font:15px arial,verdana,sans-serif;
	display:block;
	border-bottom:1px solid #CCC;
}
ul.lev-1 li {
	margin-bottom:3px;
	font:14px arial,verdana,sans-serif;
}
ul.lev-1 li a {
	margin-left:18px;
}
ul.lev-2 li {
	margin-bottom:3px;
	background:transparent url("images/bg_list.gif") no-repeat 23px 10px;
	font:13px arial,verdana,sans-serif;
}
ul.lev-2 li a {
	margin-left:37px;
}