html
{
    background: #ededec url(../i/bg.jpg) repeat-x;
}

body
{
    color: #444;
    font-family: "facitweb",sans-serif;
    font-size: 62.5%;
    line-height: 1.6;
}

/* -------------------- Typography ----------------------
   ------------------------------------------------------ */

h3
{
    color: #ff7300;
    font-family: Arial, Sans-Serif;
    font-size: 1.8em;
    margin: 10px 0;
}

h4
{
    font-family: Arial, Sans-Serif;
    font-size: 1.5em;
    font-weight: bold;
}

h5
{
    font-size: 1.4em;
    font-weight: bold;
}
   
p
{
    font-size: 1.3em;
    line-height: 1.8;
    margin: 10px 0;
}   

a:link
{
    color: #ff7300;
    outline: none;
    text-decoration: none;
}

a:visited
{
    color: #ff7300;
    text-decoration: none;
}

a:hover
{
    color: #ff7300;
    text-decoration: underline;
}

a:active
{
    color: #ff7300;
    text-decoration: none;
}


strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

/* -------------------- Misc Styles ---------------------
   ------------------------------------------------------ */

.dotted-divider
{
    border-bottom: dotted 1px #ddd;
    margin: 15px 0;
}

ul, ol
{
    margin: 10px 0;
    padding: 0 0 0 3em;
}

ul li, ol li
{
    font-size: 1.3em;
    line-height: 1.8;
    list-style-type: square;
    padding: 0;
}

ol li
{
    list-style-type: decimal;
}

ul li ul li, ol li ol li
{
    font-size: inherit;
}

.dlicon
{
    border: none;
    float: left;
    margin: 0 5px 0 0;
    vertical-align: baseline;
}

.caption
{
    font-size: 1.1em;
    font-style: italic;
    margin: 0;
    text-align: right;
}

hr
{
    color: #ddd;
    background-color: #ddd;
    height: 1px;
}

/* -------------------- Structure -----------------------
   ------------------------------------------------------ */
   
#wrapper
{
    background: #fff; 
    margin: 0 auto;
    width: 960px;
}   

#header
{
    height: 120px;
}

#banner
{
    height: 400px;

}

#content
{
    overflow: hidden;
    padding: 27px 0;    
}

#content-l
{
    float: left;
    margin-right: 30px;
    width: 216px;
}

#content-r
{
    float: left;
    width: 687px;
}

#footer
{
    background: #a68e70;
    height: 30px;
    margin: 0 auto;
    padding: 10px 15px 0 15px;
    width:930px;
}


/* ---------------------- Header ------------------------
   ------------------------------------------------------ */
   
#logo
{
    float: left;
    padding: 10px 0 0 25px;
    width: 348px;
}

#connect-links
{
    float: right;
    padding: 0 25px 0 0;
}

#connect-links ul
{
    float: right;
    margin: 10px 0 6px 0;
}

#connect-links ul li
{
    display: inline;
    list-style-type: none;
    margin: 0 0 0 5px;
}

#banner-join a:link
{
    background: url(../i/banners/banner-join.jpg) no-repeat;
    clear: right;
    display: block;
    height: 60px;
    width: 450px;
}

#banner-join a:hover
{
    background-position: 0 -60px;
}

/* -------------------- Navigation -----------------------
   ------------------------------------------------------ */

#nav
{
    background: #492104;
    height: 24px;
    margin: 0 0 2px 0;
    padding: 3px 15px 3px 10px;
}

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

#nav ul li
{
    display: inline;
    font-family: "minion-pro-caption",sans-serif;
    font-size: 1.6em;
    line-height: 1.6;
    list-style-type: none;
    padding: 0;    
}

#nav ul li a:link
{
    background: url(../i/nav-divider.jpg) bottom right no-repeat;
    color: #fff;
    display:block;
    float: left;
    margin: 0 0 0 0;
    padding: 0 15px;
    text-decoration: none;
}

#nav ul li a:visited
{
    background: url(../i/nav-divider.jpg) bottom right no-repeat;
    color: #fff;
    display:block;
    float: left;
    margin: 0 0 0 0;
    padding: 0 15px;    
    text-decoration: none;
}

