/*

Rebuild Northwest Florida
Stylesheet for http://www.rebuildnorthwestflorida.com
©2005 PensaWorks, inc. All rights reserved.

1. Content Type
2. General Hyperlinks
3. Interface
	3.a Header
	3.b Left Column
	3.c Content
	3.d Right Column
	3.e Footer
4. Main Navigation
5. Main Form
	5.a Basic Elements
	5.b Check Box List
	5.c Check Box Row
	5.d Check Box Grid
	5.e Fieldsets
6. Misc
7. Splash

*/


/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


1. Content Type
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
#content h1 {
	font:22px/1.5em Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:.05em;
	font-weight: bold;
	color:#004A8C;
	margin:.5em 0 .4em 0;
}
#content h2 {
	font:19px/1.5em Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:.05em;
	font-weight:normal;
	color:#FF9900;
	border-bottom:1px solid #f90;
	margin:0 0 .6em 0;
}
#content h3 {
	font:16px/1.5em Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:.05em;
	color:#0079C2;
	border-bottom:1px solid #f90;
	margin:0 0 .6em 0;
	background:url(../images/arrow_f90_h3.gif) no-repeat 98% 80%;
}
#content h4 {
	font:13px/1.5em Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:.05em;
	font-weight:bold;
	margin:0 0 .6em 0;
	color:#0000FF;
}
h1 a, h2 a, h3 a, h4 a {
	display: block;
	width: 100%;
	text-decoration: none;
}
.letter{
	font:20px/1.5em Arial, Helvetica, Verdana, sans-serif;
	color:#006;
	font-weight:bold;
	letter-spacing:.05em;
}
#content p {
	font:12px/1.5em Arial, Helvetica, Verdana, sans-serif;
	margin:0 0 1em .5em;
	color:#333;
}
#content blockquote, ul, div {
	font:12px/1.5em Arial, Helvetica, Verdana, sans-serif;
	color:#333;
}
#content img {
	margin: 3px;
}

acronym {
	cursor: help;
	border-bottom: 1px #333 dashed;
}
body {
	font:12px/1.5em Arial, Helvetica, Verdana, sans-serif;
	color:#333;
}

/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


2. General Hyperlinks
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
a {
	color:#014C8D;
}
a:hover {
	color:#f90;
}


/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


3. Interface
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
body {
	background:#F5F3EE;
	margin:0;
}
#shell {
	width:741px !important;
	width /**/:761px;
	border:#C2B8A4 solid;
	border-width:0 1px 1px 0;
	padding:10px;
	background:#fff;
}
/*


3.a Header */
#header {
	position:relative;
	width:740px;
	height:69px !important;
	height /**/:80px;
	padding:0;
	margin:0;
	border-bottom:1px solid #ccc;
	background:#fff;
}
#header h1 {
	font-size: 0px;
	line-height: 0px;
	padding: 0;
	margin: 0;
	color:#fff;
}
#header a {
	position:relative;
	padding:0;
	margin:0;
}
#header a img {
	padding:0;
	margin:0;
}
#header h2 {
	position:absolute;
	top:40px;
	right:0;
	text-align:right;
	height:1.25em;
	padding:0;
	margin:0;
	font:20px/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#004A8C;
}
/*


3.b Left Column */
#leftColumn {
	width:130px !important;
	width /**/:140px;
	padding:0 10px 0 0;
	margin:20px 0 20px 0;
	float:left;
}
#leftColumn h1, #rightColumn h1 {
	font:18px/1.25em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#06c;
	margin:5px 0 0 0;
	padding:0;
	clear:both;
}
#leftColumn h2, #rightColumn h2 {
	font:13px/1.5em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	color:#FF9900;
	margin:5px 0 0 0;
	padding:0;
	clear:both;
	font-weight:bold;
}
#leftColumn h3, #rightColumn h3 {
	font:16px/1.5em Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:.05em;
	color:#060;
	margin:5px 0 0 0;
	padding:0;
	clear:both;
}
#leftColumn h4, #rightColumn h4 {
	font:13px/1.5em Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:.05em;
	color:#006;
	border-bottom:1px solid #f90;
	margin:20px 0 0 0;
	padding:0;
	background:url(../images/arrow_f90.gif) no-repeat 98% 80%;
	clear:both;
	height:1.5em;
}
#leftColumn p, #rightColumn p {
	margin:5px 0 0 0;
	font-size: 95%;
	line-height:1.25em;
}
#leftColumn .subNav, #rightColumn .subNav {
	margin:0 0 0 .65em;
	padding:0;
}
#leftColumn .subNav li , #rightColumn .subNav li {
	margin:0;
	padding:0 0 0 .95em;
	list-style:none;
	background:url(../images/bull_f90.gif) no-repeat 0 65%;
}
#leftColumn .subNav li a, #rightColumn .subNav li a {
	display:block;
	height:1.5em;
	font:12px/1.5em Arial, Helvetica, sans-serif;
	color:#06c;
	text-decoration:none;
}
#leftColumn .subNav li a:hover, #rightColumn .subNav li a:hover {
	text-decoration:underline;
	color:#f90;
}


