﻿
#siteContainer
{
    width:962px;
    text-align:left;
    margin:auto;
    height:auto;
}


/*navigation on top*/
#topNav{float:left;font-size:10px;width:750px; }
#langNav{float:right;text-align:right;font-size:10px;width:150px;}

#topNav a, #langNav a, #footerNav a{ font-family:Arial, Helvetica, sans-serif;color:#C69C6D; text-decoration:none;}
/* topnav forecolor was #9B6C34 */

#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, #footerRight{color:#C69C6D;}
#footerLeft
{
    float:left;
    position:relative;
    z-index:0;
    padding-left:10px;
    font-size:10px;
    _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 a, #footerRight a{color:#C69C6D; text-decoration:none;}

/*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;
   /* margin-top:10px;   */
}

.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;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
{   /* background:black; */
    width:1025px;    
    width:1026px;
    text-align:left;
    margin:auto;    
    height:auto;    
}
#CommContainer  {
    background:url(images/bg_comm_container2_middle.jpg) repeat-y;   
    /* background: magenta;   */
    width:995px;
    width:996px;
    height:auto;
    min-height:517px;
    clear:both;    
    text-align:center; 
    padding:0px 15px 0px 15px;    
    /*padding:0px; */
    overflow:hidden;
 } 
 
 /* needed for mozilla and ie8 */
 /* html>body #CommContainer{overflow:hidden;} */

/* main content area*/
#test
{
   width:712px;
    background:#fdf1d3; 
    float:left;
    margin-left:10px;
    height:100%;
    _height:512px;
    min-height:512px;
    
    overflow:hidden;           
}

.CommMiddleCol
{   /* background-color:green; */
    width:402px;   
    float:left;      
    height:auto;
    text-align:left;
    margin-left:10px;
    margin-right:10px;
}

.CommRightCol
{   /* background-color: Blue; */
    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:510px;
    clear:both;
    text-align:center;
    padding:0px 15px 0px 15px; 
    margin:0px;     
}  
 
#HPcontent
{
    width:645px;
    float:right;
}
 
#locationMap
{
    height:115px; 
    text-align:left;
    width:255px;
    clear:both;
    margin-top:4px;
    margin-left:2px;
}

#divSiteMap{text-align:left;padding:10px;padding-left:20px;}
#divSiteMap a{font-size:12px;color:#000;}
#divSiteMap a:hover{font-size:12px;color:#8e2600;}

