﻿
#siteContainer
{
    width:962px;
    text-align:left;
    margin:auto;
    height:auto;
}


/*navigation on top*/
#topNav{float:left;font-size:10px;width:750px; font-weight:bold;}
#langNav{float:right;text-align:right;font-size:10px;width:150px;}

#topNav a, #langNav a, #footerNav a{ font-family:Verdana, Times New Roman, Arial, Helvetica, sans-serif; color:#e5d9b1; text-decoration:none; font-weight:bold;}

#topNav ul, #topNav li, #langNav ul, #langNav li, #footerNav ul, #footerNav li{list-style:none; display:inline;margin:0px;padding:0px;color:#9b6c34; }
#topNav ul{margin-left:10px;}
#langNav ul{margin-right:10px;}

#container  {
    background:url(images/bg_container2_middle.jpg) repeat-y;
    width:932px;
    height:auto;
    min-height:517px;
    clear:both;    
    text-align:center;
    padding:0px 15px 0px 15px; 
    margin:0px;
 }  
/* needed for mozilla */
html>body #container{overflow:auto;}



#leftCol  
{
    width:274px; 
    float:left;
    margin:auto;
}


#mainNav ul{margin:10px 0px 0px 7px;padding:0px;list-style:none; display:block;}

ul#mainNav img{border:none;}
#mainNav li{
	height:69px;
	margin-bottom:-1px;	
	border-bottom:1px solid #9b6c34;
	border-top:1px solid #9b6c34;
}

/*footer nav*/
#footerLeft
{
    float:left;
    position:relative;
    z-index:0;
    padding-left:10px;
    font-size:10px; 
    font-weight:normal;
    _margin-top:0px;
    }
#footerRight{float:right;position:relative;z-index:2;text-align:right;font-size:10px;margin-top:0px;_margin-top:0px;margin-right:4px;}
#footerNav{margin-right:10px;font-size:10px;}
#footerLeft, #footerRight{color:#e5d9b1;}
#footerLeft a, #footerRight a{color:#e5d9b1; text-decoration:none; font-weight:normal;}

/*main content area*/
#content
{
   width:645px;
    background:#fdf1d3; 
    float:left;
    margin-left:10px;
    height:100%;
    _height:512px;
    min-height:512px;
    padding-top:10px;
    overflow:hidden;           
}

/* needed for mozilla */
html>body #content{width:640px;}


/*info box in the bottom left of community pages*/
#info
{
    background:url(images/bg_info.jpg) repeat-x top; 
    background-color:#671c01;
    padding:5px;
    color:#ecdbb3;
    text-align:left;
    width:264px;
    margin-top:5px;
    height:100%;
}

#info table{width:240px;line-height:10px;}

#info h3 {color:#ecdbb3;margin-left:0px;margin-bottom:2px;margin-top:5px;}
/*
#info ul#commLinks{text-align:left;list-style-type:square;margin-left:-20px;_margin-left:20px;color:#ecdbb3;margin-top:0px;}
#info ul#commLinks li{margin-bottom:5px;}
#info ul#commLinks a{color:#ecdbb3;font-size:11px;font-weight:bold;}
*/

/*content that goes in the middle of the page*/
.colMiddle
{
    width:390px;
    float:left;    
     margin-left:10px;
    height:auto;
    text-align:left;
}