/*


3.c Content */
#content {
	width:410px !important;
	width /**/:430px;
	float:left;
	margin: 20px 0;
	padding: 10px 10px 20px 10px;
	background:#fff url(../images/arrow_lightblue.gif) no-repeat 96% 99%;
	/*border:2px solid #BFD2E2;*/
	border:1px solid #ccc;
	/* overflow:hidden; */
}
.mainImg {
	display:block;
	border:1px solid #000;
	padding:0;
	margin:0;
}

.content-left-col {
	float: left;
	width: 195px !important;
	padding: 10px 0px;
}

.content-right-col {
	float: right;
	width: 195px !important;
	padding: 10px 0px;
}

/*


3.d Right Column */
#rightColumn {
	width:150px !important;
	width /**/:160px;
	float:left;
	margin:20px 0 20px 0px;
	padding:0 0 0 10px;
	/* border-left:1px dashed #ccc; */
	/* background:#F5F3EE; */
}
#rightColumn p {
/*	position:relative;
	font:11px/1.5em Arial, Helvetica, Verdana, sans-serif;
	color:#333;
*/}
#rightColumn form {
	margin-top:5px;
}
#rightColumn ul {
	margin:0;
	padding:0;
	font-size: 10px;
	line-height: 1.25em;
}
#rightColumn ul li {
	margin-top: .25em;
}
/*


3.e Footer */
#footer {
	width:100%;
	position:relative;
	clear:both;
	border-top:1px solid #ccc;
	text-align:center;
}
#footer p {
	font:11px/1.5em Verdana, sans-serif;
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	color:#666;
}
/*
#footer .pw {
	position:absolute;
	bottom:2px;
	right:2px;
	display:block;
	width:109px;
	height:39px;
	font-size:0;
	line-height:0;
	color:#E9E7E2;
	background:url(../images/PensaWorks.gif) no-repeat;
	cursor:pointer;
}
#footer .pnj {
	position:absolute;
	bottom:7px;
	left:2px;
	display:block;
	width:120px;
	height:33px;
	font-size:0;
	line-height:0;
	color:#E9E7E2;
	background:url(../images/pnj.gif) no-repeat;
	cursor:pointer;
}
*/
.footerNav {
	margin: 5px 0 0 0;
	padding:0;
}
.footerNav li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
.footerNav li a {
	color:#014C8D;
	font:9px/1.0em Verdana, sans-serif;
	text-decoration:underline;
	padding:5px;
}
.footerNav li a:hover {
	color:#f90;
}


/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


4. Main Navigation
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
#mainNav {
	margin:0;
	padding:0;
	border-top:1px solid #6794BB;
	border-bottom:1px solid #6794BB;
}
#mainNav li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
#mainNav li a {
	display:block;
	border-bottom:1px solid #ccc;
	font:12px/210% Verdana, Arial, Helvetica, sans-serif;
	height:210% !important;
	height /**/:2em;
	text-decoration:none;
	color:#06c;
}
#mainNav li a:hover, #mainNav li a.over {
	background:#fff url(../images/bull_f90.gif) no-repeat right;
	border-bottom:1px solid #ccc;
	font:12px/210% Verdana, Arial, Helvetica, sans-serif;
	color:#f90;
	font-weight:bold;
}

