BODY
{
    FONT-SIZE: .9em;
    FONT-FAMILY: Verdana, Arial;
    margin:0px;
}



.header 
{
    margin: 0 auto;
    text-align:right;
    background:url(images/header.gif) no-repeat;
    background-position:right;
}

.horizontalMenuBox
{
    margin:0 auto;
    background-color:Black;
    overflow:auto;
}
.verticalMenuBox
{
}
.siteTitle
{
    font-size:1.6em;
    padding-top:1em;
    padding-bottom:.7em;
    padding-right:1.375em;
}
.siteTitle A:link
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.siteTitle A:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.siteTitle A:active
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.siteTitle A:hover
{
    COLOR: #f0f0cc;
    TEXT-DECORATION: underline
}    

.siteSubTitle
{
    font-size:1.1em;
    padding-bottom:2em;
    padding-right:2em;
        COLOR: #f0f0cc;

}

.contentShell
{
    margin: 0 auto;
    overflow:auto;
    background-color:Black;
}
.sidebar 
{
    background-color:black;
    text-align:left;
}
.innerSidebar
{    
    padding:10px;

}

.contentBox
{
    background-color:white;
    text-align:left;
}
.innerContentBox
{    
    padding:30px;

}

.footer 
{
    clear:both;
}

.topicalIndex
{
    FONT-SIZE: .7em;
    COLOR: #f0f0cc;
    FONT-FAMILY: Verdana, Arial;
    padding-bottom:30px;
}
.topicalIndex A:link
{
    COLOR: #c0c099;
    TEXT-DECORATION: none
}
.topicalIndex A:visited
{
    COLOR: #c0c099;
    TEXT-DECORATION: none
}
.topicalIndex A:active
{
    COLOR: #f0f0cc;
    TEXT-DECORATION: none
}
.topicalIndex A:hover
{
    COLOR: #f0f0cc;
    TEXT-DECORATION: underline
}

A:link
{
    COLOR: #000080;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #008080;
    TEXT-DECORATION: underline
}
A:active
{
    COLOR: #0000c0;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #0000c0;
    TEXT-DECORATION: underline
}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.3em;
    COLOR: #737239;
    PADDING-BOTTOM: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN-TOP: 0px
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.1em;
    FONT-FAMILY: Georgia;
    COLOR: #737239;
    PADDING-BOTTOM: 0.2em;
    MARGIN-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN-TOP: 0px
}

.bottomMenuItem
{
    font-size:.9em;
    color:#f0f0cc;
    float:left;
    padding-right:2em;
}
.bottomMenuItem A:link
{
    COLOR: #c0c099;
    TEXT-DECORATION: none
}
.bottomMenuItem A:visited
{
    COLOR: #c0c099;
    TEXT-DECORATION: none
}
.bottomMenuItem A:active
{
    COLOR: #f0f0cc;
    TEXT-DECORATION: none
}
.bottomMenuItem A:hover
{
    COLOR: #f0f0cc;
    TEXT-DECORATION: underline
}


.menuItem 
{
    background:url(images/bullet2.jpg) no-repeat;
    height:57px;
    padding-left:56px;
    font-size:1.1em;  
    COLOR: #f0f0cc;
    line-height:57px;
    
}
.menuItem A:link
{
    COLOR: #c0c099;
    TEXT-DECORATION: none
}
.menuItem A:visited
{
    COLOR: #c0c099;
    TEXT-DECORATION: none
}
.menuItem A:active
{
    COLOR: #f0f0cc;
    TEXT-DECORATION: none
}
.menuItem A:hover
{
    COLOR: #f0f0cc;
    TEXT-DECORATION: underline
}

.menuItem:hover
{    
    background:url(images/bulletbright.jpg) no-repeat;

}
.menuItemSelected 
{
    background-image:url(images/bullet.jpg);
    background-repeat:no-repeat;
    height:57px;
    padding-left:56px;
    font-size:1.1em;  
    COLOR: #f0f0cc;
    line-height:57px;
    
}
.menuItemSelected A:link
{
    COLOR: #c0c099;
    TEXT-DECORATION: none
}
.menuItemSelected A:visited
{
    COLOR: #c0c099;
    TEXT-DECORATION: none
}
.menuItemSelected A:active
{
    COLOR: #f0f0cc;
    TEXT-DECORATION: none
}
.menuItemSelected A:hover
{
   COLOR: #f0f0cc;
    TEXT-DECORATION: underline
}

