
/* Screen Stylesheet 
========================================================================
Title:    Client Name Stylesheet (Screen)
Author:   ross.howard@orcawebsites.com
========================================================================
*/


/*
========================================================================
Font
========================================================================
*/

h2 {
font-size: 16px;
color: #95A575;
font-weight: bold;
}

h2 a {
font-size: 12px;
color: #95A575;
font-weight: bold;
}

h3 {
font-size: 14px;
color: #000;
}

h4 {
font-size: 12px;
color: #000;
}

p {
font-size: 12px
color: #000;
}

a{text-decoration:none;}

/*
========================================================================
Basic Layout
========================================================================
*/

body {
background: #000;
font-family: Georgia;
min-height: 600px;
}


#container {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    margin-top: 20px;
    }

    /* === Header === */

    #header {
        background: #F4E5C1;
        width: 960px;
        float: left;
        }

#header .contact { text-align: right; float: right; width: 160px; height: 105px; font-size: 11px; margin: 13px 15px 0 0; color: #35121D; }
#header .contact a { color: #35121D; text-decoration: none; font-weight: bold; }
#header .contact .address { height: 54px; }
#header .contact .tel { margin: 10px 0; }
#header .contact span { font-weight: bold; }


#navigation {
width: 960px;
float: left;
background: url(/img/skin/prinav-bg.png);
}

        .logo {
        float: left;
        width: 342px;
        height: 130px;
        }

        #prinav {
            width: 700px;
            float: left;
            }

                #input li {
                width: 170px;
                margin: 6px;
                border: none;
                height: 18px;
                }

                 #input searchsite_keyword li {
                width: 170px;
                margin: 6px;
                height: 18px;
                }

            }
            #prinav ul {
                list-style: none;
                padding: 0px;
                float: right;
                }
                #prinav li {
                    float: left;
                    }
                    #prinav a {
                        display: block;
                        padding: 11.5px 10px;
                        color: #fff;
                        text-decoration: none;
                        font-size: 12px;
                        font-weight: bold;
                        }
                    #prinav .selected a { background: url(/img/navarrow.png) no-repeat; background-position: 50% 100%; }
                    #prinav 
                         a:hover {
                         color: #F4E5C1;
                        }
                    #prinav li.home a {
                        }
                    #prinav li.about_us a {
                        }
                    #prinav li.faqs a {
                        }
                    #prinav li.sizing a {
                        }
                    #prinav li.contact a {
                        }
                    #prinav a.selected {
                        }
                                   

        


                                   #sidebar {
                                   width: 228px;
                                   float: left;

                                   }



    /* === Body === */

    #body {
        width: 959px;
        float: left;
        background: #35121D;
        padding: 0px;
        min-height: 300px;
        border-top: 1px #95A575 solid;
        }    

        #sidebar input.text {
           }
            .search {
             width: 205px;
             float: right;
             margin: 3px 9px 0 0;
             }
            .search .input {
             float: left;
             height: 18px;
             padding: 0;
             }
            .search .input input { float: left; }
            .search .text {
             border: 0;
             height: 18px;
             }
            .search .submit {
             float: right;
             margin-left: 5px;
             border: none;
             margin: 6px 0 0 0;
             }

     #flash_panel ul{
             width: 630px;
             height: 268px;
             }
     