#mainNav #sectionNav {
	margin: 2px 0 5px;
	padding:0;
}
#mainNav #sectionNav li {
	display:block;
	list-style:none;
	margin: 0;
	padding: 0px 0px 0px 12px;
	border-bottom: none;
	background:#fff url(../images/bull_f90.gif) no-repeat 0px 6px;
}
#mainNav #sectionNav li a {
	display:block;
	padding-bottom: 2px;
	border-bottom: 1px solid #eee;
	font:10px/150% Verdana, Arial, Helvetica, sans-serif;
	height:150% !important;
	height /**/:1.5em;
	text-decoration:none;
	color:#06c;
}
#mainNav #sectionNav li a:hover, #mainNav #sectionNav li a.over {
	background: #fff;
	font:10px/150% Verdana, Arial, Helvetica, sans-serif;
	color:#f90;
}
#mainNav #sectionNav li a.over, #mainNav #sectionNav li a.over:hover {
	font-weight: bold;
}
/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


5. Main Form
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */


/*


5.a Basic Elements */
form.mainForm label {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
	/* height:1.25em; */
	text-align:right;
	width:9em;
	font-weight:bold;
}
form.mainForm input {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
	/* height:1.25em; */
}
form.mainForm textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
	/* height:1.25em; */
}
/* form.mainForm input {
	border:1px solid #ccc;
}
form.mainForm input:focus { causes weird shifting in mozilla firefox
	border:1px solid #069;
} */
form.mainForm select {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
}
form.mainForm div.rightColumn {
	width:20em;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
}
form.mainForm div.rightColumn p {
	margin:0 0 1em 0;
	padding:0;
}
form.mainForm br {
	clear:both;
}
form.mainForm .radio {
	width:3em;
}
form.mainForm .submit {
	width:7em;
/*	border:auto !important;*/
	line-height:1.25em;
}


/*


5.b checkBoxList */
form.mainForm ul.checkBoxList {
	float:left;
	display:block;
	margin: 0 0 10px 1em;
	padding:0;
}
form.mainForm ul.checkBoxList li {
	list-style:none;
}
form.mainForm ul.checkBoxList li input {
	width:auto;
	clear:both;
	margin:0;
	padding:0;
}


/*


5.c checkBoxesRow */
form.mainForm ul.checkBoxesRow {
	float:left;
	display:block;
	margin: 0 0 10px 1em;
	padding:0;
}
form.mainForm ul.checkBoxesRow li {
	list-style:none;
	display:inline;
	margin:0 1em 0 0;
}
form.mainForm ul.checkBoxesRow li input {
	display:inline;
	width:auto;
	float:none;
	margin:0 .25em 0 0;
}


/*


5.d checkBoxesGrid */
form.mainForm ul.checkBoxesGrid {
	float:left;
	display:block;
	margin: 0 0 10px 5px;
	padding:0;
	width:100%;
}
form.mainForm ul.checkBoxesGrid li, form.mainForm fieldset ul.checkBoxesGrid li {
	list-style:none;
	display:block;
	width:160px;
	float:left;
	margin:1em 1em 0 0;
	border:1px solid #e5e5e5;
	background:#f2f2f2;
}
form.mainForm ul.checkBoxesGrid li input {
	display:inline;
	width:auto;
	float:none;
	margin:0 .25em 0 0;
}


/*

5.e Fieldsets */
form.mainForm fieldset {
	border:1px solid #f90;
	padding:4px !important;
	padding /**/:5px;
	margin:5px;
}
form.mainForm fieldset legend {
	font:16px/1.5em Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:.05em;
	color:#014C8D;
}
form.mainForm fieldset label {
	display: block;
	width: 8em;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
}
form.mainForm fieldset input {
	display: block;
	width: 12em;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
}
form.mainForm fieldset textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left:1em;
	line-height:1.25em;
}
/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


