/*
 * CSS for northcoaud.com
 * Created by Tyger Tec (www.tygertec.com)
 */

/*COLOR REFERENCE
 * #22b0e0; kelly blue
 * #fff6f3; super light orange for form elements/tagline bg 
 * #ffede6; light orange bg for bodycontent
 * #ffe3d7; darker bg color (nav)
 * #f5dace; border-right nav bar color
 * #3f1f00; dark brown text
 * #9c5508; orangy-brown highlight color for form elements
 */

/*basic elements*/
body {
	background-color: white;
	color: #3f1f00;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}
h1, h2, h3 {
	font-family: Times, serif;
	color: #3f1f00;
}
h2 {
	font-size: 1.75em;
	line-height: 2.25em;
	padding-left: 27px;
	background: url(images/h2_tree.jpg) left no-repeat;
	height: 50px;
}
h3 {
	font-size: 1.25em;
}
a {
	color: #3f1f00;
}
a:visited {
	color: #3f1f00;
}
a:hover {	
	color: #22b0e0;
	background-color: #3f1f00;
}
em {
	font-weight: bold;
	font-style: normal;
}
img {
	/*we don't want images to have a border*/
	border: none;
}

/*Contact form formatting*/
form.infoform {	
	line-height: 120%;
	margin: 0;
	padding: 0;
}
form.infoform legend {
	color: #9c5508;
	font-weight: bold;
	font-size: small;
	padding: 0 .3em 0 .3em;
}
form.infoform fieldset {
	border: 1px solid #22b0e0;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 0;
	padding: 0 0 0 .69em;
}
form.infoform label {
	color: #9c5508;
	font-size: small;
}
form.infoform input, textarea {
	background-color: #fff6f3;
	border: 1px solid #9c5508;
	color: #3f1f00;
	width: 151px;
}
form.infoform .submitcss input {
	border-style: outset;
}
acronym {
	text-transform: uppercase;
}
ul {
	line-height: 150%;
	list-style: none;
}

/*specific divs*/
#header, #contactform, #mamabear, #bodycontent {
	position: relative;
}
#sitebranding {
	height: 180px;
	margin: 0;
	padding: 0;
}
#sitebranding a {
	border: none;
	background: transparent;
}
#container {
	margin: 0 auto;
	max-width: 999px;
	min-width: 700px;
	padding: 0;
	position: relative;
	text-align: left;
}
#tagline {
	background: #3f1f00 url(images/tagline-gradient1024x2.jpg) repeat-y right;
}
#tagline p {
	color: #fff6f3;
	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: 1.15em;
	line-height: 1em;
	padding: .2em 0 .2em .8em;
	margin: 0;
}
.taglineborder {
	height: .15em;
	background: #22b0e0 url(images/tagline_border_fade.png) repeat-y right;
}
#mamabear {
/*	background-color: #ffede6;*/
	height: 100%;
	margin: 0;
	padding: 0;
}
#bodycontent {
	background: #ffede6 url(images/bodyback_trees.jpg) bottom left no-repeat;
	height: 100%; /*NOTE: did set to "auto" but IE would move pics on a.mouseover*/
	margin: 0 11.09em 0 0;
	min-height: 69em;
	padding: 1em 2em 1em 2em;
}
#bodycontent p {
	/*size up font here*/