.colRight
{
    float:right;
    width:202px;
    border-left: 1px solid #9b6c34;
    border-right: 1px solid #9b6c34;
    border-bottom: 1px solid #9b6c34;
    margin-bottom:5px;
    margin-right:10px;
    text-align:left;
    padding-bottom:10px;

    /*
        margin-top:10px;
     */
}
.colRight a{color:#000;font-size:11px;}

/*text under the maps*/
#findContent{width:550px;margin-left:10px;_margin-left:0px;margin-bottom:10px; float:left;}


/*community slideshow*/
#photos{text-align:left;width:348px;font-size:12px;}

#photos table{width:90%;margin-top:10px;}
#photos table td{text-align:left;}
#photos table a{color:#895f2e; font-weight:bold;}

#photoPrevious{width:20px;height:17px;  border:none; vertical-align:top;}
#photoNext{width:19px;height:17px;  border:none; vertical-align:top;}


/*community links*/

/*  not sure if this is used 
ul#commLinks{text-align:left;list-style-type:square;margin-left:-20px;_margin-left:20px;color:#9b6c34;}
ul#commLinks li{margin-bottom:5px;}
ul#commLinks a{color:#9b6c34;font-size:12px;font-weight:bold;} 
*/

/*community page elevations*/
ul#elevation {list-style:none;margin:0px;padding:0px;color:#9b6c34;}
ul#elevation li{list-style:none; display:inline;margin-right:5px;padding:0px;color:#9b6c34;}
ul#elevation a{color:#8e2600;border:1px solid #8e2600;text-decoration:none;padding: 0px 2px 0px 2px;font-weight:bold;}


/*flash*/
#map {margin-top:15px;margin-left:15px;_margin-left:7px;text-align:center;width:575px;}


/*menu*/
#mainNav{margin-bottom:0px;margin-top:6px;_margin-top:0px;}



/* Community page elements and layout  (wider) */
#CommSiteContainer
{   
    width:1026px;
    text-align:left;
    margin:auto;    
    height:auto;    
}
#CommContainer  {
    background:url(images/bg_comm_container2_middle.jpg) repeat-y;   
    width:995px;
    width:996px;
    height:auto;
    min-height:517px;
    clear:both;    
    text-align:center; 
    padding:0px 15px 0px 15px;    
    overflow:hidden;
 } 
 
 /* needed for mozilla and ie8 */
 /* html>body #CommContainer{overflow:hidden;} */

.CommMiddleCol
{   
    width:402px;   
    float:left;      
    height:auto;
    text-align:left;
    margin-left:10px;
    margin-right:10px;
}

.CommRightCol
{   
    float:left;
    width:280px;  
    margin-top:10px;
    margin-bottom:10px;
    text-align:left;
    overflow:hidden; 
}

.CommRightColBox
{
    float:right;
    width:278px;
    border-left: 1px solid #9b6c34;
    border-right: 1px solid #9b6c34;
    border-bottom: 1px solid #9b6c34;
    margin-bottom:10px;
    text-align:left;

}
.CommRightColBox a{color:#000;font-size:11px;}


/* Home page elements */
#HPContainer  {
    background:url(images/bg_container2_middle.jpg) repeat-y;    
    width:932px;
    height:843px;
    clear:both;
    text-align:center;
    padding:0px 15px 0px 15px; 
    margin:0px;   

}  
 
#HPContentTop
{
    width:645px;
    height:380px;
    float:right;
}
#HPQuickLinkContainer
{   
    background-image:url(images/quick_link_container.jpg);
    width:932px;
    height:45px;
    float:left;    
    margin-top:5px;
    font-size:24px;
    color:#e5d9b1;
    font-family:Times New Roman;
    text-align:center;
    
    
}
#HPQuickLinkContainer a, #HPQuickLinkContainer v
{ 
    font-family:Times New Roman;
    color:#e5d9b1;
    font-size:20px;
    text-align:center;
    text-decoration:none;
}

#HPAreaBackground 
{    background-image:url(images/hpcustomareasbgd.jpg);    
    margin-top:5px;
    float:left;
    height:350px; 
    width:932px;
    background-image:url(images/hpcustomareasbgd.jpg);    
}

#HPArea1
{ width:303px;
  height:290px; 
  overflow:hidden;
  margin-left:3px;
  margin-top:59px;
 }
#HPArea2
{ width:310px;
  height:301px; 
  margin-left:7px;
  margin-top:46px;
  line-height:145%;
  overflow:auto;
}
#HPArea3
{ width:305px;
  height:301px; 
  margin-left:0px;
  margin-right:0px;
  margin-top:46px;
  line-height:120%;
  overflow:auto;
}

#HPSocialBarContainer
{   
    background-image:url(images/social_bar_container.jpg);
    margin-top:5px;
    float:left;
    width:932px;
    height:52px;
    color:black;
    font-family:Times New Roman;
    font-size:20px;
}
#HPSocialBarContainer a, #HPSocialBarContainer v, #HPSocialBarContainer td
{ 
    text-decoration:none;
    color:Black;
    font-family:Times New Roman;
    font-size:18px;
    font-weight:bold;  
    
    }

 
#divSiteMap{text-align:left;padding:10px;padding-left:20px;}
#divSiteMap a{font-size:12px;color:#000;}
#divSiteMap a:hover{font-size:12px;color:#8e2600;}


