/**********************************************************************************************

	Title	: Website
	Author	: XHTMLized
	Date	: March 2008 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th {
	text-align: left; 
	font-weight: normal;
}




/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

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

.clearfix {
	display: block; }
/* End hide from IE-mac */
.imageRight {
width: 225px;
	float: right;
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	position: relative;
	overflow: hidden;
	width: 1005px;
	height: 1%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#header {
	
}

#content {
	min-height:300px;
	padding: 20px 20px 20px 0px;
               clear: left;
}

#footer {
	clear: both; 
}


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

h1 {margin: 15px 0 20px 35px;}

h1 a {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 22px 0 0 123px;
	width: 220px;
	height: 60px;
	color: #666;
}
	h1 a span {
		position: absolute;
		left: 0;
		top: 0;
		width: 343px;
		height: 82px;
		background: url(../images/logo.jpg) no-repeat left top;
	}

#wrapper_navigation, #wrapper_home_navigation {
	width: 1005px;
	height: 54px;
	background: url(../images/bg_navigation2.gif) no-repeat center top;
}
/*	width: 1005px;
	height: 54px;
	background: url(../images/bg_home_navigation.gif) no-repeat center top;
}*/
	ul#navigation {
		position: relative;
		padding: 0 0 0 145px;
		height: 27px;
	}



		ul#navigation li {
			float: left;
			padding-left: 3px;
			font-weight: 700;
			font-size: 14px;
			color: #fff;
			background: url(../images/spacer_nav.gif) no-repeat left top;		
		}
			ul#navigation li a {
				display: block;
				float: left;
				padding: 0 15px;
				height: 27px;
				line-height: 27px;
				text-align: center;
				color: #fff;
				text-decoration: none;
			}
			
			ul#navigation li.last a {background: url(../images/spacer_nav.gif) no-repeat right top; padding-right: 18px;}
			ul#navigation li a:hover , ul#navigation li.active a , ul#navigation li.sfHover a {background-color: #acacac; text-decoration: none;}
			
			/* updated css */
			ul#navigation li.center_align {position: relative;}
			ul#navigation li.left_align ul {left: 150px !important; margin-left: 0 !important;}
			/* end of updated css */
			
			/*	ul#navigation li ul {
					position: absolute;
					left: 55%;
					top: 26px;
				}*/
				  ul#navigation li ul {
				    position: absolute;
				    left: 55%;
				    top: 26px;
				    width: 88em !important;
				 }
					ul#navigation li ul li {
						position: relative;
						padding: 0;
						font-weight: normal;
						font-size: 13px;
						background: none !important;
					}
						ul#navigation li ul li a {
							padding: 0 9px;
							background: url(../images/spacer_sub_nav.gif) no-repeat right 6px !important;
							color:#878787;
						}


						ul#navigation li ul li.last a {background: none !important;}
						
ul#navigation ul li a:hover , ul#navigation ul li.active a {text-decoration: underline;}
							
	
/* 3.3	Content LeftSide
-----------------------------------------------------------------------------------------------*/	

#content .leftSide {
          width: 150px;
          float: left;
          height: 300px;  }

/*---------------------left - sub navigation---------------------------*/
#content .leftSide ul.level-3 {
margin: 19px 0em 52px 20px;
width: 125px;
padding: 0;
}
#content .leftSide ul.level-3 li{
/*margin-bottom: 0px;*/
margin-bottom: -5px;
margin-left: 0px;
list-style: none;
}
html>body #content .leftSide ul.level-3 li{
	margin-bottom: 10px;
}
ul.level-3 li a {
	color: #5387BD; 
 	font-size:14px;
        height: 28px;
 	padding: 5px 2px 3px 2px;
	display:block;
	font-family: Arial, Verdana, sans-serif;
               background-image: url(../images/sidebarUP.gif);
               background-repeat: no-repeat;
               text-align: center; }

ul.level-3 li a:hover{
background-image: url(../images/sidebarOVER.gif);
display:block;
color: #fff;
text-decoration: none; }

ul.level-3 li.active a {
background-image: url(../images/sidebarOVER.gif);
display:block;
color: #fff;
}

ul.level-2 li.active a:hover{
background-color: #4d4d7e;
display:block;
color:#fff;
}

/* 3.4	Content RightSide
-----------------------------------------------------------------------------------------------*/	


#content .rightSide {
          margin-top: 19px;
          width: 810px;
          float: left;
               margin-left: 15px;}

#content img.right {
	float: right;
	margin: -45px 0 20px 20px;
}

#content h2 , #content h3 , #content p, #content .rightSide ul {width: 580px;}

#left300 {
	float: left;
	width: 286px;
	text-align: left;
padding-right: 10px;
}

#content #embed_code {
	padding-top: 7px;
}


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

#footer {
	width: 1005px;
	height: 54px;
	text-align: left;

/*padding: 20px 20px 20px 160px;*/}

#footer p , #footer ul li , #footer a {
	padding-bottom: 0;
	line-height: 12px;
	font-size: 10px;
	color: #666;
}
#footer p {

	vertical-align: baseline; 
	margin: 0; 
	padding: 0;	
padding-left: 165px;
}
#footer p.float {float: left;
padding-left: 165px;
}

#footer p {clear: both;}

ul.footer {	
	}

ul.footer li {
	float: left;
	padding: 0 5px;
	line-height: 10px;
	border-right: 1px solid #666;
}

ul.footer li.active {
	text-decoration: underline;
}

ul.footer li.last {border-right: none;}
		
#footerlinks #admin_link {
overflow: hidden;
background: url(../images/admin-button.gif) no-repeat;
background-position: center;
width: 90px;
height: 25px;
float: left;
margin-right: 1em;
font-size: 0px;
text-align: center; }

#footerlinks #edit_link {
font-size: 0px;
overflow: hidden;
background: url(../images/edit-button.gif) no-repeat;
background-position: center;
width: 90px;
height: 25px;
display: block;
float: right;
}


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* updated css */

#home-content {
	background-image: url(../images/home_image.jpg);
	height: 378px;
	width: 963px;
	margin-left: 23px;
	margin-top: 20px;
}
#home-content ul#home-nav {
	padding-left: 142px;
	position: relative;
	padding-top: 229px;
	width: 740px;
}
#home-nav li a span {
	display:none
}
#home-nav li.energy a{
	background-image: url(../images/trillium_up_03.gif);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 117px;
}
#home-nav li.energy a:hover {
	background-image: url(../images/trillium_over_03.gif);
}
#home-nav li.environment a{
	background-image: url(../images/trillium_up_04.gif);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 123px;
}
#home-nav li.environment a:hover {
	background-image: url(../images/trillium_over_04.gif);
}
#home-nav li.economics a{
	background-image: url(../images/trillium_up_05.gif);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 126px;
}
#home-nav li.economics a:hover {
	background-image: url(../images/trillium_over_05.gif);
}
#home-nav li.wind1 a{
	background-image: url(../images/trillium_up_06.gif);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 371px;
}
#home-nav li.wind1 a:hover {
	background-image: url(../images/trillium_over_06.gif);
}

#home-nav li {float: left;}
* html ul#navigation li.last ul li {margin-left: -42px !important;}

/******** SITEMAP MODULE ********/

#sitemap li.sub{
list-style-type: none;
}