/*	font-size: 1.1em;*/
}
#subcontent {
	/*subcontent div used on homepage to emphasize text*/
	background: transparent url(images/heron_flight.jpg) right center no-repeat;
	max-width: 46em;
	min-width: 38em;
	padding: 1em;
	text-align: justify;
}
#subcontent p {
	margin-right: 9em;
	padding: 0 1em 0 1em;	
}
#navigation {
	background: #ffe3d7 url(images/nav-trees.jpg) bottom left no-repeat;
	border-left: 1px solid #22b0e0;
	border-right: 2px solid #f5dace;
	margin: 0;
	padding: 0 0 2em 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 11.0em;
	z-index: 1000;
}
#navigation a {
	font-size: 1.2em;
	text-transform: lowercase;
	display: block;
	padding: 4px 5px 4px 0.2em;
	border-top: 1px #ffe3d7 solid;
	border-bottom: 1px #ffe3d7 solid;
	border-right: 1px #ffe3d7 solid;
}
#navigation a:hover {	
	border-top: 1px #22b0e0 solid;
	border-bottom: 1px #22b0e0 solid;
	border-right: 1px #22b0e0 solid;
}
#navigation ul {
	padding: 1em 0 0 0em;
	margin: 0;
	text-indent: 1.75em;
}
#navigation li {
	list-style: none;
	line-height: 200%;
}
/*the validator div is on the bottom right of each page in the navigation div*/
#validator {
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 0;
	margin: 0;
	width: 176px;
}
#validator a {
	padding: 0;
	margin: 0;
	border: none;
	background: transparent ;
}
#validator a:hover {
	background: url(images/translucent_p_bg.png);
	border: none;
}
/*rollover effects for nasty looking homepage links*/
#l_ibacrab { background: url(images/logos/IBACrabSmall_light.gif) center no-repeat; }
#l_ibacrab:hover { background: url(images/logos/IBACrabSmall.gif) center no-repeat; }
#l_aba { background: url(images/logos/ABAlogo_light.gif) center no-repeat; }
#l_aba:hover { background: url(images/logos/ABAlogo.gif) center no-repeat; }
#l_fcsomoa { background: url(images/logos/FC-Somoa_light.gif) center no-repeat; }
#l_fcsomoa:hover { background: url(images/logos/FC-Somoa.gif) center no-repeat; }
#l_valid { background: url(images/valid-xhtml10_light.png) center no-repeat; }
#l_valid:hover { background: url(images/valid-xhtml10.png) center no-repeat; }

/*the links div is on links.html*/
#links a {
	display: block;
}
#links ul {
	padding: 0;
	margin: 0 0 2em 0;
}
#links li {
	border: 1px solid #ffede6;
	color: #a07b58;
	padding: 1em;
}
#links li:hover {
	background-color: #ffe3d7;
	border: 1px solid #22b0e0;
	color: #3f1f00;
}
#links a:hover {
	color: #22b0e0;
	background: #3f1f00 url(images/tagline-gradient1024x2.jpg) repeat-y left;
	text-decoration: overline underline;
	letter-spacing: .20em;
}
#links a.l_image {
	display: inline;
}
#links a.l_image:hover {
	background: transparent;
	background-image: none;
}
#links li img {
	border: 1px solid white;
	margin-right: 3em;
}
#links li img:hover {
	border: 1px solid #22b0e0;
}

/*class for the links page (additional links) with logos on the left
 * I should have make the #links class more flexible. this was an afterthought
 */
.links_w_logos {
	clear: both;
}
.links_w_logos a {
	display: block;
}
.links_w_logos p {
	border: 1px solid #ffede6;
	color: #a07b58;
	margin: 0;
	padding: 1em;
}
.links_w_logos p:hover {
	background-color: #ffe3d7;
	border: 1px solid #22b0e0;
	color: #3f1f00;
}
.links_w_logos a:hover {
	color: #22b0e0;
	background: #3f1f00 url(images/tagline-gradient1024x2.jpg) repeat-y left;
	text-decoration: overline underline;
	letter-spacing: .20em;
}
.links_w_logos img {
	border: 3px solid #ffe3d7;
	float: left;
	margin-right: 1em;
	margin-top: .25em;
}


#legalfoot {
	float: right;
	font-size: small;
	height: auto;
	margin-top: 5em;
	margin: 5em 2.5em 3em 3em;
	padding: 0;
	text-align: center;
	width: 30em;
	bottom: 0;
}
#legalfoot ul {
	list-style-type: none;
}
#legalfoot li {
	display: inline;
}

#faq h3 {
	/*faq div creates the nice Q&A FAQ layout using h3 and p tags*/
	font-style: italic;
	margin-top: 1.75em;
	margin-bottom: 0;
}
#faq p {
	margin-top: 0;
}
#faq ul {
	list-style: circle;
}
#faq li {
	padding: 1em 3em 1em 0;
}

/*Generic classes*/
.biography {
	margin-top: 3em;
	max-width: 48em;
	/*text-align: justify;*/ /*commented out 6/26/2010. Removed Heidi and it looked funny*/
}
.center {
	text-align: center;
}
img.portrait {
	border: 1px solid #22b0e0;
	margin-right: 2em;
	margin-top: .5em;
	float: left;
}
.hearing_aid {
	float: left;
	border: 1px solid red;
}
.translucent {
	background: url(images/translucent_p_bg.png) repeat;
}