body {
padding: 0;
margin: 0; 
text-align: center; 
background-color: white;
background-image: url("graphics/cfbr3.jpg");}

#L030body {
/* body area  - div area just inside body tag */
margin: 0 auto; 
width: 760px;
text-align: left; 
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: black;
}

#L030Left {  
/* outer box for left side bar of page - resized by javascript*/
width: 160px;
height: auto;
position: absolute;
z-index: 1;
border-right: solid 1px blue;
}

#L030Left-side{ 
/* left side background area - child of #L030Left*/
/*position: absolute;
left: 0;
top: 0; */
width: 160px;
height: auto;
border: none;
/*background: url("graphics/leftbackground.jpg");*/
background-repeat: no-repeat;
}


#L030Navarea{ 
/* area for navigation menus to be rendered - child of #L030Left-side */ 
visibility: visible;
position: absolute;
top: 05px;
left: 3px;
height: 300px;
width: 130px;
border: none;
z-index: 5;
}

#L030Newsarea{
/* news box area - child of #L030Left-side */
/*position: static;*/
visibility: visible;
width: 152px;
border-top: solid 1px black;
border-bottom: solid 1px black;
padding: 4px;
font-family: arial helvetica san-serif;
background-color: none;
color: #54526e;
z-index: 5;
}

#L030Image1area{
/* changing image area - child of #L030Left-side */
/*position: absolute;*/
visibility: visible;
width: 152px;
border: none;
padding: 0px;
z-index: 5;
}

#L030Center {
/* Primary area of page includeds headers - gets resized by javascript */
margin-left: 200;
width: 750px;
/*border-right: solid 1px black;*/
}

#L030Header1{
/* main header area - child of L030Center */
position: relative; 
left: 165px; 
top: 0px; 
height:100px;
width: 585px;
border-bottom: solid 1px black;
background-image: url("graphics/GClogo3-carbonBkgrnd-580w.png");
background-repeat: no-repeat;
}


#L030Header2{
/* area within header1 that contains image that changes
   dependant on category of page being displayed. - child of L030Header1 */
position: absolute;
visibility: hidden;
width: 350px;
height: 100px;
top: 0px;
left: 235px;
border: none;
background-color: none;
background-repeat: no-repeat;
}


#L030Header3{
/* area within header1 that contains text/html that changes
   dependant on category of page being displayed. - child of L030Header1 */
position: absolute;
visibility: visible;
width: 225px;
height: 30px;
top: 75px;
left: 350px;
border: none;
background-color: none;
font-family: Arial , Helvetica, sans-serif ;
font-size: 20px;
font-weight: bold;
color: aqua;
text-align: right;
}

#L030Adminlinks {
 /* area within header1 that contains the adminstrative links - child of                  
    L030Header1 */
position: absolute;
top: 0px;
left: 0px;
width:300px;
font-family: Arial , Helvetica, sans-serif ;
font-size: 20px;
font-weight: bold;
color: yellow;
text-align: left;
}

#L030Template{
/* template rendering area - child of L030Center */
position: relative;
left: 165px;
top: 0px;
width: 560px;
height:auto;
padding: 10px;
padding-right: 15px;
padding-bottom: 15px;
visibility: visible;
background-color: white;
background-image: url("graphics/bkg1.jpg");
border: none;
}

#L030PageFooter{
/* the page footer - sibling of L030Center and L030Left */
width: 748px;
height: 0px;
visibility: visible;
border: none;
border-top: solid 3px yellow;
/*background-image: url('graphics/footer.jpg'); */
/*(background-repeat: no-repeat;*/
/*border-right: solid 2px #F1CE83;*/
/*border-left: solid 2px #F1CE83;*/

}

#L030Template-Footer{
/* a footer area - normally appears as bottom of template.  
   child of L030PageFooter */
position: relative;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
visibility: collapse;
border: none;
background-image: none;
background-repeat: no-repeat;
}

#copyrightnotice {
width: 369px;
height: 20px;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #bbbbbb;
}

#hostedbynotice {
position:relative;
top: -26px;
left: 376px;
width: 369px;
height: 20px;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #bbbbbb;
text-align: right;

}