/*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.*/

* {
margin:0;
padding:0;
outline:0;
}

body{
background:url(images/back.jpg) repeat;
color:#808080;
font:0.8em 'Trebuchet MS', Verdana, sans-serif;
}

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

/* Header styles*/
#header{
margin:2px;
height:125px;
}

#header img, #header a, a:hover, a:active{
text-decoration:none;
border:none;
outline:none;
}


/*Top navigation styles*/
#mainlinks{
text-align:right;
padding:5px;
}

#mainlinks ul li{
list-style:none;
display:inline;
padding-right:20px;
background:url(images/icon.jpg) right no-repeat;
}

#mainlinks ul li.last{
padding-right:0;
background:none;
}

#mainlinks a, a:visited{
color:#808080;
text-decoration:none;
border:0;
}

#mainlinks a:hover, a:active, #mainlinks a.selected {
color:#000;
text-decoration:underline;
border:0;
}

/* Left navigation column styles*/
#sidebar{
float:left;
width:170px;
margin:15px 5px;
padding:5px;
}

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

#sidebar h2{
color:#85BC86;
font-size:1.15em;
padding:10px 0 5px;
}
/*
#sidebar h3{
color:#85BC85;
font-size:1em;
}*/

#sidebar ul{
list-style:none;
padding-bottom:5px;
font-size:0.9em;
}

#sidebar ul li{
margin-bottom:2px;
}

#sidebar a{
display:block;
width:94%;
line-height:1.4em;
/*background:#FBFFFB;*/
padding:5px;
color:#808080;
border:1px solid #fff;
text-decoration:none;
}

#sidebar ul li a:hover, a:active{
color:#000;
background:#FBFFFB;
border:1px solid #5A885A;
}

/* Main body text styles*/
#text{
float:right;
width:550px;
margin-top:15px;
}

#text p{
padding:2px 2px 7px;
line-height:1.5em;
}

#text ul{
margin-left:18px;
}

#text ul li{
list-style:url(images/bullet.jpg);
padding:2px 2px 2px 12px;/*
background:url(images/bullet.jpg) left no-repeat;*/
}

#text ol{
list-style:lower-roman;
padding:2px 2px 2px 25px;
}

#text h1{
font-size:1.45em;
padding:3px;
margin:15px 5px 5px 2px;
border-top:2px solid #EBFFEB;
border-left:2px solid #EBFFEB;
border-right:2px solid #EBFFEB;
}

#text h2, h3{
padding:10px 5px 5px 5px;
}

#text h2{
font-size:1.1em;
}

#text h3{
font-size:0.9em;
}

#text blockquote{
background:#FBFFFB url(images/block.jpg) top left no-repeat;
border-top:1px solid #EBFFEB;
border-bottom:1px solid #EBFFEB;
border-right:1px solid #EBFFEB;
border-left:4px solid #EBFFEB;
padding:4px 4px 4px 25px;
margin:2px 10px 5px;
text-align:justify;
}

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

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

#text img{
border:1px solid #85BC85;
margin:2px 2px 0px 0px;
padding:4px;
}

#text img.right{
float:right;
}

#text img.left{
float:left;
}

.ref, .meta{
font-size:0.85em;
text-align:right;
padding:4px;
}

/* Form styles */
input{
border:1px solid #85BC85;
background:#FBFFFB;
color:#808080;
padding:4px;
margin:0 0 4px 4px;
}

input:hover{
border:1px solid #5A885A;
background:#EBFFEB;
}

input:focus{
border:1px solid #5A885A;
background:#EBFFEB;
}

textarea{
border:1px solid #85BC85;
background:#FBFFFB;
padding:4px;
margin:0 0 4px 4px;
}

textarea:hover{
border:1px solid #5A885A;
background:#EBFFEB;
}

textarea:focus{
border:1px solid #5A885A;
background:#EBFFEB;
}

/*Footer styles*/
#footer {
margin:5px;
padding:5px;
clear: both;
background:#EBFFEB url(images/ribbons.jpg) left no-repeat;
font-size:0.85em;
text-align:center;
}

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

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