/**************************************************
main tag styles for www.deepforestgallery.com

	Text color 	white	
	dark bg 		#4E3229
	light bg		#B35936
	accent dark black	
	accent light #f9f8c2

***************************************************/

body {
	font: 11pt Arial, Helvetica, sans-serif;
	background-color: #B35936 ;
	color: white;
	margin:0 auto ;
  padding:0;
	text-align:center; 
}

dt 	{font-weight: 	bold;
	margin: 3px 5px;
}

dd 	{padding-bottom: 0.75em;
}


#content h2 {font: bold 12pt Arial, Helvetica, sans-serif;
  color:  #f9f8c2;
  margin: .5em  5px;
  background-color:transparent;
  text-align:left;
}
#content h4 {font: bold 12pt Arial, Helvetica, sans-serif;
  color:  #f9f8c2;
  margin: .5em  5px;
  background-color:transparent;
  text-align:center;
}
h3 {font: normal 12pt serif;
  margin: .5em  5px;
  text-align:left;
}

p {
	margin: .5em 5px;
	padding: 2px 4px;
  text-align:left;
}

p.first:first-letter, p.letterfirst:first-letter, p.dropcap:first-letter {
	color:	#f9f8c2;
  background-color:transparent;
	font: normal 3em/.8em  serif;
	float:left;
	margin: 2px 2px 2px 0;
  padding:0;
} 

form{
	margin:0 10px;
}
form table tr th{
	text-align:right;
}


ul,ol {margin:	0 2em;
}

li 	{padding: 2px;
margin: 1em;
}

a {text-decoration: underline; 
	font-weight: 	bold;

}
a:link { 
	color: 	#f9f8c2;
  background-color:transparent; 
}
a:visited {  
	color: white; 
  background-color:transparent;
}
a:hover {  
	color: #B35936; 
  background-color:transparent;
}
a:active {  
	color: black;
  background-color:white; 
}
blockquote{
	color: white;
  background-color:#B35936; 
}
/* styles use the class attribute eg. class="letter"  */


.bi{
	font-weight:bold;
	font-style:italic;
}

.bordertop{
	border-top: 3px solid #ccc;
}

.center {text-align:center;
}

.left {text-align:left;
}

.right {text-align:right;
}

.top {vertical-align:top;
}

.address{
	font-weight:bold;
}
/* used for contact page information*/ 
.contact {font-size: 12pt  ;
	text-align:left;
	}

.contactL {font-size: 	14pt  ;
 		font-weight: 	bold;
	}

.contactS {font-size: 	8pt;
font-weight: 	normal;
	}

.clearboth{
	clear:both;
}	
.closeup{
	margin-top:-.5em;
}

.courtesy{
	text-align:center;
	font-size:8pt;
	border:1px solid blue;
	padding:2px 5px;
	float:right;
	width:180px;
}
.dateformat{
	font:normal 8pt sans-serif;
}
.em {font-weight: bold;
}

.formData {font-size: 10pt  ;
   	background-color: #fff;
   }
.formtable {
	width: 520px;
	}

.fright{
	float:right;
}

.fleft{
	float:left;
}
.form { 
	border: 1px solid #ccc;
}
 


.google{
	text-align:center;
	color:black;
  background-color: transparent;
  margin: 10px 0 5px 0;
	padding: 0 5px;
}
.google2{
	right:30px;
	text-align:right;
	color:black;
  background-color: transparent;
  margin: 10px 0 5px 0;
	padding: 0 5px;
	
}


.keywords{
	font: 9pt sans-serif;
	text-align:left;
}
	
.letter {font: normal 12pt times, "times new roman", Palatino , serif;
  color:  black;
  background-color:transparent;
}

.googlemap{
	clear:both;
	margin:10px;
}
.mapright{
		float:right;
		text-align:left;
		width:260px;
		border:1px solid #ccc;
		padding:5px;
		margin:3px;
}

.note {border: 4px ridge  #CE0000;
	padding: .5em 1em; 	
	text-align:center;
  font: 12.5pt times, "times new roman", Palatino , serif;
  /*color:	#036;
  background-color:transparent;*/
}

.nopad{margin:0;
padding:0;

}

.noborder{
	border:none;
}

.pad {padding:0 1em .25em 1em;
}

.padbottom{
	padding-bottom: 1em;
}

.copyright, .privacy {font-size: 9pt  ;
	color: 	white;
  background-color:transparent;

	}


.small {
	font-size: 8pt  ;
	}
.small7 {
	font-size: 7pt  ;
}
.small9 {
	font-size: 9pt  ;
}
		
.source {font: italic 9pt Arial, Helvetica, sans-serif;
	padding: .25em 0 0 0;
}

.smalllogo{
	border:0;
	width:88px;
	height:31px;
}

.tagline{
	font-size: 12pt  ;
	color:#CE0000;
  background-color:transparent;
	font-weight:bold;	
	text-align:center;
}


.testimonial {font: italic 10pt times, "times new roman", Palatino , serif;
	padding: 0 1em 1em;
	color:	white;
  background-color:transparent;
}

.white {
	color:white;
	background-color:transparent;
}

.width100{
	width: 100%;	
}

#address{position:relative;
	top:0px;
	right:10px;
	padding:0 10px;
	background-color:transparent;
	float:right;
	margin:20px 0 0 0;
	text-align:right;
	color:white;

	}

#address h1{
	margin:0;
	padding:0;
	text-align:right;
	font: bold 12pt Arial, Helvetica, sans-serif;
	width:220px;
}

#address p{
	font: bold 10pt Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:right;
}

#content h1 {font:	bold 16pt  Arial, Helvetica, sans-serif;
  color:	black;
  background-color: #f9f8c2;
  text-align:		center;
	margin: 	0;
	padding: 	2px;
	clear:both;
  }


#content li{
	margin: .5em;
	padding: 0 10px ;
	text-align:left;
  
}


#content img{
	margin: 0px 6px;
	padding: 5px ;
	border: none;
}

#content a img{
	margin: 4px 6px;
	padding: 0 ;
	border: none;
}
#footer {
	font: 9pt Arial, Helvetica, sans-serif;
}

#page{
	width:100%;
	margin:0;
	padding:0 ;
	text-align:center;
}

#special{
	margin:0 auto;
	margin-top:5px;
	width:90%;
	border:1px solid #fff;
	text-align:center;
	clear:both;
	padding:5px;
	min-height:110px;
}
#special h2, #special p{
	text-align:center;
	color:#F9F8C2;
}

.highlight{
  color:#f00;
}