*{
	padding:0;
	margin:0;
	font-family: Lucida, Arial, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000;
}


body {
	background-color: #ffffff;
	/*text-align: right;*/
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
}


/* - - - - - - -  container for right side kite animation  - - - - - - - */
#right-animation {
	float: right;
	width: 9%;
	height:450px; 
	padding: 0 auto;
	margin: 0 auto;
	text-align: left;
	background-image:url(images/img-right-filler.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}


/* - - - - - - -  loads header banner with logo, clouds and kite image  - - - - - - - */
#banner {
	float: left;
	width: 100%;
	height: 155px;
	background-image: url(images/img_bgnd-cloudsbanner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0;
}

#banner-logo{
	float: left;
	margin: 0px;
}

#banner-clouds{
	float: right;
	margin: 0px;
}



/* - - - - - - -  creates container for page content  - - - - - - - */
#container {
	float: left;
	padding: 0;
	margin: 0;
	width: 91%;
	min-height:400px;
	background: url(images/img-container-bgnd.jpg) top left repeat-y #ffffff;
	
}

*html #container {height:400px;}


/* - - - - - - -  formatting for navigation  - - - - - - - */

#menu-location {
	z-index: 8000;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width:100%;
	height: 52px;
	background-color: #D1DFEF;
	background-image: url(images/img-menu-bgnd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
}


/* - - - - - - -  DROP DOWN MENUS  - - - - - - - */
       .menu {z-index:15000; white-space:nowrap /*IE hack*/; float:left; width:auto; border:none; /*background:none;*/ color: rgb(75,75,75); font-size:13px;} /*Color navigation bar normal mode*/
       .menu ul {list-style-type: none;}
       .menu ul li {padding: 0 0 0 2px; background: url(images/img-menu.gif) top left repeat-y; float:left; z-index:auto !important /*Non-IE6*/; z-index:15000 /*IE6*/;}
       *html .menu ul li {padding: 0 0 0 0px;}
       .menu ul li a {font-weight: normal; margin: 0px 0px 0 0px; float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:36px;  padding:16px 4px 0 4px; text-decoration:none; color: #135895;}
       *html .menu ul li a {margin: 0px 0px 0 1px;}
       
       .menu ul li ul li a {font-weight: bold; margin: 0 0 0 0; float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:20px; line-height:25px; padding:0 4px 0 4px; text-decoration:none; font-weight:normal; color: #135895;}
           .menu ul li ul li {padding: 0 0 0 0;}    
       .menu ul li ul {list-style-type: none; display:none; border:none;}
       
       
       /*Non-IE6 hovering*/
       .menu ul li:hover {padding: 0 0 0 2px; background: url(images/img-menu-hover.gif) top left no-repeat; position:relative;} /*Sylvain IE hack*/
       .menu ul li:hover a {text-decoration:none; color: #fff; background: url(images/img-submenu-hover.gif) top left repeat-x;} /*Color main cells hovering mode*/
         .menu ul li:hover ul {padding: 0 0 5px 0px; text-align: left; display: block; width: 142px; position:absolute; z-index:999; top:8px; left: 0px; margin:44px 0 0 0px; background: url(images/img-submenu-footer.png) bottom left no-repeat;}
       .menu ul li:hover ul li:hover {padding: 0 0 0 0px; background: none;}
       
       .menu ul li:hover ul li a {font-size: 10px; white-space:normal; display: block; width: 110px; height:auto; line-height:1.2; padding:4px 16px 4px 10px;  background: url(images/img-submenu-hg.png) top left no-repeat; font-weight:normal; color: #fff;} /*Color subcells normal mode*/
       .menu ul li:hover ul li a:hover {color: #000;  text-decoration:none;} /*Color subcells hovering mode*/
   
       
       /*IE6 hovering*/
       .menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
       .menu ul li a:hover {background: url(images/img-submenu-hover.gif) top left repeat-x; color: #fff; position: relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; /*background:none;*/ text-decoration:none;} /*Color main cells hovering mode*/
       .menu ul li a:hover ul {padding: 0 0 6px 0; display: block; text-align: left; width: 142px; position:absolute; z-index:999; top: 42px; t\op:42px; left:-2px; marg\in-top:10px;}
          
       .menu ul li a:hover ul li a {font-size: 11px; white-space:normal; display:block; w\idth: 110px; height: auto; line-height:1.2;  padding: 4px 16px 4px 10px; font-weight:normal; color:#fff;} /*Color subcells normal mode*/  
       .menu ul li a:hover ul li a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/westwind/images/d-nav2-sub-hg.png',sizingMethod='scale'); background: none;}
       .menu ul li a:hover ul li a:hover {color: #000;  text-decoration:none;}
       .menu ul li a:hover ul li a:hover {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/westwind/images/d-nav2-sub-hg.png',sizingMethod='scale'); background: none;}



/* - - - - - - -  formatting for footer  - - - - - - - */
#footer-back {padding: 0 0 0 0; border: none; background: #fff; margin: 0 0 0px 15px;}
a.footline-back-en {border:none; text-decoration:none; padding: 0 0 0 0; margin: 0px 0 0 0; width: 100px; height: 40px; background: url(images/footer-back-en.jpg) top left no-repeat;}
a.footline-back-en:hover {border:none; text-decoration:none; padding: 0 0 0 0; margin: 0px 0 0 0; background: url(images/footer-back-en-h.jpg) top left no-repeat;}


/* - - - - - - -  formatting for content  - - - - - - - */
#content {
	z-index: auto;
	float: left;
	position: relative;
	top: 0px;
	left: 5px;
	text-align: left;
	min-height: 500px;
	background: url(images/img-title-bgnd.jpg) top left no-repeat;
	padding-top: 15px;
	padding-right: 19px;
	padding-bottom: 0;
	padding-left: 19px;
	list-style-position: outside;
	list-style-type: circle;
	width: 100%;

} 
*html #content {height: 450px;}

#content h1 {color: #5DABD3; font-size: 22px; font-weight: normal; }
#content h2 {color: #A3BA03; font-size: 12px; font-weight: normal; margin: 0 0 15px 20px;}
#content h3 {color: #135794; font-size: 15px; font-weight: normal; margin: 0 0 5px 0px;}
#content h4 {color: #135794; font-size: 12px; font-weight: bold; margin: 0 0 0px 2px;}
#content p {
	font-size: 12px;
	line-height: normal;
	color: #000000;
	width: 75%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	padding: 0 0 1em;

}

#content img {
	border: 0px;
	}
	
#content p.red {
	color:#F00}

	
#content ul {
	color: #000000;
	margin: 0 0 0 17px;
	padding: 0 0 1em;
	list-style-type: square;
}

#content ul.wtg {
	color: #000000;
	margin: 0 0 0 17px;
	padding: 0 0 1em;
	list-style-type: square;
	list-style-image:url(images/wind-icon.jpg);
}


#content li {
	color: #000000;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	list-style-type: square;
	list-style-position:outside;
}

#content ol {color: #000000; margin: 0 0 0 17px; padding: 0 0 1em;}

#content strong {color: #000000;}

#content p img {padding: 3px 3px 3px 3px; border: 0px solid #ccc; background: #fff; margin: 0 0 5px 15px;}
#content a {color: #5DABD3; font-weight: normal; font-size: 12px; text-decoration: none;}
#content a:hover {color: #A3BA03; text-decoration: underline;}  

/* toggle classes */
.hidden { visibility: hidden; }
.unhidden { visibility: visible; }


projectbutton {
	padding: 10px 10px 0px 10px;
	border: none;
}

#projectbutton h3{
	margin: 10px 0px 2px 0px;
	font-size: 12px;
	border: none;
	font-weight: bold;
	text-align: center;
	letter-spacing:0px;
	color: #000000;
	padding-bottom: 2px;

}

#projectbutton p {
		font-size: 9px;
		margin: 0px 0px 2px 20px;
}

#projectbutton a {color: #5DABD3; text-decoration: none;}

#projecttable{
	padding: 0px;
	width: 80%;
}

