/* Layout Stylesheet */ 
body{
 margin: 0;
 padding:0; 
 background-image:url(../gfx/flare.jpg);
 color: #333333;
 text-align: justify;
 }	 
	 
#lh-col{
 position:absolute;
 top:85px;
 left:0;
 text-align: left;
 width:140px;
 z-index:3;

 color: white;}

#rh-col{
 position:absolute;
 top:85px;
 right:0;
 width:140px;
 z-index:2;

 color: white;}

#c-block {
 width:100%;
 z-index:1;

 color: #f7f7f7;
 height:80%;}

#hdr{
 height:85px; 
 z-index: 2; 
 width:100%; 

 color: #333333; 
 margin:0;
  }

#c-col{
 margin:0 142px 0 142px;
 position:relative;
 background:#ffffff;
 filter:alpha(opacity=75);
 opacity:.75;
 color: #333333;
 z-index:5;
 border: none;

 }

#ftr {
 width:100%;
 height:35px;
 border: none; 
 color: white;
 margin:0;
 }

#ftr a {
 text-decoration: none;
 color: white
}

#navcontainer
{


margin:-40px -0px 0 50px;
padding: 1em 0 0 0;
font-family: georgia, serif;

}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
padding: 0;
margin: auto;
width: 80%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
background: inherit;
width: 13%;
padding: 0;
background: url('../gfx/dot.jpg') left center no-repeat ;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
color: red;
text-decoration: none;
margin-left: 8px;

}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
color: white;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: white;


}