/*Inspire by Payal Dhar (http://writeside.net), 2006
You are free to use and modify this design,
but I will be most grateful if you kept the credit links.*/

body{
background:url(/images/back.jpg) repeat;
color:#333;
font:0.8em Arial, sans-serif;
}

#wrapper{
width:750px;
margin:0 auto;
border:1px #D4E6D4 solid;
background: #fff;
}

/* Header styles*/
#header{
margin:5px -25px;
height:180px;
background:#83BB83 url(/images/top.jpg) top no-repeat;
}

#header_bottom{
background:url(/images/bottom.jpg) bottom no-repeat;
}

.site_header{
position:absolute;
margin-left:100px;
margin-top:60px;
font-size:3.5em;
color:#000;
}

.subheader{
position:absolute;
margin-left:145px;
margin-top:105px;
font-size:1.5em;
color:#EBFFEB;
}

.main{
text-align:left;
margin-left:50px;
}

/*Top navigation styles*/
#main_nav{
position:relative;
top:5px;
right:5px;
text-align:right;
padding:4px;
}

#main_nav a{
color:#333;
font-size:1.1em;
text-decoration:none;
padding-right:20px;
background:url(/images/icon.jpg) right no-repeat;
}

#main_nav a.last{
text-decoration:none;
padding-right:5px;
background:none;
}

#main_nav a:hover{
color:#83BB83;
}

/* Left navigation column styles*/
#leftbox{
position:relative;
top:10px;
float:left;
width:170px;
margin-left:5px;
padding:5px;
}

#leftbox p{
padding-left:4px;
}

#leftbox h1{
color:#83BB83;
font-size:1.35em;
padding-left:4px;
}

#leftbox h2{
color:#83BB83;
font-size:1em;
padding-left:4px;
}

#leftbox ul{
list-style:none;
margin:0;
padding:0;
}

#leftbox ul li{
margin:0;
padding:0 0 0 5px;
}

#leftbox ul li a{
display:block;
width:90%;
line-height:1.5em;
background:#FBFFFB;
text-decoration:none;
padding:5px;
color:#333;
border-bottom:1px solid #83BB83;
}

#leftbox ul li a:hover{
background:#EBFFEB url(/images/link-hover.jpg) right no-repeat;
border-bottom:1px solid #5A885A;
}

#leftbox ul li a.now{
font-weight:600;
background:#EBFFEB url(/images/link-active.jpg) right no-repeat;
}

/* Main body text styles*/
#text{
position:relative;
top:10px;
float:right;
width:550px;
}

#text p{
padding:2px 2px 7px;
}

#text ul{
list-style:url(/images/bullet.jpg);
line-height:1.15em;
}

#text ol{
list-style:lower-roman;
line-height:1.15em;
}

#text h1{
font-size:1.45em;
padding:3px 3px 3px 0;
margin:15px 5px 5px 2px;
}

#text h2{
font-size:1.1em;
padding:2px 2px 2px 5px;
}

#text h3{
font-size:0.9em;
padding:2px 2px 2px 5px;
}

#text a{
color:#777;
border-bottom:1px dotted #777;
text-decoration:none;
}

#text a:hover{
color:#000;
border-bottom:1px solid #000;
}

#text img{
border:1px solid #83BB83;
margin:2px;
padding:4px;
float:right;
}

/*Footer styles*/
#footer {
/*margin-top:20px;*/
color:#333;
padding:20px 0 10px 0;
clear: both;
background:#EBFFEB;
font-size:0.85em;
text-align:center;
}

#footer a {
color:#333;
border-bottom:1px dotted #000;
text-decoration:none;
}

#footer a:hover {
border-bottom:1px solid #333;
text-decoration:none;
}