html, body { width:100%; height:100%; padding:0; margin:0; background-color:#ffffff; 
        font-family:Verdana,Arial,Helvetica,sans-serif;; }

#site { margin:0; padding:0; text-align:center; width:100%; min-width:990px; height:603px;
        background: url('images/background.jpg') center center no-repeat; }
#siteWrapper { position:relative; width:998px; height:100%; margin:0 auto; overflow:visible; }
#siteContents { position:absolute; left:42px; top:55px; width:100%; height:545px; 
        background: url('images/content_background.jpg') top left no-repeat; z-index:1; overflow:visible; }

#header { position:absolute; top:5px; left:-2px; z-index:2; }

#nav { position:absolute; top:15px; right:42px; }
#nav ul { margin:0; padding:0; }
#nav li { display:inline; float:left; color:#ffffff; height:33px; margin-left:2px; }
#nav li a { display:block; line-height:33px; font-size:8pt; font-weight:bold; color:#ffffff; text-decoration:none; text-align:center; 
        background-image:url('images/menu.gif'); background-repeat:no-repeat;}
#menu1 a { width:99px; text-align:right; background-position:0px 0px; }
#menu2 a { width:150px; background-position:-101px 0px; }
#menu3 a { width:135px; background-position:-253px 0px; }
#menu4 a { width:142px; background-position:-390px 0px; }
#menu5 a { width:137px; background-position:-534px 0px; }
#menu6 a { width:66px; background-position:-673px 0px; }
#menu1 a:hover { width:99px; background-position:0px -33px; }
#menu2 a:hover { width:150px; background-position:-101px -33px; }
#menu3 a:hover { width:135px; background-position:-253px -33px; }
#menu4 a:hover { width:142px; background-position:-390px -33px; }
#menu5 a:hover { width:137px; background-position:-534px -33px; }
#menu6 a:hover { width:66px; background-position:-673px -33px; }

#content_menu { width:553px; margin:0; padding:0; position:absolute; top:400px; left:6px; }
#content_menu li { display:inline; float:left; color:#ffffff; width:33%; height:28px; }
#content_menu li a { display:block; line-height:28px; font-size:8pt; font-weight:bold; color:#ffffff; text-decoration:none; text-align:center; 
        background-image:url('images/content_menu.jpg'); background-repeat:no-repeat;}
#menu1 a { width:99px; text-align:right; background-position:0px 0px; }
.left a { background-position:top left; }
.center a { background-position:top center; }
.right a { background-position:top right; }
.left a:hover { background-position:bottom left; }
.center a:hover { background-position:bottom center; }
.right a:hover { background-position:bottom right; }
.left { margin-right:2px; }
.right { margin-left:2px; }
.funding { top:428px !important; }
.funding li a { font-size:6pt !important; }


#footer { position:absolute; left:600px; top:561px; width:394px; height:39px; z-index:2;
        background: url('images/footer.gif') top left no-repeat; padding-top:10px; }
#footertext { color:#ffffff; font-size:10pt; }
#footertext a { color:#ffffff; font-size:10pt; }

a, img { border:0; }
p { padding:0; margin:0; padding-bottom:15px; }


#colLeft { position:absolute; top:140px; left:25px; height:380px; width:279px; text-align:left; }
#colRight { position:absolute; top:18px; left:330px; height:490px; width:565px; }
#colLeft h1 { color:#008f4b; margin:0; padding:0; margin-bottom:15px; }
#colLeft h2 { color:#008f4b; margin:0; padding:0; margin-bottom:15px; font-size: 18px;}
.toppadding { top:30px !important; }

/* Scrollbar Styles */
#colLeft_scrollContainer { position:relative; width:279px; } 
#colLeft_scrollTrack { position:absolute; top:0; right:0; height:100%; width:10px;  
        background-color:transparent; cursor:move; } 
#colLeft_scrollHandle { width:10px; background-color:#008f4b;  cursor:move;  
        -moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.9; -moz-opacity:0.9; } 