6. Misc
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
html, body, form, img  {
	margin:0;
	padding:0;
}
img {
	border:0;
}
ul li {
	margin:0 0 0 2em;
	padding:0;
}
.h10 {
	height:10px;
}
.h20 {
	height:20px;
}
.h30 {
	height:30px;
}
.clear {
	clear:both;
}
.odd {
	background:#f2f2f2;
}
.shd{
	margin:0 auto;
	width:85px;
	height:85px;
	background:url(/images/shadow.gif) right bottom no-repeat;
}
.odd .shd{
	background:url(/images/oddShadow.gif) right bottom no-repeat;
}
.error {
	display:block;
	width:auto;
	background:#ffc;
	border:2px solid #06c;
	color:red;
	font-size:110%;
	margin:0 auto;
	padding:.3em;
	text-align:center;
}

.constructionNumbers {
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin: 0 auto;
	width: 98%;
}
.constructionNumbers thead tr {
	background-color: #ffc;
	background-color: #FFF3E1;
}
.constructionNumbers thead tr td, .constructionNumbers thead tr th {
	border-bottom: 1px solid #999;
	font-size: 130%;
	padding: .55em 0;
	text-align: center;
}
.constructionNumbers tbody tr {
	background-color: #fff;
}
.constructionNumbers tbody tr td, .constructionNumbers tbody tr th {
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.constructionNumbers .total {
	width: 50px;
}
/* ERROR STYLES */
.errorText {font-weight: bold; color: #ff0000; display:block;}
.errorTable{border: #0066cc 2px solid; padding:5px; background-color: #ffffcc;}
.errorAttention {background-color: #ffffd5;}
.required {color:#FF0000; font-weight:bold;}

.donateColumn {
	float: left;
	width: 50%;
}
.donateColumn table, .helpingHands {
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 90%;
}
.helpingHands {
	width: 98%;
}
.donateColumn table th, .donateColumn td, .helpingHands th, .helpingHands td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #f2f2f2;
}
.donateColumn table th, .helpingHands th {
	background-color: #FBFDDB;
}
.siteMap li {
	font-size: 130%;
	font-weight: bold;
	margin: 1em 0 0 0;
}
.siteMap li a {
	display: block;
	height: 100%;
	text-decoration: none;
}
.siteMap li a:hover {
	text-decoration: underline;
}
.siteMap li ul li {
	font-size: 110%;
	font-weight: normal;
	margin: .25em 0 0 0;
}
.siteMap li ul li ul li {
	font-size: 100%;
	font-weight: normal;
	margin: .25em 0 0 0;
}

.newsletterArchive a {
	text-decoration: none;
}


/* !i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i


7. Splash
!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i!i */
#splashBody {
	background:#F5F3EE;
}
#splash_logo_shell {
	z-index:2;
	position:absolute;
	top:245px;
	left:50%;
	margin-left:-105px;
	width:210px;
	border:1px solid #BFD2E2;
	background:#fff;
	text-align:center;
}
#splash_logo {
	display:block;
	cursor:pointer;
	margin:4px;
	text-decoration:none;
	border:1px solid #ccc;
}
#splash_logo:hover {
	border:1px solid #093;
}
#splash_logo img, #splash_logo h2 {
	text-decoration:none;
}
#splash_logo h2 {
	margin:0;
	padding:0;
	font:14px/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
}
#splash_imgShell {
	z-index:1;
	position:absolute;
	top:95px;
	left:50%;
	margin-left:-255px;
	width:510px !important;
	width /**/:514px;
	height:410px !important;
	height /**/:414px;
	border:2px solid #BFD2E2;
	background:#fff;
}
#splash_imgShell img {
	width:250px;
	height:200px;
	border:none;
}
#splash_img1 {
	position:absolute;
	top:5px;
	left:5px;
}
#splash_img2 {
	position:absolute;
	top:5px;
	left:255px;
}
#splash_img3 {
	position:absolute;
	top:205px;
	left:5px;
}
#splash_img4 {
	position:absolute;
	top:205px;
	left:255px;
}
#splash_copyright {
	position:absolute;
	top:515px;
	left:50%;
	margin: 0 0 0 -200px;
	width:400px;
	text-align:center;
	font:11px/1.5em Verdana, sans-serif;
	padding:0 0 5px 0;
	color:#666;
}
ol.successPractices li {
	color: black;
	margin-top: .5em;
	font-size: 13px;
}
ol.successPractices li li {
	color: #333;
	list-style-type: upper-alpha;
	margin-top: .35em;
	font-size: 11px;
}