@charset "utf-8";
/* CSS Document */
#SideBlocks {
margin: 0px 0px 0 10px; 
padding: 4px 0px 0 10px; 
border: 0px solid #999; 
width: 170px; 
background: url(images/block_banner.gif) no-repeat; 
height: auto; 
float:right;
}
#SideBlocksImage { text-align:right; float: right; margin-right: 4px;}
#FlashBox{
margin: 0; padding: 0; width:740px; height:466px; float:left;
}
#LeftofHome{
float:left;
width: 540px;
height: auto; 
}
#ServicesPic{ float:right; width: 230px; height: 200px; padding: 0; }
#RightofHome{
float:right;
width: 200px;
height:auto;

}
#LeftHomeBlock{
float:left;
width: 520px;
height: auto;
margin: 10px 0px 0 0;

}
#EarthHourBanner{
margin: 20px 0 0 0;
width: 540px;
height: 60px;
background:#000000;
}
#Notices{
display: inline;
position:absolute;
right: 0px;
top:10px;
z-index:50;
}
#Swashbuckle{
position:relative;
top: 20px;
left: 0px;
z-index: 7;
}
#Logo{
position:absolute;
top: 100px;
left: 140px;
padding: 10px 10px 0 10px;
background-color:#ffffff;
width: 740px;
height: 20px;
z-index:8;
text-align:right;
}
#FootCont{
position:relative;
top: 0;
left: 140px;
text-align:right;
padding: 8px 10px 0 10px;
border-top: 1px #999 solid;
width: 740px;
height: 18px;
font-size: 11px;
}
.FooterTxt{

text-align:left;
float:left;
}

#SideMenu {

padding: 0 10px 0 10px;
background-color:#ffffff;
width: 160px;
height: 100%;
z-index:6;
text-align:right;
float:right;
}
#sidelist
{
padding-left: 0;
margin: 0;
width: 160px;
}
#sidelist li
{
list-style: none;
margin: 0;
padding: 5px 0px 5px 5px;
}

#sidelist a:link, #sidelist a:visited { 
text-decoration: none; 
font-family: Helvetica, Verdana, Arial, sans-serif;
letter-spacing: 1px;
font-size: 12px;
font-weight:bold;
color:#333;
}
#sidelist a:hover {
color:#CC0000;
}
#sidelist a:link#current, #sidelist a:visited#current, #sidelist a:hover
{
padding-bottom: 10px;
background: transparent;
color:#cc0000;
}
#MenuContainer {
position:absolute;
top: 130px;
left: 140px;
padding: 10px 10px 0 10px;
background-color:#ffffff;
width: 740px;
height: 20px;
z-index:9;
text-align:right;
border-bottom: 1px #999 solid;
border-top: 1px #999 solid;
font-family: Helvetica, Verdana, Arial, sans-serif;
letter-spacing: 1px;
font-size: 11px;
font-weight:bold;
line-height:14px;
}
#MenuList
{
margin: 0;
}

#MenuList ul, #MenuList li
{
margin: 0;
padding: 0 0 10px 0;
display: inline;
list-style-type: none;

}
#MenuList a:link, #MenuList a:visited
{
float: none;
margin: 0 0 0 20px;
text-decoration: none;
color: #333;
}
#MenuList a:link#current, #MenuList a:visited#current, #MenuList a:hover
{
padding-bottom: 10px;
background: transparent;
color:#cc0000;
}
html, body {
margin:0;
padding:0;
height:100%; /* 100 % height */
}
html>body #Container {
height:100%;
} /* 100 % height */
#Container {
width:900px;
margin:0 auto;
}
#TopBanner {
width:900px;
height:170px;
}
html>body #TopBanner {
position:fixed;
z-index:10; /* Prevent certain problems with form controls */
}
html>body #ContentWrap {
height:100%;
} /* 100 % height */
html>body #Content {
padding: 170px 10px 50px 20px;
} /* 250px = height of #TopBanner and #Footer + 20px, 20px = give the Content some breathing space */
#Footer {
width:900px;
height:30px;
}

html>body #Footer {
position:fixed;
bottom:0;
z-index:10; /* Prevent certain problems with form controls */
}

/* Styling to make this demo page look just a little bit better */
html, body {
background:#ffffff;
}
#TopBanner, #Footer {
background:#ffffff;
}
#ContentWrap {
background:#ffffff;
}
#Content {
background:#ffffff;
}
iframe#ifrm { 
    border:0;
    padding:0;
    margin:0;
    width:740px;
    height:300px;
	overflow: hidden;
}
#Pad { width: 500px;}
#LoginSection {
position:absolute;
top: 170px;
right: 0;
padding: 0 0px 0 10px;
background-color:#ffffff;
width: 200px;
height: 100%;
z-index:6;
text-align:right;
}