#colLeft_scrollContent { overflow:hidden; width:264px; height:325px; color:#008f4b; font-size:11pt; }


/*******************/
/* Homepage Styles */
/*******************/
.homepage_img { margin-bottom:5px; }

/**********************/
/* Sustainable School */
/**********************/
#energy_saving { position:relative; width:565px; height:394px; background: url('images/energy_saving_panels.gif') top left no-repeat; }
#energy_saving_essentials, #energy_saving_resources, #energy_saving_toplinks { font-size:9pt; text-align:left; color:#8d8f92; position:absolute; overflow:hidden; }  
#energy_saving_essentials { width:545px; height:170px; top:40px; left:10px; }
#energy_saving_essentials a { color:#008f4b; }
#energy_saving_resources { width:255px; height:115px; top:270px; left:10px; }
#energy_saving_resources a { color:#008f4b; }
#energy_saving_toplinks { width:255px; height:115px; top:270px; left:300px; }
#energy_saving_toplinks a { color:#008f4b; }
/***********/
/* Funding */
/***********/
#funding { position:relative; width:565px; height:420px; background: url('images/funding_table.gif') top left no-repeat; }
#funding_sources, #funding_description, #funding_examples { font-size:9pt; text-align:left; color:#8d8f92; position:absolute; overflow:hidden; }  
#funding_sources { width:175px; height:170px; top:50px; left:6px; }
#funding_description { width:175px; height:115px; top:50px; left:190px; }
#funding_examples { width:175px; height:115px; top:50px; left:380px; }

.latestactivities { font-size:13px; }


/****************/
/* Content Tabs */
/****************/
#tab2, #tab3 { display:none; }

.tab { display:block; position:absolute; top:72px; left:0px; width:565px; height:320px; background:url('images/sustainable_school_bg.gif') bottom center no-repeat; }

#tablinks { margin:0; padding:0; position:absolute; top:12px; left:6px; }
#tablinks a { display:inline; float:left; width:182px; height:56px; text-indent:-9000px; background-position:top left; }
#tablinks a:hover { background-position:bottom left; }
#tab1link { background-image:url('images/menu_essentials.gif'); background-repeat:no-repeat; }
#tab2link { background-image:url('images/menu_resources.gif'); background-repeat:no-repeat; margin-left:2px; }
#tab3link { background:url('images/menu_toplinks.gif'); background-repeat:no-repeat; margin-left:2px; }

#tab1header, #tab2header, #tab3header { width:100%; height:40px; }
#tab1header { background:url('images/essentials_header.gif') top left no-repeat; }
#tab2header { background:url('images/resources_header.gif') top left no-repeat; }
#tab3header { background:url('images/toplinks_header.gif') top left no-repeat; }

/* Scrollbar Styles */
#sustainable1_scrollContainer, #sustainable2_scrollContainer, #sustainable3_scrollContainer { display:block; position:absolute; top:42px; left:12px; width:540px; padding:0; text-align:left; } 
#sustainable1_scrollTrack, #sustainable2_scrollTrack, #sustainable3_scrollTrack { position:absolute; top:0; right:0; height:100%; width:10px;  
                                                                                  background-color:transparent; cursor:move; } 
#sustainable1_scrollHandle, #sustainable2_scrollHandle, #sustainable3_scrollHandle { width:10px; background-color:#008f4b; cursor:move;  
                                                                                  -moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.9; -moz-opacity:0.9; } 
#sustainable1_scrollContent, #sustainable2_scrollContent, #sustainable3_scrollContent { overflow:hidden; width:525px; height:270px; padding:0; margin:0; color:#8d8f92; font-size:11pt; text-align:left; }
#sustainable1_scrollContent a, #sustainable2_scrollContent a, #sustainable3_scrollContent a { color:#008f4b; }
#sustainable1_scrollContent b, #sustainable2_scrollContent b, #sustainable3_scrollContent b { color:#555555; }