#nav ul li a:hover
{
    background: url(../i/nav-divider.jpg) bottom right no-repeat;
    border-bottom: solid 3px #ff7300;
    color: #fff;
    display:block;
    float: left;
    margin: 0 0 0 0;
    padding: 0 15px;    
    text-decoration: none;
}

#nav ul li a:active
{
    background: url(../i/nav-divider.jpg) bottom right no-repeat;
    color: #fff;
    display:block;
    float: left;
    margin: 0 0 0 0;
    padding: 0 15px;    
    text-decoration: none;
}

/* Active States */

#body_abo #nav_abo a:link, #body_shi #nav_shi a:link, #body_eve #nav_eve a:link, #body_pro #nav_pro a:link, #body_fut #nav_fut a:link, #body_new #nav_new a:link, #body_con #nav_con a:link
{
    border-bottom: solid 3px #ff7300;
}

#body_abo #nav_abo a:visited, #body_shi #nav_shi a:visited, #body_eve #nav_eve a:visited, #body_pro #nav_pro a:visited, #body_fut #nav_fut a:visited, #body_new #nav_new a:visited, #body_con #nav_con a:visited
{
    border-bottom: solid 3px #ff7300;
}

#body_abo #nav_abo a:hover, #body_shi #nav_shi a:hover, #body_eve #nav_eve a:hover, #body_pro #nav_pro a:hover, #body_fut #nav_fut a:hover, #body_new #nav_new a:visited, #body_con #nav_con a:visited
{
    border-bottom: solid 3px #ff7300;
}

#body_abo #nav_abo a:active, #body_shi #nav_shi a:active, #body_eve #nav_eve a:active, #body_pro #nav_pro a:active, #body_fut #nav_fut a:active, #body_new #nav_new a:visited, #body_con #nav_con a:visited
{
    border-bottom: solid 3px #ff7300;
}

/* ---------------------- Footer ------------------------
   ------------------------------------------------------ */

#footer p
{
    color: #fff;
    font-size: 1.2em;
    margin: 0;
}

#footer a:link, #footer a:visited, #footer a:link, #footer a:link
{
    color: #fff;
}

/* ----------------- Home Page Features --------------------
   ------------------------------------------------------ */

#features
{
    min-height:250px;
    height:auto !important;
    height:250px;
    padding: 0 27px;
}

.feature
{
    float: left;
    height: 150px;
    margin: 0 27px 0 0;
    width: 204px;
}

#features .last
{
    margin: 0;
}

.feature img 
{
    border: solid 1px #ccc;
    margin-bottom: 5px;
}

.feature h2
{
    color: #ff7300;
    font-family: "minion-pro-caption",sans-serif;
    font-size: 1.8em;
}

.feature p
{
    margin: 0;
}

/* -------------------- Page Styles ---------------------
   ------------------------------------------------------ */
   
.side-heading
{
    background: #ff7300;
    height: 60px;
    margin: 0 0 25px 27px;
    position: relative;
    width: 189px;
}

.side-heading h1
{
    bottom: 0;
    color: #fff;
    font-family: "minion-pro-caption",sans-serif;
    font-size: 2em;
    margin: 0 0 0 10px;
    position: absolute;
}

.page-heading
{
    background: #f0f0f0;
    height: 60px;
    margin: 0 0 25px 0;
    position: relative;
    width: 687px
}

.page-heading h2
{
    bottom: 0;
    color: #492104;
    font-family: "minion-pro-caption",sans-serif;
    font-size: 2em;
    margin: 0 0 0 10px;
    position: absolute;
}

.page-banner
{
    margin-bottom: 10px;
}

/* ------------------ Side Navigation -------------------
   ------------------------------------------------------ */

#content-l ul
{
    margin: 0;
    padding: 0;
}
   
#content-l ul li
{
    font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",sans-serif;
    font-size: 1.2em;
    line-height: 3.2; 
    list-style-type: none;  
    padding: 0 0 0 0; 
}

#content-l ul li a:link
{
    color: #444;
    display: block;
    padding: 0 0 0 37px;
    text-decoration: none;
}

#content-l ul li a:visited
{
    color: #444;
    display: block;
    padding: 0 0 0 37px;
    text-decoration: none;
}

#content-l ul li a:hover
{
    color: #ff7300;
    display: block;
    padding: 0 0 0 37px;
    text-decoration: none;
}

