/*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:#808080;

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:218px;

background:#000000 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:15px;

}



/*Top navigation styles*/

#main_nav{

position:relative;

top:5px;

right:5px;

text-align:right;

padding:4px;

}



#main_nav a {

color:#000000;

font-weight: bold;

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:#FFBD07;

}



/* Left navigation column styles*/

#leftbox{

position:relative;

top:10px;

float:left;

width:170px;

margin-left:5px;

padding:5px;

}



#leftbox .entry{

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 a{

color:#777;

text-decoration:none;

}



#leftbox a:hover{

color:#000;

text-decoration: underline;

}



#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:#808080;

border-bottom:1px solid #83BB83;

}



#leftbox ul li a:hover{

background:#EBFFEB url(images/link-hover.jpg) right no-repeat;

text-decoration: none;

color:#808080;

}

#leftbox ul li .hover{

background:#EBFFEB url(images/link-hover.jpg) right no-repeat;

}

#leftbox ul li .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:520px;

}



#text .entry{

padding:2px 17px 12px 17px;

text-align: left;

width: 100%;

}



#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;

margin:15px 5px 5px 2px;

border-top:2px solid #EBFFEB;

border-left:2px solid #EBFFEB;

border-right:2px solid #EBFFEB;

text-align: left;

}



#text h2{

font-size:1.1em;

padding:2px 2px 2px 5px;

}



#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 #EBFFEB;

border-bottom:1px solid #EBFFEB;

border-right:1px solid #EBFFEB;

border-left:4px solid #EBFFEB;

padding:4px 4px 4px 25px;

margin:2px 10px;

}



#text a{

color:#777;

text-decoration:none;

}



#text a:hover{

color:#000;

text-decoration: underline;

}



#text img{

border:0px solid #83BB83;

margin:2px;

padding:4px;

float:left;

}



#fulltext{

position:relative;

top:10px;

float:right;

width:100%;

}



#fulltext .entry{

padding:2px 17px 12px 17px;

text-align: left;

width:100%;

}



#fulltext ul{

list-style:url(images/bullet.jpg);

line-height:1.15em;

}



#fulltext ol{

list-style:lower-roman;

line-height:1.15em;

}



#fulltext 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-align: left;

width: 710px;

}



#fulltext h2{

font-size:1.1em;

padding:2px 2px 2px 5px;

}



#fulltext h3{

font-size:0.9em;

padding:2px 2px 2px 5px;

}



#fulltext 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;

}



#fulltext a{

color:#777;

text-decoration:none;

}



#fulltext a:hover{

color:#000;

text-decoration:underline;

}



#fulltext img {

border:0px solid #83BB83;

padding:4px;

}

/*Table styles (I'm not good at tables - and very likely this will need some tweaking before use)*/

table{

padding:10px;

caption-side:top;

border-collapse:collapse;

text-align: left;

}



table th{

border-top:1px solid #808080;

border-bottom:1px solid #808080;

background:#FBFFFB;

padding:10px;

width:75px;

}



table td{

background:#FBFFFB;

padding:10px;

width:75px;

}