.page-home h3 { color: #FFF; }

#footer a { color: #FFF; text-decoration: none; font-size: 11px; }
#footer li { float: left; display: inline; margin: 0 5px; font-size: 11px; color: #FFF; }
#footer .orca { float: left; }
#footer ul { float: right; margin: 5px 0 0 0; }


/*
========================================================================
Document
========================================================================
*/

.document { padding: 20px; }
.document h2 { color: #000; margin: 0 0 20px 0; }
.document .body { font-size: 11.5px; line-height: 180%;}
.document .body strong {font-weight:bold;}

.navpanel { width: 100%; margin: 15px 0 0 15px; }
.navpanel .sectionhead { margin: 0 0 10px 0; }
.navpanel .sectionsummary { margin: 0 0 10px 0; color: #FFF; }
.navpanel .listing { border-left: 1px solid #95A575; }
.navpanel .listing li { list-style-type: none; padding: 1px 0 5px 20px; }
.navpanel .listing li.selected { background: url(/img/menuarrow.png) no-repeat; }
.navpanel .listing a { color: #CCC; text-decoration: none; font-size: 11.5px; }
.full { background: #F4E5C1; min-height: 300px; }

/*
========================================================================
Events
========================================================================
*/
.event-section { padding: 12px; }
.event-section #eventhead { background: url(/img/eventhead.png) no-repeat; padding: 12px 0 13px 15px; font-size: 12px; color: #FFF;  }
#eventlistblock { background: #FFF; }
#eventlistblock .eventtitle a { font-size: 11.5px; color: #333; float: left; margin: 0px; }
#eventlistblock .eventdate { font-size: 11.5px; color: #333; float: right; }
#eventlistblock .summary { width: 100%; line-height: 180%; font-size: 11.5px; clear: left; margin: 10px 0 0 0; float: left; }
#eventlistblock .morebut { font-size: 11.5px; color: #333; float: right; clear: both; }
#eventlistblock .article { padding: 15px 20px; border-bottom: 1px solid #D5DBC8; }
#rumshacklink { float: right; font-size: 11px; margin: 5px 0; margin: 10px 0 0 0; display: block; width: 185px;}
#rumshacklink a { background: url(/img/rumshack.png) no-repeat; width: 70px; height: 27px; float: right; text-indent: -9999px; margin: -20px 0 5px 10px; }
.event-section .listing { min-height: 250px; }


/*
========================================================================
Gallery
========================================================================
*/
.image-gallery { padding: 20px; }
.image-gallery h2 { margin: 0 0 20px 0; color: #000; }
.image-gallery .body { font-size: 11.5px; }
.image-gallery .image-gallery { margin: 20px 0 0 0; padding: 0px; }
.image-result { float: left; width: 144px; background: #FFF; margin: 0 3px 3px 0; }
.image-result a { margin: 2px; float: left; font-size: 11px; color: #333; text-decoration: none; }
.image-result img { width: 140px; }

/*
========================================================================
Search Results
========================================================================
*/
.search-results { padding: 20px; }
.search-results h2 { color: #000; margin: 0 0 20px 0; }
.search-results h4 { color: #000; }
.search-results .listing { margin: 10px 0 0 0; }
.search-results .listing .article h2 { margin: 0px; }
.search-results .listing .article h2 a { margin: 0px; color: #000; }
.search-results .listing .article { padding: 10px 0; border-top: 1px solid #D5DBC8; }

/*
========================================================================
Newsletter
========================================================================
*/

.messages { font-size: 11px; color: #FFF; padding: 10px; }
.newsletter-subscribe { padding: 20px; font-size: 11px; }
.newsletter-subscribe h2 { color: #000; margin: 0 0 20px 0; }
.newsletter-subscribe .details li { float: left; clear: both; }
.newsletter-subscribe .details li input { border: none; width: 200px; height: 16px; padding: 2px 0 0 0; }
.newsletter-subscribe .details li label { text-align: right; padding: 2px 3px 0 0; }
.newsletter-subscribe .submit { text-align: left; margin: 10px 0 0 0; }
.newsletter-subscribe .options li { margin: 20px 0 0 0; clear: both; width: 100%;}
.newsletter-subscribe .subfieldset li { margin: 5px 10px 0 0px; }
.newsletter-subscribe .radio { margin: 0 0 0 10px; }


/*
========================================================================
Contact Us
========================================================================
*/
.page-contact_us #content-area { float: left; min-height: 300px; padding: 20px; background: #F4E5C1; }
.page-contact_us .contact-form { font-size: 11px; }
.page-contact_us .contact-form h2 { color: #000; margin: 0 0 20px 0; }
.page-contact_us .contact-form .contact dt { width: 100px; text-align: right; margin: 6px 5px 0 0; font-weight: bold; }
.page-contact_us .contact-form .contact a { color: #000; text-decoration: none; }
.page-contact_us .contact-form .contact dd { float: left; clear: right; width: 270px; }
.page-contact_us .contact-form .body { padding: 0 0 20px 0;  }
.required_notice { font-size: 11px; }
.page-contact_us .right div { padding: 0 70px; }
.page-contact_us .contact-form li { float: left; clear: both; }
.page-contact_us .contact-form li input, .page-contact_us .contact-form li textarea { border: none; float: right; width: 200px; }
.page-contact_us .contact-form li label { float: left; width: 100px; text-align: right; margin: 0 10px 0 0; }
.page-contact_us .contact-form .submit input { width: 50px; margin: 5px 0 0 110px; }
.page-contact_us .contact-form .contact { width: 400px; }
.page-contact_us iframe { margin: 30px 0 0 0; }


/*
========================================================================
Links
========================================================================
*/
.page-links #content { padding: 20px; }
.page-links h2 { color: #000; }
.page-links .title a { margin: 0px; float: left; color: #000; }
.page-links .title { margin: 10px 0 0 0; padding: 0px; clear: both; float: left; }
.page-links .summary { clear: both; font-size: 11px; }

.headline {
margin-left: 20px;
margin-top: 20px;
font-size: 14px;
color: #000;
}


.listing mixed h2 {
float: right;
}
       
#holder {
float: left;
width: 960px;
height: 100%;
background: #F4E5C1;
}

.composite-section-sidebar {
float: left;
width: 330px;
height: 100%;
background: url(/img/skin/home-box.png) #35121D repeat-x;
}

.composite-section-sidebar h4 {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
}


.composite-section-sidebar h2 {
margin-left: 20px;
margin-right: 20px;
padding-top: 10px
}

.bar content {
width: 660px;
background: #F4E5C1;
float: right;
}

#homepage_copy {
width: 330px;
float: left; 
height: 268px;
background: url(/img/skin/home-box.png) repeat-x;
}

#homepage_copy h2 {
color: #95A575;
margin-top: 14px;
margin-left: 20px;
margin-right: 20px;
}


#welcome_summary h3 {
margin-top: 24px;
margin-left: 20px;
margin-right: 20px;
font-size: 14px;
color: #fff;
}

#welcome_body p {
margin-top: 24px;
margin-left: 20px;
margin-right: 20px;
font-size: 12px;
color: #fff;
}

#boxes {
float: left;
height: 230px;
width: 959px;
background: #F4E5C1;
border-top: 1px #95A575 solid;
}

.box {
background: url(/img/skin/home-box.png) repeat-x;
float: left;
width: 300px;
height: 200px;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
}

#box2 h2 {margin-top:10px; margin-left:10px;}

#box2_copy {
margin-top: 10px;
margin-left: 10px;
font-color: fff;
font-color: fff;
width: 280px;
}

#box2_copy p {
margin-top: 15px;
margin-bottom: 15px;
font-size: 12px;
width: 280px;
color: #fff;
}

h2 a {
margin-top: 20px;
margin-left: 20px;
text-decoration: none;
}

#box3_copy {
margin-top: 10px;
margin-left: 10px;
font-color: fff;
font-color: fff;
width: 280px;
}

#box3_copy p {
margin-top: 15px;
margin-bottom: 15px;
font-size: 12px;
width: 280px;
color: #fff;
}

#box3_event {
margin-left: 10px;
margin-top: 10px;
width: 140px;
display: inline;
}

#box3_event h3 {
margin-top: 10px
width: 60px;
float: left;
margin-left: 10px;
margin-bottom: 10px;
}

#box3_event h4 {
color: #fff;
width: 70px;
float: right;
display: inline;
margin-right: 10px;
margin-bottom: 10px;
}

#box3_event p {
color: #fff;
width: 280px;
text-align: left;
float: left;
margin-left: 10px;
font-size: 11px;
}

.newsletter {
padding: 6px;
}

.email {
background: url(/img/skin/email_field.png)
padding: 30px;
display: inline;
}

.fullname label {
background: url(/img/skin/name_field.png);
width: 50px;
height: 18px;
margin-top: 2px;
}

.email label {
background: url(/img/skin/email_field.png);
width: 50px;
height: 18px;
margin-top: 2px;
}

.page-home #input_email_address, .page-home #input_fullname {
border: 0;
width: 200px;
height: 18px;
float: right;
margin: 2px 0 0 0;
}

.subscribe {
float: left;
text-align: left;
}


.newsletter {
padding: 0;
margin: 0;
width: 280px;
margin-left: 10px;
margin-top: 10px;
color: #95A575;
font-family: Georgia;
}

#Newsletter_copy {
font-size: 12px;
margin-top: 16px;
margin-bottom: 14px;
color: #fff;
font-family: Georgia;
width: 280px;
}


.wrapper {
float: left;
width: 100%;
}


.bookmark {
display: none;
}

.copyright {
color: #FFF;
}

.event_title {
width: 50%;
float: left;
}
.event_date {
width: 50%;
float: right;
text-align: right;
}
.twothirds {    
    background: #F4E5C1;
    min-height: 300px;
    width: 628px;
    }


.downloads {padding:10px;}
.page-downloads h2 {color:#000000; padding:0 0 10px 0; }
.page-downloads .download_item {border-top:1px solid #000; padding-top:5px;}
.page-downloads .name_of_download {text-transform:uppercase;}
.page-downloads p {font-size:11px; margin:5px 0px;}
.page-downloads .download_link a{text-decoration:none; font-size:11px;}



#box2_copy p a {text-decoration:none; clear:none; display:inline; color: #95A575; }

#box2_copy p {margin:3px 0; float:left;}

#sendtofriend {color:#fff; font-size:12px;}

.newsletter-subscribe .fields li {width:350px}

.newsletter-subscribe .fields li input {float:right}
.newsletter-subscribe .options {width:600px; float:left}
.newsletter-subscribe .options .fields li {float:left}

.newsletter-subscribe ul.submit {float:left; width:500px;}

.sitemap {padding:10px;}
.sitemap li {margin-left:10px; font-size:12px;}
.sitemap * {color:#000}