#content-l ul li a:active
{
    color: #444;
    display: block;
    padding: 0 0 0 37px;
    text-decoration: none;
}

/* Active States */

    /* About Us */
    
    .a_fri #snav_a_fri a:link, .a_fin #snav_a_fin a:link, .a_con #snav_a_con a:link, .a_com #snav_a_com a:link, .a_use #snav_a_use a:link
    {
        background: #ddd;
        color: #444;
    }
    
    .a_fri #snav_a_fri a:visited, .a_fin #snav_a_fin a:visited, .a_con #snav_a_con a:visited, .a_com #snav_a_com a:visited, .a_use #snav_a_use a:visited
    {
        background: #ddd;
        color: #444;
    }
    
    .a_fri #snav_a_fri a:hover, .a_fin #snav_a_fin a:hover, .a_con #snav_a_con a:hover, .a_com #snav_a_com a:hover, .a_use #snav_a_use a:hover
    {
        background: #ddd;
        color: #444;
    }
    
    .a_fri #snav_a_fri a:active, .a_fin #snav_a_fin a:active, .a_con #snav_a_con a:active, .a_com #snav_a_com a:active, .a_use #snav_a_use a:active
    {
        background: #ddd;
        color: #444;
    }   

    /* The Ship */
    
    .s_new #snav_s_new a:link, .s_exc #snav_s_exc a:link, .s_shi #snav_s_shi a:link, .s_imp #snav_s_imp a:link
    {
        background: #ddd;
        color: #444;
    }
    
    .s_new #snav_s_new a:visited, .s_exc #snav_s_exc a:visited, .s_shi #snav_s_shi a:visited, .s_imp #snav_s_imp a:visited
    {
        background: #ddd;
        color: #444;
    }
    
    .s_new #snav_s_new a:hover, .s_exc #snav_s_exc a:hover, .s_shi #snav_s_shi a:hover, .s_imp #snav_s_imp a:hover
    {
        background: #ddd;
        color: #444;
    }
    
    .s_new #snav_s_new a:active, .s_exc #snav_s_exc a:active, .s_shi #snav_s_shi a:active, .s_imp #snav_s_imp a:active
    {
        background: #ddd;
        color: #444;
    }            
    
    /* Events */     
    
    .e_eve #snav_e_eve a:link, .e_ope #snav_e_ope a:link, .e_oth #snav_e_oth a:link, .e_new #snav_e_new a:link, .e_loc #snav_e_loc a:link
    {
        background: #ddd;
        color: #444;
    }
    
    .e_eve #snav_e_eve a:visited, .e_ope #snav_e_ope a:visited, .e_oth #snav_e_oth a:visited, .e_new #snav_e_new a:visited, .e_loc #snav_e_loc a:visited
    {
        background: #ddd;
        color: #444;
    }    
    
    .e_eve #snav_e_eve a:hover, .e_ope #snav_e_ope a:hover, .e_oth #snav_e_oth a:hover, .e_new #snav_e_new a:hover, .e_loc #snav_e_loc a:hover
    {
        background: #ddd;
        color: #444;
    }    
    
    .e_eve #snav_e_eve a:active, .e_ope #snav_e_ope a:active, .e_oth #snav_e_oth a:active, .e_new #snav_e_new a:active, .e_loc #snav_e_loc a:active
    {
        background: #ddd;
        color: #444;
    }   
    
    /* Project Support */ 
    
    .p_pro #snav_p_pro a:link
    {
        background: #ddd;
        color: #444;
    }
    
    .p_pro #snav_p_pro a:visited
    {
        background: #ddd;
        color: #444;
    }
    
    .p_pro #snav_p_pro a:hover
    {
        background: #ddd;
        color: #444;
    }
    
    .p_pro #snav_p_pro a:active
    {
        background: #ddd;
        color: #444;
    }      
    
    /* Future */          

    .f_fut #snav_f_fut a:link
    {
        background: #ddd;
        color: #444;
    }
    
    .f_fut #snav_f_fut a:visited
    {
        background: #ddd;
        color: #444;
    }
    
    .f_fut #snav_f_fut a:hover
    {
        background: #ddd;
        color: #444;
    }
    
    .f_fut #snav_f_fut a:active
    {
        background: #ddd;
        color: #444;
    }   
    
    /* Newsletter */
    
    .n_new #snav_n_new a:link, .n_arc #snav_n_arc a:link
    {
        background: #ddd;
        color: #444;
    }       
    
    .n_new #snav_n_new a:visited, .n_arc #snav_n_arc a:visited
    {
        background: #ddd;
        color: #444;
    }      
    
    .n_new #snav_n_new a:hover, .n_arc #snav_n_arc a:hover
    {
        background: #ddd;
        color: #444;
    }      
    
    .n_new #snav_n_new a:active, .n_arc #snav_n_arc a:active
    {
        background: #ddd;
        color: #444;
    }
    
    /* Support Us */  
    
    .s_sup #snav_s_sup a:link, .s_gui #snav_s_gui a:link, .s_joi #snav_s_joi a:link
    {
        background: #ddd;
        color: #444;
    }       
    
    .s_sup #snav_s_sup a:visited, .s_gui #snav_s_gui a:visited, .s_joi #snav_s_joi a:visited
    {
        background: #ddd;
        color: #444;
    }      
    
    .s_sup #snav_s_sup a:hover, .s_gui #snav_s_gui a:hover, .s_joi #snav_s_joi a:hover
    {
        background: #ddd;
        color: #444;
    }      
    
    .s_sup #snav_s_sup a:active, .s_gui #snav_s_gui a:active, .s_joi #snav_s_joi a:active
    {
        background: #ddd;
        color: #444;
    }
                            

