/* Copyright 2008 Evenhouse Consulting, Inc. */

body {
    margin: 0;
	background: transparent url(../images/body-bg-gradient.jpg) repeat-x left top;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Calibri, Arial, sans-serif;
    color: #666;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'HelveticaNeue-Condensed','Helvetica Neue Condensed','ArialNarrow','Arial Narrow','Helvetica Neue',Arial,sans-serif;
    font-weight: bold;
    letter-spacing: -.02em;
    margin: 0 0 .5em 0;
}

a {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
    }
    a:hover {
        color: #fff;
        background: #336699;
        }

td {
    padding: 0 0 4px 0;
}

.skip {
    display: none;
}

.readmore {
    text-align: right;
    margin: .5em 0;
}

#logo {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -2000em;
	background: none;
    height: 77px;
    }
    #logo a {
        position: absolute;
        top: 0;
        left: 0;
        width: 458px;
        height: 77px;
        background: url(../images/logo.gif) no-repeat 0 0;
    }
    #logo a:hover {
        background: url(../images/logo.gif) no-repeat 0 0; 
    }

#header {
	background: transparent url(../images/blue-background.jpg) repeat-x left top;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    }
    #header h1,
    #header h2,
    #header h3 {
        color: #59809e;
    }
    #header h2 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    #header p {
        padding: 0 20px 0 0;
    }
.headerimg {
    height: 252px;
    width: 510px;
    margin-bottom: 5px;
}
    
#topheader {
    padding: 10px 0;
    }
    
#searchbar {
    color: #fff;
    }
    #searchbar a {
        color: #fff;
        font-size: 1em;
        letter-spacing: -.06em;
        font-weight: 400;
        text-decoration: none;
    }
    #searchbar a:hover {
        color: #336699;
        background: transparent;
    }
    #searchbar input.search-form-submit {
        height: 16px;
        width: 20px;
        cursor: pointer;
        text-indent: -9999px;
        border: none;
        background: url(../images/search-button.gif) no-repeat left top;
    }

#main {
    background: #fff;
    padding-top: 40px;
    padding-bottom: 20px;
    border-left: 1px solid #9eadc1;
    border-right: 1px solid #9eadc1;
    }
    #main h1,
    #main h2,
    #main h3 {
        color: #999933;
    }
    #main h4 {
        color: #8ebcde;
    }

#mainsub1 {
    background: #e9decf;
    padding-top: 40px;
    padding-bottom: 20px;
    border-left: 1px solid #9eadc1;
    border-right: 1px solid #9eadc1;
    }
    #mainsub1 h1,
    #mainsub1 h2,
    #mainsub1 h3,
    #mainsub1 h4 {
        color: #999933;
    }
    #mainsub1 p {
        color: #323232;
    }
#contentsub1 h1,
#contentsub1 h2,
#contentsub1 h3,
#contentsub1 h4 {
    color: #294960;
}


#mainsub2 {
	background: #b5a58e url(../images/footer-gradient.jpg) repeat-x left bottom;
    padding-top: 40px;
    padding-bottom: 20px;
    color: #fff;
    border-left: 1px solid #9eadc1;
    border-right: 1px solid #9eadc1;
    }
    #mainsub2 h1,
    #mainsub2 h2,
    #mainsub2 h3,
    #mainsub2 h4 {
        color: #e9decf;
    }
    #mainsub2 img {
        border: 3px solid #e9decf;
        margin: 0 15px 20px 0;
    }

#sidebar {
    color: #666;
    }
    #sidebar h1,
    #sidebar h2,
    #sidebar h3 {
        color: #999933;
    }
    #sidebar img {
        margin: 0 0 15px 0;
        padding: 10px;
        background: #f7eee5;
    }
    #sidebar .sidebox {
        margin: 0 40px 20px 0;
        padding: 20px;
        background: #f7eee5;
    }
    #sidebar .sidebox h3 {
        margin-bottom: 20px;
    }
    #sidebar .shoutbox h1,
    #sidebar .shoutbox h2,
    #sidebar .shoutbox h3,
    #sidebar .shoutbox h4 {
        color: #59809e;
    }
    #sidebar .shoutbox h3 {
        margin-bottom: 20px;
    }

.sidebox p.listitem {
    margin-bottom: 5px;
}

