/**************************
    Content
 *************************/

body {
    text-align: center;
    margin: 0px;
    padding: 0px;
    
    font-family: Verdana,Helvetica,sans-serif;
    line-height: 150%;

    background: #ccc;
}

div#content {
    width: 800px;
    
    margin: 1.5em auto auto auto;

    text-align: left;

    background: white;
}


/**************************
    Header
 *************************/

div#head {
    height: 300px;
    width: 800px;
}

div#head h1, div#head h2 {
    display: none;

    margin: 0;
    padding: .25em 10px 10px 10px;

    color: white;
    letter-spacing: -0.1ex;
}

div#head h1 {
    font-size: 300%;
}

/* Header images */
body#new div#head {
    background-image: url(headers/Sumac4.jpg);
}

body#con div#head {
    background-image: url(headers/Apples4.jpg);
}

body#inv div#head {
    background-image: url(headers/Maple4.jpg);
}

body#why div#head {
    background-image: url(headers/Bike4.jpg);
}

body#bio div#head {
    background-image: url(headers/JenNU4.jpg);
}

body#vol div#head {
    background-image: url(headers/Lilies4.jpg);
}

body#don div#head {
    background-image: url(headers/Leaves4.jpg);
}

body#vote div#head {
    background-image: url(headers/Leaves4.jpg);
}

body#bio div#head h1, body#bio div#head h2 {
    text-align: right;
}

/**************************
    Nav bar
 *************************/

#nav {
    margin: 0; 
    padding: 0; 

    background-color: #006600;
}

#nav ul {
    margin: 0; 
    padding: 0 0 0 2ex; 
}

#nav div {
    display: block;

    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;

    margin: 0; 
}

#nav > span {
    clear: both;
    display: block;
    width: 1px;
    height: 0px;
}

#nav div span {
    float: left;
    width: 1px;
    background-image: url(images/tab_sep.gif);
    background-repeat: no-repeat;
    background-position: left;
}

#nav a {
    float: left;

    font-weight: bold;
    text-decoration:none;
    letter-spacing: -0.1em;

    padding: 0px 2ex 0px 2ex; 
    
    border-right: 1px solid #fc0;

    color: white;
}

#nav div a:hover {
    color: #ff6;
}

/* Hide the border */
#nav div:first-child a,
#nav div.active + div a {
    background-image: none;
}

#nav div.active a,
#nav div.active span
 {
    background-color: #339933;
}


/**************************
    Text
 *************************/

h1#title {
    clear: both;

    color: white;
    font-weight: bold;
    padding: .75ex 0px .75ex 1.5ex;
    margin: 0px;
    font-size: 150%;
    
    background-color: #339933;
}

div#text {
    padding: 0px 2ex;
}

div#text p {
}

div#text p#bloglink {
    text-align: right;
    margin: 1em 1em 0px 0px;
    padding: 0;

    font-style: italic;
}

div#text h2 {
    font-size: 125%;
    padding: 0px;

    margin: 2ex 0 0 0;
}

div#text h2 + p {
    padding-top: 0px;
    margin-top: 0px;
}

div#officeMap {
    float: right;
    text-align: center;
}

/* Tax credit table. */

table#taxCredit {
    float: right;
    text-align: center;
    font-size: 75%;
}

table#taxCredit thead tr td {
    background-color: #fc0;
    padding: 0px 1ex;
    font-weight: bold;
}

table#taxCredit tr td {
    background-color: #ff6;
}

table#taxCredit tr:hover td {
    font-weight: bold;
}

a[href]:link,
a[href]:visited {
    color: #040;
}

/***** Buttons ************/

ul#buttons {
    width: 100%;
    clear: both;
    display: block;
}


ul#buttons, ul#nav li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    list-style-type: none;
    display: block;
}

ul#buttons li {
    float: left; 
    width: 33%;
}

ul#buttons a {
    display: block;
    
    padding: .5em 2ex .5em 2ex;
    margin: 1.5ex;

    font-size: 150%;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: -0.05em;
    text-align: center;

    line-height: 400%;

    background-color: #fc0;
    color: white;
}

ul#buttons a:hover {
    color: #060;
}

/**************************
    About
 *************************/

div#about {
    clear: both;
    margin: 4ex 0 0 0;

    text-align: left;
    
    font-size: smaller;
    text-align: center;

    background-color: #006600;

    color: white;
}


/* The support buttons */
div#support {
    text-align: center;
    font-weight: bold;

    padding: 0px;
    margin: 0px;

    position: fixed;
    top: 0px;
    width: 800px;
}

div#support a {
    background-color: #ffcc00;
    display: block;
    text-decoration: none;
    color: #006600;
    width: 33%;
    float: left;
}

div#support a.middle {
    width: 34%;
}

div#support a + a {
    background-image: url(images/support_sep.gif);
    background-repeat: no-repeat;
    background-position: left;
}

div#support a:hover {
    font-size: larger;
    line-height: 150%;
    background-color: #ff6;
}

div#bottom {
    margin-top: 6ex;
    clear: both;
    background-color: #339933;
}

div#full-nav {
    width: 95%;
    font-size: smaller;
    color: white;
    text-align: left;
    padding-left: 2ex;
    padding-top: 2ex;
}

div#full-nav a {
    color: white;
    text-decoration: none;
}

div#full-nav ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    
    padding: 0px;
    margin: 0px;
}

div#full-nav {
}

div#full-nav div {
    display: block;
    width: 25%;
    float: left;
    background-color: #339933;
    height: 100%;
}

div#full-nav div em {
    font-style: normal;
    font-weight: bold;
}

div#full-nav > div > ul {
    font-weight: normal;
    width: 100%;
    border-left: .25ex solid transparent;
    padding-left: .5ex;
    margin-left: .5ex;
    margin-bottom: 1.75em;
}

div#full-nav ul:hover {
    border-left: .25ex solid #FFCC00;
}