@charset "utf-8";
/* CSS Document */

/*home content*/

#mainPhoto  {
    width: 900px;
    height: 400px;
    margin: 10px auto;
    background:url(../photos/random_bg/1.jpg) no-repeat;   
}

#mainPhoto #navTransparentBG{
    width: 180px;  
    height: 390px; 
    padding: 5px;  
    z-index: 1;       
}

#mainPhoto  #navListbox{
    width: 175px; 
    top: -390px;   
    position: relative; 
    margin-left: 5px;
    z-index: 100;
}
#mainPhoto  #navListbox select{  
    width: 175px;
    margin: 5px 0;
    font-size: 11px;    
}

#mainPhoto  #navListbox select option{  
    padding: 2px 3px 1px 3px;
}

#caption {
    width: 900px; 
    margin: 10px auto; 
    font-size: 16px;
}

#caption a, #caption em{ 
    font-size: 16px; 
}

.sectionHeader {
    padding: 3px 10px;
    margin-top: 7px;
    margin-bottom: 0;       
}

.sectionContent, .sectionContentNoHeader {
    padding: 3px 10px;   
    margin-top: 0;
    margin-bottom: 7px;   
}

.sectionContentNoHeader {
    margin-top: 14px;   
}

.home_row {
    width: 880px; 
    margin-left: auto;
    margin-right: auto;
}

.home_col1 {
    width: 425px; 
    margin-left: 5px;
    margin-right: 5px;
    float: left;  
}

.home_col2 {
    width:425px; 
    margin-left: 5px;
    margin-right: 5px;
    float: right;
}

.recentText  {
	float: left; 
	width:425px; 
	font-size: 12px;
	height: 71px;
 }
 
.donateText{
    width: 325px;
	height: 71px;
	font-size: 12px;
}

#recentmore{
	float: right;	
}

.paypal{ 
    border: 0;
    width: 74px;
    height: 44px;
    margin-top: 5px;
}

hr.content { 
    border: 0; 
    border-top-width: 1px; 
    border-top-style: dashed; 
    width: 880px; 
    float: left; 
} 
/*end home content*/

/* content pages */

hr.divider { 
    border: 0; 
    border-top-width: 1px; 
    border-top-style: solid; 
    width: 668px; 
    float: left; 
    margin: 10px 0;
} 

.mapOverview{
    margin: 55px auto;
    width: 640px;
}

.btnPaypal{
 border:0;
 padding: 10px 0 0 0;
}

.mapCity{
    width: 640px;
    margin: 10px auto 0 auto;
    clear: both;
    overflow: auto;
}

.flash_map{
	width:640px;
	height: 390px;
}

p.bibliography,
.bibliography p{
    font-size: 10px;
    width: 600px;
    float: left;
    line-height: 12px;
    margin: 3px 0;
}

.bibliography{
    margin: 10px 0 0 0;
    font-size: 10px;
    width: 99%;    
    float: left;
    line-height: 12px;   
    clear: both; 
}

p.bibliography a,
.bibliography a{
    font-size: 10px;
}
 

td.image{
    width: 110px;
    padding-right: 10px; 
	text-align: center;
}

td.image img{
	max-width: 108px;
}

td.description{
    width: 250px;
}

td.full_row{
    width: 500px;
}

th{
    font-weight: bold; 
    font-size: 13px; 
    padding: 3px 5px;
    text-align: left;
}

/* scroll photo */
.arrow{
	font-weight: bold;
	font-size: 14px;
}

.arrow:hover{
	font-weight: bold;
	font-size: 14px;
}

div#wn{ 
	position:relative; 
	width:630px; 
	height:108px; 
	padding: 5px 0;
	overflow:hidden;	
}   

#t1{
	margin: 0; 
	padding: 0 2px;

}

#t1 td{
	padding: 3px 2px;
	height:110px; 
}

#t1 img{
	padding: 0; margin: 0; 
}

