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

	Text color 		#036

	dark bg 		#e5d063

	light bg		f9f8c2
	accent dark 	008001
	accent light 04f75f

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

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

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

dd 	{padding-bottom: 0.75em;
}


h2 {font: bold 12pt Arial, Helvetica, sans-serif;
  color:  #039;
  margin: .5em  5px;
  background-color:transparent;
  text-align:left;
}

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:	#CE0000;
  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: 	#036;
  background-color:transparent; 
}
a:visited {  
	color: #36c; 
  background-color:transparent;
}
a:hover {  
	color: #CE0000; 
  background-color:transparent;
}
a:active {  
	color: #CE0000;
  background-color: #88ACD0; 
}

/* styles use the class attribute eg. class="letter"  */


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

.bordertop{
	border-top: 3px solid #ccc;
}
.cc{
	float:right;
	width:150px;
	text-align:center;
	border:1px #ccc solid;
	margin:0 5px;
}
.center {text-align:center;
}

.left {text-align:left;
}

.right {text-align:right;
}

.top {vertical-align:top;
}

/* 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;
}
 
.footer {
	font: 11pt Arial, Helvetica, sans-serif;
}

.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: 	#CE0000;
  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%;	
}


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


#content li{
	margin: .5em;
	padding: 0 10px ;
/*  background-color:white;
	color:#036;*/
	text-align:left;
  
}


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

#content a img{
	margin: 4px 6px;
	padding: 0 ;
	border: none;
}
#page{
	width:96%;
	margin:0 auto;
	padding:0 ;
	text-align:center;
	max-width:950px;
	background: #fff;
}
#footer hr{
  margin:0;
	padding:0;
}

#wrapper{
	float:right;
	margin: 0 auto;  
	padding: 0 ;
	width:100%;
	position:relative;
}

.clearme {
    clear: both;
    height: 0px;
    overflow: hidden;
    display: block;
}
#content{
	margin: 0 0 0 181px;
	padding:0 ;
	text-align:left;
  vertical-align:top;
  background-color:white;
  color:blue;
  z-index:1;
}


#footer{
	background-color: transparent;
	clear: both;
	margin:0;
	text-align:center;
}

#footer p {
	text-align:center;
	margin:0;	
	padding:5px;
}

#menu {
	position: relative;
	top: 0em;
	left: 0em;
	margin: 0;
	padding: 0;
	font-size: 	12pt  ;
}

#menu dt {
	line-height: normal;
	margin: .75em 0;
	text-align: left;
	margin-left:5px;
	font-size: 	12pt  ;
	width:168px;
	border-bottom: 1px dotted yellow;
}

#menu dt a {width:168px;
	color: #ffff00;
	text-decoration: none;
	display: block;
	padding : 0 1px;
  background-color:transparent;
}


#menu  dt:hover, #menu  dt a:hover {
	color: blue;
	background-color:#F9F8C2;
}

#menu dt a:active {
	color: red;
	background-color:#88ACD0;
}

#menu dd {
	position: absolute;
	z-index: 100;
	left: 1em;
	margin-top: -.75em ;
	padding:  0;
	background-color: #88ACD0 ;
	border: 1px solid #036;
	display:none;
  width:180px;
}

#menu ul {
	padding: 0px;
	margin: 2px 6px ;
	list-style-type: none;
	width:138px;
	background-color:#ccc;
}
#menu li {
	text-align: left;
	line-height: normal;
	border: 1px solid gray;
	padding:0 2px;
	margin: 2px;
	background-color:#ccc;
}
#menu li a  {
	font-size: 	9pt  ;
	color: white;
	text-decoration: none;
	display: block;
	padding : 2px;
	margin : 0px;
  background-color:transparent;
  width:98%;
}

#menu li a:hover, #menu li:hover {
	color:#314594;
  background-color:#fff;
}

#menu li a:active {
	color:white; 
	background-color:#314594; 
}


#sidebar{
	float:left;
	width:180px;
	margin:0;
	padding:0;
	z-index: 1;
	background: green url("/images/sidebarbg.jpg") repeat-x ;
  text-align:left;
  vertical-align:top;

}


    
#topbar{
	/*width:96%;*/
	height:169px;
	margin:0 ;	
	padding:0 ;	
	background: #f9f8c2 url("/images/topbarbg.jpg") repeat-x top left ; 
	vertical-align:top;
	color: black; 
	width:100%;
	}
	
#topbar img {
	margin:0;
	padding:0;
}	

#topbar h1{	
	display: none;
	visibility: hidden;  
}

#topbar p{
	font-size:12px;
	color: #036;
	margin-top:20px;
	background-color:transparent;	
	text-align:right;
	float:right;
	width:40%;
}
#main{
	/*width:96%;*/
	padding:0 ;	
}	

blockquote{
  background:#ddd;
  margin:20px 10px;
}