/* place styles    */


.outsidebox {
	border: 0px solid rgb(154,103,52);
			font-size: 13px;
}

h1.title {
	font-family: georgia, serif;
	color: #A47548;
	font-size:140%;
	border-bottom:1px dotted #A47548;
}

p {color:#000;
	font-size:100%;}
	
h1 {
	font-family: georgia, serif;
	color: #855d37;
	font-size:135%;	
}

h2 {
	font-size:125%;
	font-family: georgia, serif;
	color: #A47548;
	margin-top: .5em;
	margin-bottom: 0px;

}
 
h3 {font-size:115%;
font-family: georgia, serif;
color: #A47548;
    margin-top: .5em;
    margin-bottom: 5px;
    font-weight: bold;

}
 
h4 {font-size:105%;
	font-family: georgia, serif;
	color: #A47548;
    margin-top: .5em;
    margin-bottom: 5px;

}

.subhead {
	font-size: 12px; 
	 color: #A47548;
	font-family: georgia, serif; 
}

.subheadRes {
	font-size: 12px; 
	 color: #A47548;
	font-family: georgia, serif;
	padding-bottom: 7px;
	margin-bottom: 0px;
}

img {border:0px;}

a:link    {color: #02028E; font-size: 13px;}
a:active {color: #02028E; font-size: 13px;}
a:visited {color: #666699; font-size: 13px;}
a:hover   {color: #C58805; font-size: 13px;}

 
a:link.image   { color: #FFFFFF; text-decoration: none; }
a:active.image { color: #FFFFFF; text-decoration: none; }
a:visited.image { color: #FFFFFF; text-decoration: none; }
a:hover.image   {color: #FFFFFF; text-decoration: none; }

a:link.resources {
font-size: 13px; color: #333399; text-decoration: underline; 
}
a:active.resources {
font-size: 13px; color: #333399; text-decoration: underline; 
}
a:visited.resources {
font-size: 13px; color: #333399; text-decoration: underline; 
}
a:hover.resources {
font-size: 13px; color: #996633; text-decoration: none; 
}

a:link.ql {font-size:11px; color:#333399; text-decoration:underline; padding-left: 55px; }
a:active.ql {font-size:11px; color:#333399; text-decoration:underline; padding-left: 55px; }
a:visited.ql {font-size:11px; color:#915273; text-decoration:underline; padding-left: 55px; } 
a:hover.ql {font-size:11px; color:#E2A864; font-weight: bold; text-decoration:underline; padding-left: 55px; }

a:link.footer   {color: #02028E; font-size: xx-small;}
a:active.footer {color: #02028E; font-size: xx-small;}
a:visited.footer {color: #666699; font-size: xx-small;}
a:hover.footer   {color: #C58805; font-size: xx-small;}






.phenSpacer {border-bottom: rgb(154,103,52) 1px solid; line-height: 2px;}

.phen_viewNameLoc {font-family: georgia, serif; 
		font-size: 13px;
		color: #383838;
		line-height: 1.5;
		text-align:left;
		vertical-align: top;}

.phen_viewDate {font-family: georgia, serif; 
		font-size: 13px;
		color: #383838;
		line-height: 1.5;
		text-align: right;
		vertical-align: top;  }
		
.phen_viewObservation {font-family: georgia, serif; 
		font-size: 13px;
		color: #505050;
		line-height: 1.5;  }
		
.phen_viewAnnotation {font-family: georgia, serif; 
		font-size: 13px;
		color: #7E5A3A;
		line-height: 1.5;  }
		
.phen_event {font-family: georgia, serif; 
		font-size: 13px;
		line-height: 1.5;  }

.phen_article {font-family: georgia, serif; 
		font-size: 13px;
		line-height: 1.5;  }
		
.phen_admin_recordinfo { font-size: x-small; text-align: left; float:right; }
.phen_admin_recordObservation{font-size: x-small;  line-height:130%; }

.phenId {font-size: 13px; text-align: right; vertical-align:top; margin-right: 5px; }
.phenInput {text-align: left; vertical-align:top;}
.phen_footer {font-size:x-small; text-align: center; margin-right: 20px; margin-left: 20px; }

a:link.phen_javaLink    { color: #A47548; text-decoration: none; }
a:active.phen_javaLink  { color: #A47548; text-decoration: none; }
a:visited.phen_javaLink { color: #A47548; text-decoration: none; }
a:hover.phen_javaLink   {color: #A47548; text-decoration: none; }

a:link.phen_eventLink    { font-size: 14px; font-weight: bold; color: #A47548;  }
a:active.phen_eventLink  { font-size: 14px; font-weight: bold; color: #A47548;  }
a:visited.phen_eventLink { font-size: 14px; font-weight: bold; color: #A47548;  }
a:hover.phen_eventLink   { font-size: 14px; font-weight: bold; color: #A47548;  }





.content {
 	font-family: georgia, serif;
 	font-size: 13px;
	color: #000;
    line-height: 1.5;
    margin-left: 0;
    padding-left: 2em;
    padding-right: 1em;
    padding-top: 5px;
 	}



 
.subheadtext {
	font-size: 13px; 
	color: #79593B;
	font-family: georgia, serif; 
	background-image: url("../images/bg_yellow.jpg");
	background-repeat: repeat-y;
	border-left: solid 1px #79593B;
	border-left: solid 1px #79593B;
	padding: 4px;
	width: 130px;
	margin-top: 0px;
	margin-left:0px;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
	
	}
	.paroutline {
	border-left: solid 1px #E6BF71;
	border-bottom: solid 1px #E6BF71;
	padding-left: 6px;
	padding-bottom: 10px;
	margin-bottom: 15px;

	}

.onpage {
 	font-family: georgia, serif;
 	font-size: 13px;
	color: #FFF;
    line-height: 1.5;
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 1em;
    padding-bottom: 7px;
    padding-top: 5px;
    font-weight: bold;
 }
 

 
.maps {
 	font-family: georgia, serif;
 	font-size: 13px;
	color: #000;
    line-height: 1.5;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 0em;
    padding-right: 0em;
    padding-top: 11px;
 }
 
 
.home {
 	font-family: georgia, serif;
 	font-size: 13px;
	color: #000000;
    line-height: 1.5;
    margin-left: 1em;
    margin-right: 1em;
    padding-top: 10px;
    padding-right: 3em;
    padding-bottom: 10px;
	padding-left: 0px;
 }
 
 
.incell {
  	font-family: georgia, serif;
 	font-size: 13px;
	color: #000;
    line-height: 1.5;
    margin-left: 1em;
 }

 
.boxrightheader {
 	font-size:105%;
	font-family: georgia, serif;
	color: #7C8A49;
    margin-top: .5em;
    margin-bottom: 10px;
    font-weight: bold;
}

.topbutton {
    border: 0;
}


.footertxt { 
	font-family: georgia, serif;
 	font-size: xx-small;
	color: #333;
    	margin-top: 40px;
    	margin-right: 1em;
    	margin-bottom: 10px;
    	margin-left: 1em;
    	padding: 0px;

}
 
div.boxright {
    float:right; 
    max-width:195px; 
    margin-left:1em; 
    margin-bottom:1em; 
    margin-top:1em;
    margin-right:1em;
    border-left: #E8B057 1px solid;     
    padding-left: 10px;
    border-top: none;
 	padding-top: 2px;
 	border-right: none;
 	padding-right: 10px;
 	border-bottom: #A4B469 1px solid ;
 	padding-bottom: 15px;
 	clear:both;
 	line-height:1.4;
 }

 .indent {
 	margin-left: 1em;
 	margin-right: 1.5em;
 }
 
 

.captionr {
	font-family: verdana, sans-serif;
 	font-size: 10px;
	color: #A47548;
	text-align: right;
    line-height: 1.3;

}


.captionl {
	font-family: verdana, sans-serif;
 	font-size: 10px;
	color: #A47548;
	text-align: left;
    line-height: 1.3;
}

.captionc {
	font-family: verdana, sans-serif;
 	font-size: 10px;
	color: #A47548;
	text-align: center;
    line-height: 1.3;
}

div.floatr {
	float:right;
	margin: 0px auto;
		}
		
div.floatr p {
	text-align: right;
}

div.ir {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.ir p {
   text-align: right;
  font-style: italic;
  font-size: xx-small;
  text-indent: 0;
}

ul.type1 li { list-style: url("../images/bullet.gif") square;
			font-family:  georgia, serif;
			color: #000;
			font-size: 13px;
			line-height:1.5;			
 }

.pheno {
			font-family:  georgia, serif;
			color: #DBA652;
			font-size: 13px;
			text-align: left;
			padding-top: 8px;
			padding-left: 15px;
			padding-bottom: 10px;		
}

a.phen:link    {color: #02028E; font-size: 13px;  padding-bottom:4px; }
a.phen:active  {color: #02028E; font-size: 13px;  padding-bottom:4px; }
a.phen:visited {color: #666699; font-size: 13px;  padding-bottom:4px; }
a.phen:hover   {color: #C58805; font-size: 13px;  padding-bottom:4px; }




/*-------------------TOWN PAGES----------------*/

/*--------------index page inner nav-----------*/
#rnav {
	float:right; 
	width:178px; 
	margin:20px; 
	margin-top: 10px; 
	padding-top:20px;
	border: 0;
	border-left: 1px dotted #996534; 
	border-bottom:1px solid #996534;  
	background-image:url('../towns/townimages/rnavbar.gif');
	background-position:top right; 
	background-repeat:no-repeat; 
	text-align:right; 
}

#rnav .head {
	margin:0; 
	padding:0; 
	padding-left: 10px; 
	line-height:120%; 
	font-size:14px; 
	font-family: Georgia, serif; 
	color:#996534; 
	text-align:right;}

#rnav .list { padding:0; padding-left:12px; padding-bottom:15px;}

.rnavtitle {
	color: #996534;
	padding-left:0px;
	line-height:150%;
	font-family: verdana; 
	font-size: 13px;  
	padding-bottom:4px;	
}


a:link.elements    {font-family: verdana; color: #3a3a88; font-size: 12px;  padding-bottom:4px; font-weight: bold; }
a:active.elements  {font-family: verdana; color: #A47548; font-size: 12px;  padding-bottom:4px; font-weight: bold; }
a:visited.elements {font-family: verdana; color: #3a3a88; font-size: 12px;  padding-bottom:4px; font-weight: bold;  }
a:hover.elements   {font-family: verdana; color: #A47548; font-size: 12px;  padding-bottom:4px; font-weight: bold; }

a:link.elements-sub    {padding-left:5px; line-height:150%; font-family: verdana; color: #3a3a88; font-size: 12px;  padding-bottom:4px; }
a:active.elements-sub  {padding-left:5px; line-height:150%; font-family: verdana; color: #A47548; font-size: 12px;  padding-bottom:4px; }
a:visited.elements-sub {padding-left:5px; line-height:150%;  font-family: verdana; color: #3a3a88; font-size: 12px;  padding-bottom:4px; }
a:hover.elements-sub   {padding-left:5px; line-height:150%; font-family: verdana; color: #A47548; font-size: 12px;  padding-bottom:4px; }



#view {
/*	background-image:url('../towns/townimages/go.gif');*/
	background-position:top right;
	background-repeat:no-repeat;
	font-size:14px;
	color:#A47548;
	border:0;
	margin-bottom:8px;
	height:24px;
}

#focuspage {
	font-family: georgia, sans-serif;
 	font-size: 13px;
	color: #000;
    line-height: 1.6;
    margin-left: 1em;
    padding-top: 5px;
    padding-right: 2em;
    padding-bottom: 4em;
    padding-left: 2em;
	}


a:link.view {font-family: georgia, serif; color: #A47548; font-size: 14px;  padding-bottom:4px;}

a:active.view {font-family: georgia, serif; color: #A47548; font-size: 14px;  padding-bottom:4px;}

a:visited.view {font-family: georgia, serif; color: #A47548; font-size: 14px;  padding-bottom:4px;}

a:hover.view {font-family: georgia, serif; color: #02028E; font-size: 14px;  padding-bottom:4px; text-decoration:underline;}

.grayedout {
	color: #aeaeae;
	padding-left:10px;
	line-height:150%;
	font-family: verdana; 
	font-size: 13px;  
	padding-bottom:4px; 
}


/*
Town Analysis Galleries
--------------------------------------------------- */

.thumb {
	float: left; 
	margin-top: 10px;
	}
	
.thumb p {
	text-align: center; 
	padding:0px; 
	margin:0px; 
	font-family:arial, sans-serif; 
	font-size:11px; 
	color:#A47548;
	}

img.tn { 
	/*width:240; 
		height:155;*/ 
	border:1px solid #000; 
	margin:2px;
	margin-bottom:10px;
	}

.town_gallery {
/*	clear: both;
	float:left;*/
	width:310px;
	
	}

p.title {
	width:240px;
	line-height:115%;
	margin-top:15px;
	font-size:14px;
	color:#996534;
	font-family:georgia, serif;
	}

p.subtitle {
	width:300px;
	line-height:115%;
	text-align: left;
}


.h3town {
	color:#996534;
	width:280px;
	border-bottom:1px solid #996534;
	padding:0;
	margin:0;
	}

div.staticimg p {
	text-align: center; 
	padding:0px; 
	margin:0px; 
	margin-bottom:10px;
	font-family:arial, sans-serif; 
	font-size:11px; 
	color:#A47548;
	border:0;
	line-height:120%;
	}
	
	
	
.description  {
	font-family: georgia, serif;
	font-size:13px;
	text-align:center;
}

.flickr_credit {
	font-family:arial, sans-serif; 
	font-size:11px; 
	color:#A47548;
	text-align:center;	
}


/*--------------- Vignette style begins here----*/
#vignettes{
width: 600px;
line-height: 200%;
font-size: 9pt;
font-family: georgia, garamond, verdana;
padding: 10px;
border: 1px dotted #ccc;
}

#vignettes h1{
 font-family: georgia, garamond;
 color: #000;
 font-size: 12pt;
 font-weight: bold;
 border-bottom: 1px solid #A47548;
 padding-bottom: 10px;
 }


/*--------------- Vignette style ends here----*/

.imgright {
	float:right;
	margin-top:7px;
	margin-right:0;
	margin-bottom:7px;
	margin-left:12px;

}

.imgleft {
	float:left;
	padding-top:7px;
	padding-right:7px;
	padding-bottom:7px;
	padding-left:0px;
}

.quote {
	padding-left:40px;
	padding-right:80px;
	font-style:italic;
}