/*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:#EBFFEB;

}



input:focus{

  border:1px solid #5A885A;

  background:#EBFFEB;

}



textarea{

border:1px solid #83BB83;

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-top: 10px;

color:#ffffff;

padding:15px;

background:#000000;

font-size:0.85em;

text-align:center;

}



#footer a {

color:#808080;

text-decoration:none;

}



#footer a:hover {

text-decoration:underline;

}



.tbox {

	width: auto;

	background: #EBFFEB;

	border: 1px solid #5A885A;

	border-collapse: collapse;

	padding: 2px;

	margin-top: 3px;

}



.tbox:hover {

  background-color: #EBFFEB;

	border: 1px solid #999999;

}





.tbox.chatbox {

	width: 90%;

	background: #EBFFEB;

	border: 1px solid #5A885A;

	border-collapse: collapse;

	padding: 3px;

	margin-top: 3px;

	margin: 10px auto;

}

.tbox.chatbox:hover {

  background-color: #EBFFEB;

	border: 1px solid #999999;

}

.npdropdown {

  width: auto;

	margin: 0 0 0px 0;

	padding: 1px;

	height: auto;

	text-align: left;

}

.tbox.comment.subject {

  width: 98%; 

  background-color: #FFFFFF;

	border: 0px none #EBFFEB;

	border-collapse: collapse;

	padding: 3px;

	margin-top: 3px;

  }

#comment.tbox.comment {

  width: 98%; 

  background-color: #EBFFEB;

	border: 1px solid #5A885A;

	border-collapse: collapse;

	padding: 3px;

}

#comment.tbox.comment:hover {

  background-color: #EBFFEB;

	border: 1px solid #999999;

}

#contactForm textarea.tbox {

  width: auto; 

  background-color: #EBFFEB;

	border: 1px solid #5A885A;

	border-collapse: collapse;

	padding: 3px;

}

#contactForm textarea.tbox:hover {

  background-color: #EBFFEB;

	border: 1px solid #999999;

}

input#helpb.helpbox {

  float: left;

	margin-top: 2px;

	margin-bottom: 2px;

	text-align: left;

}

.tbox.search {

  width: 100%;

  background-color: #EBFFEB;

	border: 1px solid #5A885A;

	padding: 4px ;

	margin-bottom: 5px;

  }

#commentform .helpbox{

  width: 98%; 

	border-collapse: collapse;

	padding: 1px;

}

.helpbox {

  width: 98%; 

  background-color: #FFFFFF;

	border: 0px none #EBFFEB;

	border-collapse: collapse;

	padding: 3px;

}

.indent {

  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;



} 

.button{

  border:1px solid #83BB83;

  background:#FBFFFB;

  color:#808080;

  padding: 2px;

  margin: 4px 4px;

}



.button:hover{

  border:1px solid #5A885A;

  background:#EBFFEB;

}



.button:focus{

  border:1px solid #5A885A;

  background:#EBFFEB;

}

.nextprev{

	border: 0px solid #F1F1F1;

	border-collapse: collapse;

	padding: 1px;

	text-align: left;

	width: auto;

}



.smalltext {

	font-size: 82%;

}

.smallblacktext {

	font-size: 82%;

	font-weight: bold;

}

.fborder {

	background:#FFFFFF;

	border: 0px none #F1F1F1;

	border-collapse: collapse;

	padding: 3px;

	margin-top: 3px;

	text-align: left;

}



/* forum parent headers, forum captions */

.forumheader {

	background:#FFFFFF;

	border:0px solid #5A885A;

	border-collapse: collapse;

	padding: 3px;

	font-size: 110%;

	vertical-align: middle;

	text-align: left;

}



.nforumcaption{

	background:#FFFFFF;

	border:1px solid #5A885A;

	border-collapse: collapse;

	padding: 3px;

	color: #F8F8F8;

	font-size: 110%;

	text-align: left;

}

.finfobar{

	background:#FFFFFF;

	border:1px solid #5A885A;

	border-collapse: collapse;

	padding: 3px;

	font-size: 95%;

	text-align: left;

}



/* two left columns */

.forumheader2{

	background:#FFFFFF;

	border:1px solid #5A885A;

	border-collapse: collapse;

	padding: 3px;

	font-size: 100%;

	text-align: left;

}



/* all the rest of the forum tables */

.forumheader3{

	background:#FFFFFF;

	border:1px solid #5A885A;

	border-collapse: collapse;

	padding: 3px;

	font-size: 99%;

	text-align: left;

}



.forumborder {

	border:1px solid #5A885A;

	border-collapse: collapse;

	vertical-align: top;

	font-size: 99%;

	text-align: left;

}



/* where it says forum, information and all tables across */

.fcaption {

	background:#FFFFFF;

	border-collapse: collapse;

	padding: 3px;

	font-size: 85%;

	text-align: left;

	line-height: 40px;

	border-bottom: 1px #999999 dashed;

	font-family: Tahoma, Georgia, "Times New Roman", Times, serif;

}



.fcaption a {

	padding-right:4px;

	text-decoration: underline;

}



.fcaption a:hover{

	text-decoration: none;

}