#sidebarsub1 {
    color: #666;
    }
    #sidebarsub1 h1,
    #sidebarsub1 h2,
    #sidebarsub1 h3 {
        color: #999933;
    }
    #sidebarsub1 p {
        color: #323232;
    }
    #sidebarsub1 .sidebox {
        margin: 0 40px 20px 0;
        padding: 20px;
        background: #e0cfbb;
    }
    #sidebarsub1 .sidebox h3 {
        margin-bottom: 20px;
    }
    #sidebarsub1 .shoutbox h1,
    #sidebarsub1 .shoutbox h2,
    #sidebarsub1 .shoutbox h3,
    #sidebarsub1 .shoutbox h4 {
        color: #59809e;
    }
    #sidebarsub1 .shoutbox h3 {
        margin-bottom: 20px;
    }
    #sidebarsub1 .shoutbox p {
        color: #323232;
    }

#sidebarsub2 {
    color: #fff;
    }
    #sidebarsub2 h1,
    #sidebarsub2 h2,
    #sidebarsub2 h3,
    #sidebarsub2 h4 {
        color: #e9decf;
    }
    #sidebarsub2 .sidebox {
        margin: 0 30px 20px 10px;
        padding: 0 20px 20px;
    }
#contentsub2.colborder {
    border-right:1px solid #e9decf;
    margin-right:5px;
    padding-right:34px;
}
    
#footer {
    color: #666;
    text-align: center;
    padding: 10px 0 0 0;
    border-top: 1px solid #9eadc1;
    }
    #footer h2,
    #footer h3,
    #footer h4 {
        color: #666;
        margin-bottom: 5px;
    }
    #footer .box { 
        color: #3f3f3f;
        background: #f7f7df; 
        padding-left: 2em;
        padding-bottom: .25em;
    }
    #footer .box h2,
    #footer .box h3,
    #footer .box h4,
    #footer .box p { 
        color: #3f3f3f;
    }
    #footer p {
        margin: 0 0 .25em 0;
    }
    #footer .box img {
        margin: 5px 0 5px 0;
    }
    #footer .box img.imageright {
        float: right;
        clear: left;
        margin: 0 5px 0 15px;
    }

/* DATES 
--------------------------------------------------------------------- */
.dateblock {
    text-align: center;
    width: 50px;
    font-family: Arial;
}
.day {
    font-size: 26px;
    position: relative;
    top: -5px;
}
.month {
    font-size: 12px;
}
.year {
    font-size: 12px;
    position: relative;
    top: -10px;
}

/* MULTI-COLUMN LIST
--------------------------------------------------------------------- */
.multicol ul {
    list-style-type: none;
}
.multicol li {
    width: 120px;
    margin: 0 20px 0 0;
    padding: 5px;
    float: left;
}

/* NAV MENU
--------------------------------------------------------------------- */

ul#navmenu {
       font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
       text-align: right;
       list-style-type: none;
       margin: 0;
       padding: 30px 0;
       }

       ul#navmenu li {
               display: inline;
               }

       ul#navmenu li a {
               float: left;
               display: block;
               text-decoration: none;
               margin: 0;
               padding: 0px 8px 0px 8px;
               color: #fff;
               font-weight: 400;
               font-size: 1.5em;
               letter-spacing: -.06em;
               text-align: left;
               }
       ul#navmenu li#farleft a {
               padding-left: 0;
               }
       ul#navmenu li#farright a {
               position: relative;
               border: none;
               }
       ul#navmenu li a:hover {
               color: #336699;
               background: none;
               }

/* SHOUT BOX
--------------------------------------------------------------------- */
.shoutbox {
    color: #fff;
    margin: 0 40px 20px 0;
    padding: 20px;
    background:#abd0eb;
    }
    .shoutbox span.standout {
        color: #fff;
    }
    .shoutbox table {
        margin-bottom: 0;
    }
  

 /* FORMS
 --------------------------------------------------------------------- */
 /*Credits: Dynamic Drive CSS Library */
 /*URL: http://www.dynamicdrive.com/style/ */

 .cssform p{
 width: 300px;
 clear: left;
 margin: 0;
 padding: 5px 0 8px 0;
 padding-left: 155px; /*width of left column containing the label elements*/
 /* border-top: 1px dashed gray; */
 height: 1%;
 }

 .cssform label{
 font-weight: bold;
 float: left;
 margin-left: -155px; /*width of left column*/
 width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
 }

 .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
 width: 180px;
 }

 .cssform textarea{
 width: 250px;
 height: 150px;
 }

 /*.threepxfix class below:
 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
 */

 * html .threepxfix{
 margin-left: 3px;
 }