/* ----------------------- Side Ads ---------------------
   ------------------------------------------------------ */
   
#sideads
{
    border-top: solid 3px #ccc;
    margin: 20px 0 0 25px;
    padding-top: 20px;
}

#ad-guidebook
{
    margin: 0 0 20px 1px;
}
   
#ad-guidebook a
{
    background: url(../i/ad-guidebook.jpg) no-repeat;
    display: block;
    height: 90px;
    width: 188px;
}

#ad-guidebook a:hover
{
    background-position: 0 -90px;
}

#ad-opendays
{
    margin: 0 0 20px 1px;
}
   
#ad-opendays a
{
    background: url(../i/ad-opendays.jpg) no-repeat;
    display: block;
    height: 90px;
    width: 188px;
}

#ad-opendays a:hover
{
    background-position: 0 -90px;
}

#ad-newsletter
{
    margin: 0 0 20px 1px;
}
   
#ad-newsletter a
{
    background: url(../i/ad-newsletter.jpg) no-repeat;
    display: block;
    height: 90px;
    width: 188px;
}

#ad-newsletter a:hover
{
    background-position: 0 -90px;
}

/* ------------------------ Connect ---------------------
   ------------------------------------------------------ */

#connect
{
    margin: 20px 0 0 25px;
}

#connect h3
{
    font-family: "minion-pro-caption",sans-serif;
}

#connect ul li
{
    border-bottom: solid 1px #ddd;
    padding: 0 0 0 13px;
}

#connect ul li img
{
    margin: 0 5px 0 0;
    vertical-align: middle;
}

#connect ul li a:link
{
    color: #444;
    display: inline;
    padding: 0;
}

#connect ul li a:visited
{
    color: #444;
    display: inline;
    padding: 0;
}

#connect ul li a:hover
{
    color: #ff7300;
    display: inline;
    padding: 0;
}

#connect ul li a:active
{
    color: #444;
    display: inline;
    padding: 0;
}

/* ----------------------- Tables -----------------------
   ------------------------------------------------------ */
   
table
{
    border: solid 1px #ddd;
    font-size: 1.3em;
}   

table tr td
{
    border: solid 1px #ddd;
    padding: 5px;
    vertical-align: top;
}

table thead tr td
{
    background: #f1f1f1;
    border-bottom: solid 1px #ddd;
    font-weight: bold;
}

/* ---------------- Newsletter Archive ------------------
   ------------------------------------------------------ */

.newsletter
{
    margin: 15px 0 35px 0;
}

.newsletter h4
{
    border-bottom: solid 1px #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.newsletter img
{
    border: solid 1px #ccc;
    float: right;
    margin: 0 0 10px 10px;
}

.newsletter .dlicon
{
    border: none;
    float: left;
    margin: 0 5px 0 0;
    vertical-align: baseline;
}