.bottomMenuBox 
{
    overflow:auto;
    padding:5px;
    border-bottom:2px solid #ffffff;
}

.fromHereLabel
{
    color:#666666;
    font-size:.9em;
    font-weight:bold;
    padding-right:5px;
}

.searchBar
{
    font-family:Verdana;
    padding:2px;
    border:1px solid #999999;
    width:350px;
}
.searchBar2
{
    font-family:Verdana;
    padding:2px;
    border:1px solid #999999;
    width:175px;
    
}
.contactFormInput
{
    font-family:Verdana;
    padding:2px;
    border:1px solid #999999;
    width:400px;
    
}

.contactFormTextArea
{
    font-family:Verdana;
    padding:2px;
    border:1px solid #999999;
    width:400px;
    height:75px;
    
}

.defaultPagePhoto
{
    width:201px;
    height:93px;
    float:right;
    border:1px solid #aaaaaa;
    padding:10px;
    background-color:#f2f3e8;
    margin:5px;
}

/* Screens that are bigger than 960px */
@media screen and (min-width:960px) 
{
    .header,.contentShell
    {
            width:960px;
    }   
    .horizontalMenuBox,.bottomMenuBox
    {
        display:none;
    }
    .verticalMenuBox
    {
        display:inherit;
    } 
    .sidebar
    {
        width:33%;
        float:left;
    }
     .contentBox
    {
        width:66%;
        float:right;
    }

    
}

/* Formatting that applies to all screens less than 960px */
@media screen and (max-width:959px) 
{
    
    .menuItem
    {
        text-align:left;
        white-space:nowrap;
        float:left;
    }
    .menuItemSelected
    {
        text-align:left;
        white-space:nowrap;
        float:left;
    }
    .horizontalMenuBox,.bottomMenuBox
    {
        display:inherit;
        width:100%;
    }
    .verticalMenuBox
    {
        display:none;
    } 
    .sidebar
    {
        float:none;
    }
     .contentBox
    {
        float:none;
    }
    .innerContentBox
    {    
        padding:10px;

    }
    .topicalIndex
    {
        font-size:.9em;
    }

}



/* Formatting that applies to all screens more than 600px */
@media screen and (min-width:750px) 
{
    #menuItem_more
    {
        display:none;
    }

}

/* Formatting that applies to all screens less than 600px */
@media screen and (max-width:799px) 
{
    #menuItem_more
    {
        display:inherit;
    }
    #menuItem_music
    {
        display:none;
    }
    #menuItem_contact
    {
        display:none;
    }
    
}

/* Formatting that applies to all screens less than 450px */
@media screen and (max-width:549px) 
{
    
    #menuItem_facebook
    {
        display:none;
    }
    
}

/* Formatting that applies to all screens less than 450px */
@media screen and (max-width:449px) 
{
    .searchBar2
    {
        width:100px;
        
    }

    .searchBar
    {
        width:175px;
        
    }

    #menuItem_home
    {
        display:none;
    }
    .contactFormInput
    {
        width:280px;
    }
    .contactFormTextArea
    {
        width:280px;
    }
    .defaultPagePhoto
    {
        width:100px;
        height:46px;
    }
}


/* width between 600 and 960 */
@media screen and (min-width:600px) and (max-width:959px) 
{
    .header,.contentShell
    {
            width:100%;
    }  
}


/* width less than 600 */
@media screen and (max-width:599px) 
{
    .contentShell,.horizontalMenuBox
    {
        width:100%;
    }
    .header
    {
            width:100%;
            background:url(images/header600.gif) no-repeat;
            background-position:right;
    } 
    .siteTitle 
    {
        padding-bottom:1em;
    }
    .siteSubTitle
    {
        display:none;
    }  
}