/* ==> Whale Hill Community Association General Website - CSS File 
   ==> Text formats
==================================================================================================== */

/* ==> GLOBAL
==================================================================================================== */
h1 {
	clear:both;
	font: normal 2.2em Georgia, "Trebuchet MS", sans-serif;
	color:#2D8FB0;
	margin:1.0em 2.0em 0.5em 1.0em;
	border-bottom-width: 12px;
	border-bottom-style: solid;
	border-bottom-color: #C0E3EF;
}
h2 {
	clear:both;
	margin:1.0em 2.0em 0.5em 1.0em;
	font: normal 2.0em Georgia, "Trebuchet MS", sans-serif;
	color:#1E5A6F;
}
h3 {
	margin:1.0em 2.0em 0.5em 1.0em;
	clear:both;
	font: normal 1.8em Georgia, "Trebuchet MS", sans-serif;
	color:#000000;
	font-weight:normal;
}
h4 {
	margin:1.0em 2.0em 0.5em 1.0em;
	color:#0F2F39;
	font: normal 1.6em Georgia, "Trebuchet MS", sans-serif;
	font-weight:bold;
}
h5 {
	padding:1.0em 2.0em 0.5em 1.5em;
	font-size:1.2em;
	font-weight:bold;
	color:#0F2F39;}
h6 {
	padding:1.0em 2.0em 0.5em 1.5em;
	color:#000000;
	font-weight:bold;
	font-size:120%;
}
p {
	padding:1.0em 2.0em 0.5em 1.5em;
	line-height:1.4em;
	font-size:1.2em;
	color:#0F2F39;
}
/* ==> HEADER
==================================================================================================== */


/* ==> MAIN
==================================================================================================== */

.main img.left {
	clear:both;
	float:left;
	padding:1px;
	border:1px solid black;
	margin: 0px 10px 3px 0px;
}
.main img.middle {
	clear:both;
	float:none;
	display:block;
	margin:0 auto;
	padding:1px;
	border:1px solid black;
}
.main img.right {
	clear:both;
	float:right;
	margin:0px 10px 3px 5px;
	padding:1px;
	border:1px solid black;
}

h3 a, h3 a:visited { padding:0 0 0 5px; text-decoration:none; color:#467AA7;}
h3 a:hover{text-decoration:underline; color:#2A5A8A;}

.nav3-bullet {width:400px; margin:10px 0 0 50px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:1.5em; padding:0 0 0 10px; background:url(../image/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:#467AA7; font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.3em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../image/bg_bullet_arrow.gif) no-repeat 0px 50%; text-decoration:none; color:#467AA7; font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../image/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:#2A5A8A;}
.nav3-bullet dd a:hover {background:url(../image/bg_bullet_arrow.gif) no-repeat 0px 50%; text-decoration:underline; color:#2A5A8A;}

.main_content_right ul {
	list-style:none;
	margin:0.5em 0 1.0em 0;
}
.main_content_right ul .main_content_right li {
	margin:0 0 0.2em 2px;
	padding:0 0 0 12px;
	line-height:1.4em;
	font-size:120%;
}
.main_content_right ol {
	margin:0.5em 0 1.0em 20px !important /*Non-IE6*/;
	margin:0.5em 0 1.0em 25px /*IE6*/;
}
.main_content_right ol .main_content_right li {
	list-style-position:outside;
	margin:0 0 0.2em 0;
	line-height:1.4em;
	font-size:120%;
}
.content_right_unit table {
	width: 650px;
	padding: 0;
	margin: auto;
}
.content_right_unit caption {
	padding: 0 0 5px 0;
	width: 700px;
	font: italic  Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
.content_right_unit th {
	font: bold Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 0;
	border-bottom: 0;
	border-top: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}
.content_right_unit th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: none;
}
.content_right_unit td {
	border-right: 0;
	border-bottom: 0;
	background: #fff;
	padding: 6px 6px 6px 12px;
	line-height:1.4em;
	font-size:1.2em;
	color:#0F2F39;
	font: Verdana, Arial, Helvetica, sans-serif;
}
.content_right_unit td.alt {
	color: #797268;
	background-color: #EAFDFF;
	font: Verdana, Arial, Helvetica, sans-serif;
}
.content_right_unit th.spec {
	border-left: 0;
	border-top: 0;
	background: #fff;
	font: bold Verdana, Arial, Helvetica, sans-serif;
}
.content_right_unit th.specalt {
	border-left: 0;
	border-top: 0;
	background: #EAFDFF;
	font: bold Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
p.headlines {
	margin:1.0em 2.0em 0.5em 1.0em;
	line-height:1.4em;
	font-size:1.2em;
	font-weight:bold;
	color:#0F2F39;}
p.description {
	margin:1.0em 2.0em 0.5em 1.0em;
	line-height:1.4em;
	font-size:1.2em;
	color:#0F2F39;
}
.contactform {
	width:550px;
	margin:2.0em auto;
	padding:10px 10px 0 10px;
}
.contactform fieldset {
	padding:20px 0 0 0 !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	margin:0 0 20px 0;
	border:1px solid #4EC9E0;
}
.contactform fieldset legend {
	margin:0 0 0 5px !important /*Non-IE*/;
	margin:0 0 20px 5px /*IE6*/;
	padding:0 2px 0 2px;
	color:#2486AC;
	font-weight:bold;
	font-size:130%;
}
.contactform label.left {
	float:left;
	width:100px;
	margin:0 0 0 10px;
	padding:2px;
	font-size:110%;
	color: #000000;
}
.contactform select.combo {
	width:175px;
	padding:2px;
	border:solid 1px #6892CA;
	font-family:verdana, arial, sans-serif;
	font-size:110%;
}
.contactform input.field {
	width:275px;
	padding:2px;
	border:1px solid #2D95B7;
	font-family:verdana, arial, sans-serif;
	font-size:110%;
}
.contactform textarea {
	width:275px;
	padding:2px;
	border:1px solid #349FBF;
	font-family:verdana, arial, sans-serif;
	font-size:110%;
}
.contactform input.button {
	float:right;
	width:9em;
	margin-right:20px;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	border:1px solid #349FBF;
	text-align:center;
	font-family:verdana, arial, sans-serif;
	color:#000000;
	font-size:110%;
	background-color: #DDF2F9;
}
.contactform input.button:hover {
	cursor: pointer;
	border:1px solid #349FBF;
	color:#000000;
	background-color: #2EAFDA;
}
/* ==> FOOTER
==================================================================================================== */
.footer p {
	font-family:"trebuchet ms", arial, sans-serif;
	text-align:right;
	float:right;
	font-weight:bold;
	font-size:120%;
	padding:8px 0px 2px 3px;
}
.footer a {
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
	color:#000000;
}
.footer a:visited {
	color:#000000;
}