@import url(hacks.css); /* CSS filters and browser specific CSS */

/* basic elements */
* {padding: 0; margin: 0;}
body { 
	font: 10px Georgia; 
	color: #555753; 
	background: #97C00E url(images/bodyBg.gif) repeat-x; 
	margin: 0px; 
	}
img {border: none;}
p { 
	font: 1.2em/1.6em Helvetica, Arial, sans-serif; 
	padding-bottom: 1em; 
	}
h3 { 
	font: bold 1.4em georgia;  
	margin-bottom: .4em; 
	color: #9A0A3B;
	}
a:link { 
	text-decoration: none; 
	color: #648003;
	}
a:visited { 
	text-decoration: none; 
	color: #B1C277;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #AFDA1B;
	}


/* specific divs */
#container { 
	background:#FFF url(images/topline.gif) repeat-x left top;  
	margin: 0 auto; 
	width: 840px;
	position: relative;
	}

#pageheader { 
	background: url(images/topFlower.gif) no-repeat top left; 
	height: 223px;
	}

#pageheader #emphasis {border-top: 1px solid pink; border-bottom: 1px solid pink; float: left; margin-left: 220px; width: 610px; margin-top: 50px; display: inline; height: 3em;}
	
#pageheader h1 {font-family: "Times New Roman", Times, serif; float: left; font-size: 3.3em; font-weight: normal; margin-left: 5px; margin-top: 0;}
#pageheader h1 a {color: #756B69; display: block; text-decoration: none;}
#pageheader h2 {float: right; font-size: 2.5em;  margin-top: .2em; color: #9A0A3B;}
#pageheader h3 {float: right; font-style: normal; margin-right: .5em; margin-top: .2em; color:#648003;}

#navigation {clear:both; position: absolute; top: 250px; left: 0; z-index: 1; filter:alpha(opacity=80); opacity: 0.8; width: 280px;}
#navigation * {filter:alpha(opacity=100);  opacity: 1.0; position: relative;}
#navigation ul {font-size: 1.7em; list-style: none;}
#navigation ul li {margin-bottom: 1px;}
#navigation ul a {font-weight: bold; color: #9F0040; display: block; text-align: right; background: #B7CB76 url(images/gradient.gif) left top repeat-y; padding: .5em;}
#navigation ul a span {display: block; font-size: .8em;}
#navigation img {margin-top: 2em; margin-bottom: 2em;}
#navigation ul a:hover {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}

#navigation h2, #navigation h3, #navigation h4, #navigation h5, #navigation p {margin: 5px 20px;}
#navigation h3 {margin-top:20px; margin-bottom:10px; font-size:1.6em;}
#navigation h4 {margin-top:20px; margin-bottom:10px; font-size:1em;}

/* nav button turned on based on body class */
.books #navigation #books a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}
.blog #navigation #blog a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}
.media #navigation #media a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}
.about #navigation #about a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}
.ask#navigation #ask a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}
.testimonials #navigation #testimonials a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}
.resources #navigation #resources a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}
.speaking #navigation #speaking a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}
.contact #navigation #contact a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}
.alerts #navigation #alerts a {background: #B7CB76 url(images/gradient_on.gif) left top repeat-y; text-decoration: none; color: #65032A;}

	
#content {
	padding-left: 10px; 	
	margin-left: 30em;
	background: #fff url(images/bottomBg.gif) no-repeat bottom right;
	padding-bottom: 5em;
	min-height: 50em;
	overflow: auto;
	}
#content p {
	margin-right: 2.5em;

}	

#footer { 
	padding: 0;  
	margin: 0px auto; 
	width: 840px;
	position: relative;
	color: #000000;
	clear: both;
	}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 2em;
}	
#footer a:link, #footer a:visited { 
	color: #9F0040;
	}

/* specific templates based on dif layouts */
#channel-layout #content {min-height: 75em;}
#channel-layout #content p {color: #628000; margin-right: 7em;}
#channel-layout #content h3 {margin-bottom: 1em; font-size: 2em;}


/* classess */
.firstletter {font-size: 4em; margin-right: .05em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 100%;}
.placement {float: right;}
.clear {clear: both;}
.column {width: 250px; float: left;}
.box {margin-bottom: 5px;}
.box a {font-weight: bold;}
.box img {float: left; margin-right: 5px; margin-bottom: 0;}
	

/* This is the style that shows the silhouette image */
#extraDiv1 { 
	background: url(images/sil.gif) no-repeat;
	position: absolute;
	top: 40px;
	left: 50px;
	width: 201px;
	height: 577px;
	}
	
/* FORM */
form {
	float: left;
	margin-bottom: 30px;
	padding-bottom: 20px;
	margin-right: 20px;
	font-size:1.1em;
}
form p {
	margin-left: 175px;
	padding-bottom: 10px;
}

form em {color: red; font-weight: bold; font-style: normal;}

form label {
  vertical-align: top;
  float: left;
  clear: both;
  display: block;
  width: 150px; /* Width of labels */
  padding-right: 20px;
  text-align: right;
}
form input {
float: left;
border: 1px solid #85B356;

}
form ol {
  margin: 0;
  padding: 0;
}
form li {
  list-style: none;
  padding: 5px;
  margin: 0;
  clear: both;
}


form textarea {
	width: 200px;
	height: 50px;
	float: left;
	border: 1px solid #85B356;
}

form fieldset {
  border: none;

}
form fieldset legend {
  padding: 0;
}
form fieldset input {
  border: none;
}
form fieldset label {
  display: block;
  width: 210px;
  padding-left: 170px;

  text-align: left;

}
form #submit {
	margin-left: 175px;
	margin-top: 10px;
	background: #ccc;
	border: 1px solid #85B356;
}

.long {height: 200px;}