﻿

body 
{
    background-color: #739BC0;
    background-image: url(../../images/background.gif);
    font-family: Tahoma, Arial, Helvetica;
    background-repeat: repeat-x;
}

*
{
    margin: 0;
    padding: 0;
}    

.clear{clear: both;}

a img{border: 0; text-decoration:none;}

#divContainer
{
    width: 983px;
    background-color: #ffffff;
    padding: 0 5px 0 5px;
    margin: 0 auto;
}

#divTopBar
{
    background-color: #08314D;
    height: 30px;
    background-image: url(../../images/top-background.gif);
}    

#divTopBar h1{color: #B5C2CA; font-size: 0.75em; font-weight: normal;}

#divLeftTopBar
{
    float: left;
    padding: 8px 0 0 16px;
}    

#divRightTopBar
{    
    color: #B5C2CA;
    font-size: 0.7em;
    padding: 8px 33px 0 0;
    float: right;    
}    

#divRightTopBar a{text-decoration: none; color: #B5C2CA;}
#divRightTopBar a:hover
{
    color: #ffffff; 	
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	margin-bottom: 1px;
	padding-bottom: 1px;
}

#divSlugAd{padding: 1px 0 1px 0;}

#divSearchBar{background-image: url(../../images/search-background.gif); height: 32px;}
#divSearchBar h3{color: #7D7D7D; font-family: Arial, Helvetica; font-size: 1.0em;}
#divSearchBar input{font-family: Tahoma, Arial, Helvetica; font-size: 0.70em; width: 200px; padding: 1px;}

#divSearchBox{float: left; padding: 7px 0 0 16px;}
#divSearchBox a{color:#586975; font-size: 0.75em; text-decoration: none;}
#divSearchBox a:hover{color: #FB8A1A;}

#divAdviceLine{float: right; padding: 7px 16px 0 0;}

#divAreaSlugs{float: left; width: 983px; padding: 3px 0 0 0;}
#divAreaSlugs .clsPadLeft{padding: 0 0 0 3px;}

/* HAVE TO HACK FOR IE7 SADLY */
* html #divAreaSlugs{padding: 3px 0 3px 0;}
*:first-child+html #divAreaSlugs{padding: 3px 0 3px 0;}
/* HAVE TO HACK FOR IE7 SADLY */

#divContentHolder{float: left; background-image: url(../../images/content-background.gif); margin: 0; padding: 0;}

#divSideMenu
{
    float: left;
    background-color: #ffffff;
    width: 169px;
    margin: 0 7px 0 0;
    padding: 0;
}    

#divMainContent
{
    float: left;
    width: 567px;    
    margin: 0 7px 0 0;
    padding: 0;
}

#divRightSideMenu
{
    float: left;
    width: 233px;
    margin: 0;
    padding: 0;    
}   

.accordionHeader
{
    background-color: #052942;
    height: 25px;
    background-image:url(../../images/menu-back.gif);
	background-repeat:no-repeat;
	background-position:0 0;    
	outline: none;
}

.accordionHeaderOn
{
   	background-image: url(../../images/menu-back.gif);
	background-repeat: no-repeat;
	background-position: -169px 0;
	text-decoration:none;
	display: block;
	color:#ffffff; 
}

.accordionHeader a
{
    display: block;
    font-size: 0.7em; 
    color:#ffffff; 
    text-decoration: none;
    padding: 5px 0 7px 6px;
    font-weight: bold;
    outline: none;
}

.accordionHeader a:hover 
{
   	background-image: url(../../images/menu-back.gif);
	background-repeat: no-repeat;
	background-position: -169px 0;
	text-decoration:none;
	display: block;
	color:#ffffff; 
}

.accordionHeaderOn a
{
    display: block;
    font-size: 0.7em; 
    color:#ffffff; 
    text-decoration: none;
    padding: 5px 0 8px 6px;
    font-weight: bold;
    outline: none;
}

.accordionHeaderOn a:hover 
{
   	background-image: url(../../images/menu-back.gif);
	background-repeat: no-repeat;
	background-position: -169px 0;
	text-decoration:none;
	display: block;
	color:#ffffff; 
}

.contentInnerMenu ul{display: block; list-style: none; background-color: #EFEFEF;}
.contentInnerMenu ul li
{
    margin: 0; padding: 0; display: block; 
}

.contentInnerMenu ul li a
{
    display: block;
    font-size: 0.7em; 
    color:#586975; 
    text-decoration: none;   
    
    margin: 0; padding: 4px 0 5px 12px;   
    line-height: 20px;

    background-color: #EFEFEF;
    border-left: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
}

/* HAVE TO HACK FOR IE7 SADLY */
* html .contentInnerMenu ul li a{margin: 0; padding: 2px 0 7px 12px;  }
*:first-child+html .contentInnerMenu ul li a{margin: 0; padding: 2px 0 7px 12px;  }
/* HAVE TO HACK FOR IE7 SADLY */

.contentInnerMenu ul li a:hover
{
    color:#08304D;        
    background-color: #E0E0E0;      
}

#divELetterSlug{margin: 3px 0 3px 0;}
#divJoinSlug{margin: 0; padding: 0;}

#divFooter
{
    padding: 3px 0 0 0;  
    
}

#divChambersLogo{float: left;}
#divRightFooter{float: left; text-align: right; background-color: #032238; width: 804px; height: 61px; padding: 75px 10px 0 0;}

#divRightFooter p img{padding: 0 0 5px 7px;}

#divRightFooter .clsFooterLinks{color: #4F6574; font-size: 0.7em;}
#divRightFooter .clsFooterLinks a {color: #4F6574; text-decoration: none;}
#divRightFooter .clsFooterLinks a:hover
{
    color: #ffffff; 	
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	margin-bottom: 1px;
	padding-bottom: 1px;
}

/* Patrons Fade */

#ul_patrons {
    width: 220px;
    height: 110px;
    overflow: hidden;
}
