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

body 
{
    color: #333;
    font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", Arial, Sans-Serif;
    font-size: 62.5%;
    line-height: 1.7;
}

/* Typography
///////////////////////////////////////////////////// */

h1
{
    color: #ea8819;
    font-size: 1.8em;
    text-transform: uppercase;
}

h2
{
    color: #ea8819;
    font-size: 1.6em;
}

h3
{
    color: #333;
    font-size: 1.3em;
    font-weight: bold;
}

.heading, span.heading
{
    color: #ea8819;
    font-size: 1.5em;
}

.small-heading, span.small-heading
{
    font-size: 1.3em;
    font-weight: bold;
}

p
{
    font-size: 1.4em;
    margin: 15px 0;
}

/* Links */

a
{
    outline: none;
}

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

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

a:hover
{
    border-bottom: dotted 1px #333;
    color: #ea8819;
    text-decoration: none;
}

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

#logo a, #banner a
{
    border: none;
}

/* General Font Styles */

.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

/* Lists */

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

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

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

ul li a:link, ol li a:link
{
    color: #333;
}


/* Structure
///////////////////////////////////////////////////// */

#header
{
    height: 139px;
    padding-top: 11px;
    margin: 0 auto;
    width: 960px;
}

#logo
{
    float: left;
    width: 231px;
}

#nav
{
    float: right;
    width: 720px;
}

#banner
{
    margin: 15px auto;
    width: 970px;
}

#content
{
    background: #fff;
    clear: both;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 30px;
    width: 960px;
}

#content-left
{
    float: left;
    width: 600px;
}

#content-right
{
    float: right;
    width: 300px;
}

#heading
{
    border-bottom: solid 1px #ddd;
    padding: 15px 20px;
    width: 550px;
}

#heading-l /* Full Width Heading */
{
    border-bottom: solid 1px #ddd;
    padding: 15px 20px;
    width: 850px;
}

#content-body
{
    margin: 20px auto;
    width: 560px;
}

#content-body-l /* Full Width Page */
{
    margin: 20px auto;
    width: 920px;
}

#footer
{
    background: #333;
    border-bottom: solid 4px #ea8819;
    border-top: solid 2px #4e4e4e;
    clear: both;
    height: 100px;
}

/* Footer
///////////////////////////////////////////////////// */

#inner-footer
{
    color: #fff;
    font-size: 0.85em;
    height: 70px;
    margin: 0 auto;
    padding: 15px 0;
    width: 960px;
}

#inner-footer p
{
    margin: 10px 0 0 0;
}

#footer-l
{
    float: left;
    width: 500px;
}

#footer-r
{
    float: right;
    width: 100px;
}

#inner-footer a:hover
{
    border-bottom: dotted 1px #fff;
    text-decoration: none;
}

/* Side Bar
///////////////////////////////////////////////////// */

#cr-image
{
    height: 300px;
    width: 300px;
}

#cr-contact-h
{
    background: url(../i/bg-contact.jpg) no-repeat;
    height: 57px;
    padding: 5px 0 0 20px;
    width: 280px;
}

#cr-contact-h span
{
    color: #fff;
    font-size: 1.8em;
}

#cr-contact
{
    background: url(../i/bg-side.jpg) repeat-x;
    min-height:300px;
    height:auto !important;
    height:300px;
    padding: 10px 20px;
    width: 260px;
}

#cr-contact p
{
    margin: 0;
}

#cr-contact img
{
    display: block;
    margin: 0 auto;
}

.side-divider
{
    border-top: solid 1px #f1f1f1;
    height: 1px;
    margin: 15px 0;
    width: 100%;
}

#view-members-link
{
    text-align: right;
}

#view-members-link img
{
    display: inline; 
    margin-left: 5px;
}

/* News
///////////////////////////////////////////////////// */

.news h2
{
    color: #ea8819;
    font-size: 1.5em;
    line-height: 1.3;
    margin: 0;
    padding: 0;    
}

.news h3
{
    color: #999;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
}

.news p
{
    margin-top: 5px;
}

.news span
{
    font-size: 1.2em;
}

.news-heading
{
    color: #ea8819;
    font-size: 1.6em;
}

.news-date
{
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
}



/* Events
///////////////////////////////////////////////////// */

table
{
    border: solid 1px #fed2a6;
    font-size: 1.3em;
    width: 100%;
}

thead
{
    background: #ff9933;
    color: #fff;
    font-weight: bold;
}

thead tr td
{
    padding: 3px 10px;
}

tbody tr td
{
    border-bottom: solid 1px #fed2a6;
    padding: 10px;
    vertical-align: top;
}

.date
{
    width: 170px;
}

.event
{
    width: 240px;
}

.location
{
    width: 240px;
}

.description
{
    width: 260px;
}

tfoot
{
    border: solid 1px #ff9933;
    height: 2px;
}

/* Downloads
///////////////////////////////////////////////////// */