#scrollcell{
	width: 630px;
}

/* comment/guestbook */
.comment{
    margin: 0 0 10px 0;
    width: 670px;
    float: left; 
}

#indicator{
    padding: 0;
    margin: 0;
    float: left;
    text-align: center; 
    visibility:hidden;
    display: none;
}

#postComment{
    padding: 5px;
    margin: 0 0 15px 0;
    float: left;
	width: 655px;
}

#postComment .label{
     font-size: 12px;  
     margin: 2px 0;   
     width: 100px;
     float: left; 
}

#postComment .field{
     font-size: 12px; 
     margin: 2px 0;   
     width: 500px;
     float: left;
}

#postComment .field input{       
    float: left;   
    width:175px;       
}

#postComment .field input.captcha{
    width:72px;   
}

#postComment .field textarea{
    font-size: 12px;
    border-top: solid 1px #777;   
    padding:2px 2px;        
    float: left;    
    width: 325px; 
    height: 80px;   
    overflow-x: hidden;
    overflow-y: auto;           
}   

#postComment .field input.button{
    width: 60px;
	margin: 0 3px 0 0;
} 

#postComment .field img{
    float: left;
    margin:0 0 0 3px;
    display:inline;
}

#userCommentBlock {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 500px;
    width: 675px;
	float: left;
	z-index: 100;
}

.comment_text{
    padding: 5px 5px;
    float: left;
    width: 640px; 
    font-size: 12px;
    margin: 0;
}

.guestbook_text{
    width: 655px; 
}

.response_text{
    padding: 5px 5px;
    float: left;
    width: 620px; 	
    font-size: 12px;
    margin: 0 15px 7px 15px;
}


.whatisthis{
    padding: 3px 0 3px 3px;
    float: left;
    width: 55px;
    display: inline;
}

.whatisthis a, 
.whatisthis a:hover{
    cursor: pointer;
}

#errMsg{
    font-size: 12px;
    margin: 0 0 10px 0;
    font-weight:bold;
    color: #e0a45f;
}

/* search */
#results, #results table{
	float: left;
	width: 100%;
}

.searchH3 {
	margin: 0;
}

.criteria{
	font-size: 12px;
}

#results_1, 
#results_1 .description, 
#results_1 .url, 
#other_pages,
#did_you_mean{
	font-size: 12px;
	line-height: 16px;
}

#results_1 .titleblock{
	padding: 0;
	font-size: 12px;
	font-family: Tahoma, Helvetica, Arial, Verdana ; 
}

#result_report{
	font-size: 12px;
	padding-bottom: 5px;
}

#other_pages_top{
	padding-bottom: 10px;
	font-size: 12px;
	margin-top: 6px;
}
#other_pages_bottom{
	font-size: 12px;
	padding-bottom: 3px;
}

#keyword{
    float: left;   
    width:250px;    
	padding: 3px; 
	font-size: 12px;
}

.selectfilter{
    font-size: 12px;  
	width:235px;  
	height: 18px;
}

.selectfilter option{
    font-size: 12px;  
}

#loading{
	padding: 5px 0;
	font-size: 12px;
	float: left;
	display: none;

}
#loading img{
	float: left;
}
#loading .text{
	font-size: 12px;
	padding: 0 0 0 5px;
	float: left;
}

/* tool tip style */
#dhtmltooltip{
    position: absolute;
    left: -300px;
    width: 150px;
    padding: 2px;
    background-color: #fefee9;
    visibility: hidden;
    border: 1px solid #000;      
    z-index: 100;
    font-size: 10px;
}

#dhtmlpointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

/* google map*/
div#gmap {
	width: 670px;
	height: 350px;
}
div#gmap *{
	font-size: 12px;
}

/*plan view */
div.planTitle{width: 100%; float:left;}
div.planTitle h3{float: left;}
div.planTitle img{float: left; padding-left: 10px;}
