/* MAIN SHEETS */
@import "reset.css";
@import "common.css";
@import "navigation.css";
@import "contentStyles.css";
/* MODULES */

@import "news.css";
@import "images.css";

/*  ADD INTO pages/calendar/events

<asp:Content ID="Content2" ContentPlaceHolderID="cphHead" runat="server">
    <link id="Link1" rel="stylesheet" runat="server" type="text/css" href="/css/events.css" media="screen,print,projection" />    
</asp:Content>
*/

/* GENERIC SHEETS */
@import "form.css";
@import "widgets.css";
@import "share.css";
@import "quicklinks.css";

body{
background:#333333 url(../images/shd/header.gif) repeat-x scroll center bottom;
padding:0 0 65px 0;
margin:0;
font-size:0.75em;
line-height:2em;
color:#999;
font-family:Verdana, Arial, Sans-Serif;
}



body.fullwidth #leftCol{ display:none;}
body.fullwidth div#innerContent{ width: 970px;}

div.centerWrapper {
width:100%;
}

div.centerInner {
width:970px;
margin:0 auto;
}

#mainContent{
width:100%;
margin:0 auto;
position:relative;
background-color:#171717;
}

div#header .centerInner {

text-align:center;
}
div#header .centerInner img{
padding:20px 0 0 297px;
float:left;
}

div#header{
background:#333333 url(../images/shd/header.gif) no-repeat scroll center top;
height:99px;
}

.home #mainContent{
background:#171717 url(../images/shd/home_content_bkg.gif) repeat-x scroll center top;
clear:both;
}

#common #mainContent{
background:#171717 url(../images/shd/inner_content_bkg.gif) repeat-x scroll center top;
clear:both;
padding-bottom:20px;
padding-top:10px;
}

#mainContent .centerInner {
position:relative;
}

#flashContainer{
height:510px;
}

#headerLinks{
padding:0 10px 0 0;
margin:15px 0 0 0;
font-family:AvantGarde-Demi, Arial, Helvetica, sans-serif;
float:right;
width:100px;
}

#headerLinks a{
color:#999;
text-transform:uppercase;
text-decoration:none;
display:block;
padding:0 0 6px 0;
}



#headerLinks li{
list-style-type:none;
width:100px;
text-align:right;
margin:0;
}

.home #pageTitle, .gallery #pageTitle{
position:absolute;
top:25px;
right:0;}

/*
.home #pageTitle h1, .gallery #pageTitle h1{
height:0;
margin:0;
padding:111px 0 0 0;
overflow:hidden;
width:401px;
background-image:url(../images/shd/header_title_temp.gif);
background-repeat:no-repeat;
}
*/

.home #pageTitle h1, .gallery #pageTitle h1
{
    font-family:Avant Guard, Arial, Verdana, Sans-Serif;
    font-size:3em;
    background-color:#000;
    padding:5px;
}

.home #pageTitle h1 canvas, .home #pageTitle h1 span
{
    display:none;
}

.home #pageTitle h1{
height:0;
margin:0;
padding:111px 0 0 0;
overflow:hidden;
width:256px;
background-image:url(../images/shd/header_title_temp.gif);
background-repeat:no-repeat;
}



#footer{
    text-transform:uppercase;
    text-align:right;
    padding-top:10px;
    }
    
.home #footer
{
    padding-top:0;
    margin-top:-15px;
    }

        
    
    #innerContent{
        float:left; width:600px; 
        }
        
    #leftCol{
           width:330px; float:left; padding-right:15px;
        } 
        
        #rightCol{
            float:left;
            width:620px;
            padding-top:10px;
        }
        
        .selectGallery{ display:block; float:left; margin-bottom:25px;}
        .selectGallery h3{ margin-bottom:15px;}
        .selectGallery a{ font-size:1.3em;display:block;float:left;margin:3px 0 0 10px;}
        .selectGallery select { clear:both;display:block;float:left;}
        
        .otherGalleriesLite, #childGalleries{ display:block; float:left; clear:both; width:970px;}
        .otherGalleriesLite img, #childGalleries img{ border: 10px solid #0C0C0C;}
        .otherGalleriesLite li, #childGalleries li{ width: 182px; height:200px; float:left; margin-right:15px; margin-bottom:20px;}
        .otherGalleriesLite li.nomargin, #childGalleries li.nomargin{ margin:0;}
        .otherGalleriesLite span, #childGalleries span{ padding-left:10px; display:block; margin-top:2px; line-height:0.8em;}
        .otherGalleriesLite span span, #childGalleries span span{ padding: 0; display:block;}
        h3.childGalleries, h3.topGalleries{ margin:0 0 10px 0;}
        .fullwidth #flashContainer{ margin-bottom:40px;}
        
        
        #imageListing{ display:none;}
        
        #imageDisplayImage{ text-align: center; display: block; float: left; width: 970px; clear: both;}
        span.imageCaption,  div.downloadLink{display: block; float: left; text-align: center; width: 970px;}
        div.downloadLink a, .galleryReturn{ margin-top:8px;clear:both;display:block; font-size:1.5em; text-align:center;}
        
        ul#sitemap{ width:970px;}
        ul#sitemap li{ text-align:center; width:970px; padding: 12px 0 0 0;}