/* #########################
## Simple 3-Column Layout from CodeDesign.com
## Version 1.0

with alterations by James Sellwood
##########################*/

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

body {
    font: 68%/19px Verdana, Helvetica, sans-serif, Tahoma;
    /* if the page text is to small change to "75%/21px" */
    color: #000;
    background: #E3E3E3;
}

a {
color:#f15427;
text-decoration: none;
font-weight: bold;
padding: 1px 0px 1px 0px;
border: 0px;
}
a:hover {color: #f15427; background: #fefda7; }

hr { color:#fff; border-color: #000; border-style: solid; border-width: 0 0 1px; }

img { border: 0px; }

/* 
#########################
## Header
##########################
*/
#header {
    width: 846px;
    border: 1px 0px 0px 0px solid black;
    margin: 0px auto;
    padding: 0px 25px;
    background: url(images/header_image.jpg);
    height: 100px;
    clear: both;
    color: #fff;
}

#header h1 { 
    font-size: 230%;
    line-height: 100px;
    width: 400px;
    font-weight: normal;
    color: #fff;
    background: transparent;
}


/* 
#########################
## Structure
##########################
*/

#wrapper {
    width: 900px;
    margin: 0px auto;
    padding: 0px 15px;
    background: url(images/body_bg_930.gif);
    clear: both;
}

#main {
    margin: 0px auto;
    padding: 0px 10px;
    width: 850px;
    border-top: 3px solid #fff;
    clear: both;
}

#footer {
    margin: 0px auto;
    padding: 10px 20px;
    width: 856px;
    border-top: 1px solid #000;
    background: #fefda7;
    clear: both;
}

/* 
#########################
## Content
##########################
*/
#content {
    margin: 0px 200px 30px 150px;
    padding: 0px 30px 20px 30px;
    width: 440px;
    float: left;
}

* html #content{
    display: inline;
}

.node {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid #000;
}


/* 
##########################
## Left and Right Side bars
##########################
*/

#left {
    margin: 0px 0px 30px -865px;
    padding: 0px 0px 20px 0px;
    width: 180px;
    float: left;
    border-bottom: 0px solid #000;
}

#right {
    margin: 0px 0px 30px -200px;
    padding: 0px 0px 20px 0px;
    width: 200px;
    float: left;
    border-bottom: 0px solid #000;
}



/* 
#########################
## Other
##########################
*/
ul.nav {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
}

ul.nav a{
    margin: 0px;
    padding: 0px 10px 0px 10px;
    display: block;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    font-size: 90%;
    background: #fff;
    color: #f15427;
    border-bottom: 1px solid #edbf8f;
}


ul.nav a:hover{
    color: #f15427;
    background: #fefda7;
    border-bottom: 1px solid #fff;
}

.clear { clear: both; width: 100%;}

form#searchform {
    float:right;
    font-size: 9px;
    margin-top: 35px;
}

form#searchform input {
    color: #B2D09D;
    background: transparent;
    border: 1px solid #B2D09D;
    font-size: 11px;
    padding: 3px;
}

form#searchform input:hover {
    background: #181818;
}

form#searchform .button {
    padding: 2px;
}

/* 
#########################
## Header Tags
##########################
*/
h1, h2, h3, h4, h5, h6 {
    color: #dd6729;
}

#content h1 { 
    font-size: 140%;
    line-height: 40px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

h2 {
	font-size: 120%;
    line-height: 40px;
    margin: 0px;
    text-align: left;
    padding: 0px;
    
}

h3 { 
    font-size: 110%;
    line-height: 20px;
    height: 20px;
    padding: 5px 0px;
    margin: 0px auto;
    text-align: left;

}
    
h4 {font-size: 180%;
    line-height: 30px;
    height: 20px;
    padding: 10px 0px;
    margin: 0px auto;
    text-align: center;

}

#left h2, #right h2 { 
    font-size: 120%;
    line-height: 40px;
    margin: 0px;
    text-align: left;
    padding: 0px;
}