CSS CODE

html
{
height:100%;
}

body
{ 
background-image: url(./website_images/background_site.jpg);
background-repeat: repeat-x;
text-align: center;
 }

#main
{
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align:left; 
}

#header
{
margin-top: 5px;
height: 100px;
background-image: url(./website_images/banner.jpg);
background-repeat: no-repeat;
}

#header h1
{
font-family: comic sans ms, Arial, Verdana sans-serif;

font-size: 26px;
color: #FFFFFF;
padding-top: 10px;
padding-left: 10px;
}

#container_left
{
float: left;
width: 200px;
background: white;

}

#container_right
{
float: right;
width: 200px;
background: white;

}

#container_content_600
{

margin: 0px 205px 0px 205px;
background: white;

}

#container_content_800
{

margin: 0px 0px 0px 205px;
background: white;

} 

.content_200, .content_400, .content_600, .content_800 {
overflow: hidden;
width: auto;
height: auto;
text-align: left;
background: white;
color: black; 
font-family: Arial, Verdana sans-serif;
background-repeat: no-repeat; 

}

.content_200
{
background-image:url(./website_images/titlebar200.gif);
}

.content_400
{
width: 380px;
background-image:url(./website_images/titlebar380.gif);
}

.content_600
{
background-image:url(./website_images/titlebar590.gif);
}

.content_800
{ 
background-image:url(./website_images/titlebar795.gif);
}

.title
{
font-family: Arial, Verdana sans-serif;
font-size: 16px;
font-weight: bold;
color: white;
height: 36px;
padding: 5px;
overflow: hidden;
}

#footer
{
clear: both;
width: 100%;
height: 30px;
color: #333;
background-color: #ddd;
border-top: 1px solid white; 
font-size: 9px;
}

.content_200 img , .content_400 img , .content_600 img , .content_800 img {
border: 1px solid #ddd;
padding:4px;
margin: 4px;
 }

.content_200 p, .content_400 p, .content_600 p , .content_800 p { margin: 0.5em 0.5em 1em 0.5em; font-size: 15px;}
.content_200 h2 { margin: 0.5em 0.5em 0.5em 0.5em; }
.content_200 h4 { margin-left: 5px;}
/*navbar*/

#navbar
{
width:auto;
height:36px;
background:url(./website_images/navbar-bg.png) left top repeat-x; 
margin-top: 2px;
margin-bottom: 2px;
font-family: Arial, Verdana sans-serif;

}

#navbar .inbar
{
display:block;
height:36px;
background:url(./website_images/right-round.png) right top no-repeat; 

}

#navbar ul, #navbar ul li
{
border:0px;
margin:0px;
padding:0px;
list-style:none;
height:36px;
line-height:36px; 
} 
#navbar ul
{

background:url(./website_images/left-round.png) left top no-repeat; 
} 
#navbar ul li
{
float:left;
display: inline-block;
line-height:36px; 
} 

#navbar ul li a
{
color:#403e32;
text-decoration:none;
font-weight:bold;
display: inline-block;

} 

#navbar ul li a span
{
padding:0 20px 0 0;
height:36px;
line-height:36px;
display: inline-block;
margin-left:20px; 
}

#navbar .navhome a, #navbar .navhome a:hover
{
background:url(./website_images/a-bg.png) left top no-repeat;
height:36px;
line-height:36px; 
} 
#navbar .navhome a span, #navbar .navhome a:hover span
{
color:#FFFFFF;
background:url(./website_images/span-bg.png) right top no-repeat;
height:36px;
line-height:36px; 
} 
#navbar ul li a:hover
{
background:url(./website_images/ahover-bg.png) left top no-repeat;
height:36px;
line-height:36px; 
} 
#navbar ul li a:hover span
{
background:url(./website_images/spanhover-bg.png) right top no-repeat;
height:36px;
line-height:36px; 
}




A:hover {color: green;}

.treemenu {

	padding : 5px;
	list-style : none;	
	background-color: transparent;
}

.treemenu UL {

	list-style : none;
	
}

.treemenu LI {

	display : inline;
	
}



.actionanchor {

	text-decoration : none;
	font-family: Arial, Verdana sans-serif;
	font-size: 10px;
	color :blue;

}