th.operating_project {
	background-color: #bcd637;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 2px 2px 17px;
	text-align: left;

}

th.planned_project {
	background-color: #cbcbcb;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 2px 2px 17px;
	text-align: left;

}

th.underconstruction_project {
	background-color: #5DABD3;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 2px 2px 17px;
	text-align: left;

}

#projecttable td.menu {
	font-size: 12px;
	padding: 10px 0px 10px 17px;
	margin: 0px;
	border: none;
	width: 180px;
	color: #5DABD3;
	vertical-align: top;
}

#projecttable td.content {
	font-size: 12px;
	padding: 10px 0px 10px 10px;
	margin: 0px;
	border: none;
	color: #000000;
	vertical-align: top;
}

/* - - - - - - -  formatting for on-line form  - - - - - - - */
span.OptField 
	{
	color: black; 
	font-size: 12px; 
	font-weight: normal; 
	} 

input.OptField
	{
	border: 1px solid black;
	font-weight: normal; 
	}
	
span.RqdField
	{
	color: red; 
	font-size: 12px; 
	font-weight: bold;
	}

input.RqdField
	{
	border: 1px solid red;
	font-weight: bold;
	}
/* - - - - - - -  formatting for footer  - - - - - - - */

#footer {
	clear:both;
	float: left;
	width: 100%;
	height: 40px;
	background: url(images/img-menu-footer.jpg) top left repeat-x;
	padding-left: 30px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	padding-right: 30px;
	padding-top: 5px;
	background:#a0b802;
	border-top: 2px solid #879800;
	margin: 0px;
}

#footer-container{
	float: left; 
	width: 85%; 
}

#footer p {
	color: #000; 
	font-size: 10px;
	line-height: 20px;
	}
	
#footer a {
	color: #fff; 
	text-decoration: none;
	font-size: 10px;
	}
	
#footer a:hover {
	color: #000; 
	text-decoration: underline;}
	
#footer img a {
	border: 0px;
}



/*  - - - - - - - miscellaneous styles for reuse  - - - - - - - */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

img a {
	border: 0px;
}

	
p.vision {
	font-size: 12px;
	line-height: normal;
	color:#5DABD3;
	text-align:center;
	font-style:italic;
	width: 75%;
	margin: 0px;
}
	
/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print{.header-top{width:900px;height:80px;background:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}
@media print{.header-breadcrumbs{width:900px;background:transparent;}}
@media print{.menu{float:left;width:900px;border:none;background:rgb(240,240,240);color:rgb(75,75,75);font-size:1.0em;font-size:130%;}} /*Color navigation bar normal mode*/
@media print{.main{clear:both;width:900px;padding-bottom:30px;background:transparent;}}
@media print{.main-navigation{display:inline /*Fix IE floating margin bug*/;float:left;width:199px;border-right:solid 1px rgb(200,200,200);border-bottom:solid 1px rgb(200,200,200);background-color:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE*/;}}
@media print{.footer{clear:both;width:900px;height:3.7em;padding:1.1em 0 0;background:rgb(240,240,240);font-size:1.0em;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}