/*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: #173C56 url(images/mainbg.jpg) repeat-x 50px 15px;
color:#ffffff;
font:0.8em Arial, sans-serif;
}

#wrapper{
width:1000px;
margin:0 auto;
background: url(images/fishbg.png) no-repeat 200px 200px;
position: top center;
z-index:10;
}

#wrapper2{
width:1000px;
margin:0 auto;
background: #183C57;
z-index:1;
}
/* Header styles*/
#header{
margin:0 auto;
WIDTH:1117px;
float:left;
height:250px;
background: transparent url(images/header2.png) top left 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:#000;
}

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

/*Top navigation styles*/

/* Left navigation column styles*/
#leftbox{
color:#fff;
float:left;
width:205px;
margin-top:190px;
margin-left:-3px;
}

#leftbox p{
margin-left:15px;
}

#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;
float:left;
background:url(images/menubg.jpg) no-repeat center top;
height:460px;
width:200px;

}

#leftbox ul li{
margin:0;
padding:0;

}
#leftbox ul li a{
display:block;
line-height:2.2em;
text-decoration:none;
padding:10px;
color:#96D0DE;
font-weight:bold;
text-transform:uppercase;
}

#leftbox ul li a:hover{
background:#183C57;
margin-left:3px;
margin-right:4px;
color:#fff;
}

#leftbox ul li.post a{
display:block;
text-decoration:none;
padding:0px 0px 0px 15px;
color:#fff;
font-size:.8em;
font-weight:bold;
text-transform:uppercase;
}
#leftbox ul li.post a:hover{
background:transparent;
}

/* Main body text styles*/


#text{
top:10px;
background: url(images/contentbg.png) repeat-y top center;
float:right;
width:750px;
}

#text p{
padding:2px 10px 10px 15px;
font-weight:normal;
font-size:1.3em;
}

#text ul{
list-style:url(images/bullet.jpg);
line-height:1.6em;
padding:2px 10px 10px 60px;
font-weight:normal;
font-size:1.3em;
}

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

#text h1{
font-size:2.5em;
font-weight:normal;
line-height:5px;
margin:25px 5px 0px 20px;
font-family:helvetica;
}

#text h2{
font-size:1.3em;
line-height:25px;
color:#A1CD4C;
font-style:italic;
font-weight:normal;
padding:0px 2px 2px 35px;
}

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

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

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

#text a:hover{
color:#fff;
border-bottom:1px solid #fff;
}
#text a:visited{
color:#a1cd4c;
border-bottom:1px solid #a1cd4c;
}

#text img{

margin:2px;
padding:4px;
float:right;
}

/*Table styles (I'm not good at tables - and very likely this will need some tweaking before use)*/
table{
padding:10px;

color:#fff;
caption-side:top;
border-collapse:collapse;

}

/*If you want a table caption, uncomment this and add a caption in the HTML using the tags < caption > < /caption >, with no spaces*/
caption{
font-size:1.1em;
border:0;
}

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

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

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

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

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

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

/*Footer styles*/ #footer { 
background: transparent url(images/foot.jpg) no-repeat bottom center; 
color:#fff; 
height:300px; 
width:1000px; 
padding:5px; 
clear: both; 
text-align:center; } 

#footer p { float:right; 
font-size:1em;
}
#footer a {
border-bottom:1px dotted #000;
color:#96D0DE;
text-decoration:none;
}

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