.downloads h3
{
    font-size: 1.5em;
    margin: 10px 0;
}

.downloads p
{
    margin: 5px 0;
}

.downloads ul
{
    margin-bottom: 10px;
}


/* Links
///////////////////////////////////////////////////// */

.links h2
{
    line-height: 1.3;
}

.links p
{
    margin-top: 0;
}

.links a:link, .links a:visited, .links a:hover, .links a:active
{
    color: #333;
}

/* Navigation
///////////////////////////////////////////////////// */

#nav
{
    padding-top: 48px;
    text-align: right;
}

#nav ul li
{
    border-right: solid 1px #eee;
    color: #ea8819;
    display: inline;
    font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2", Arial, Sans-Serif;
    font-size: 1.5em;
    padding: 0 10px;
}

#nav ul .last
{
    border-right: none;
    padding: 0 0 0 10px;
}

#nav ul li a:link
{
    color: #ea8819;
    text-decoration: none;
}

#nav ul li a:visited
{
    color: #ea8819;
    text-decoration: none;
}

#nav ul li a:hover
{
    color: #ea8819;
    text-decoration: none;
}

#nav ul li a:active
{
    color: #ea8819;
    text-decoration: none;
}

/* Active links */

#body_new #nav_new a, #body_eve #nav_eve a, #body_dow #nav_dow a, #body_lin #nav_lin a, #body_con #nav_con a
{
    border-bottom: dotted 1px #333;        
}

#body_joi #nav_joi a, #body_mem #nav_mem a
{
    border-bottom: dotted 1px #333;        
}

/* Breadcrumbs
///////////////////////////////////////////////////// */

.breadcrumbs
{
    margin: 15px auto 0 auto;
    
    width: 960px;
}

.bc
{
    float: left;
    padding: 5px 0;
    width: 600px;
}

.bc p
{
    margin: 0;
}

/* Search
///////////////////////////////////////////////////// */

/* Breadcrumbs Search Button */

.search .button
{
    border: solid 1px #ccc;
    background: #ea8819;
    color: #fff;
    float: left;
    font-size: 1.3em;
    padding: 0 0 1px 0;
    height: 24px;
    width: 55px;
}


.search
{
    float: right;
    width: 223px;
}

.search .input
{
    font-size: 1.3em;
    float: left;
    height: 16px;
    margin-right: 3px;
    padding: 3px;
    width: 155px;
}

/* Search Results Search Button */

#search
{
    
    width: 100%;
}

#search .input
{
    font-size: 1.3em;
    height: 16px;
    padding: 3px;
    width: 490px;
}


#search .button
{
    border: solid 1px #ccc;
    background: #ea8819;
    color: #fff;
    font-size: 1.3em;
    padding: 0 0 1px 0;
    height: 24px;
    width: 55px;
}

#search-count
{
    font-size: 1.1em;
    line-height: 2;
}

#ResultsDataGrid td
{
    padding: 20px 0 0 0;
}

/* Members Side Bar and Member List
///////////////////////////////////////////////////// */

.member
{
    margin-bottom: 20px;
    overflow: hidden;
}

.member h2
{
    color: #333;
    font-size: 1.4em;
    font-weight: bold;
}

.member img
{
    float: right;
    margin: 15px 0 10px 10px;
}

.member .button
{
    border: solid 1px #db7c10;
    background: #ea8819;
    color: #fff;
    float: left;
    font-size: 1.2em;
    padding: 1px 6px 0px 6px;
    height: 23px;    
}

a.profile-link
{
    background: #ea8819; 
    color: #fff; 
    font-size: 1.3em; 
    line-height: 1.8;
    padding: 0 10px 4px 10px;
}


/* Contact Form
///////////////////////////////////////////////////// */

#contact-form
{
    float: left;
    margin-top: 5px;
    padding-right: 30px;
    width: 600px;
}

#contact-form span
{
    display: block;
    font-size: 1.3em;
    padding: 0 0 1px 0;
}

#contact-form .input
{
    font-size: 1.4em;
    margin-bottom: 5px;
    padding: 5px;
    width: 300px;
}

#contact-form textarea
{
    font-size: 1.4em;
    height: 200px;
    margin-bottom: 5px;
    padding: 5px;
    width: 500px;
}

#contact-form .button
{
    border: solid 1px #ccc;
    background: #ea8819;
    color: #fff;
    display: block;
    font-size: 1.3em;
    height: 28px;
    margin-top: 10px;
    padding: 0 3px 3px 3px;
    width: 100px;    
}

#contact-form .req
{
    color: #ea8819;
    display: inline;
    font-size: 1.5em;
    vertical-align: top;
}

#sent-msg
{
    background: #f1f1f1;
    border: solid 1px #ddd;
    margin-bottom: 20px;
    padding: 0 5px;
    width: 555px;
}

#sent-msg p
{
    font-size: 1.1em;
}

#tick
{
    float: left;
    margin: 22px 10px 0 5px;
}