/* Palette */
/* #BF9F7A, #7F5F51, #3F3428, #6E92AB, #F5EEE6, #CCC6BF */

/***** Force Horizontal Scrollbar *****/
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

/***** Body Styles *****/
body {
margin:0;
padding:0;
background:url('/Images/bg.png') fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3F3428;
font-size:75%;
text-align:center;
}

/***** Div Container Styles *****/
#wrapper {
margin:0 auto;
padding:0 0 15px 0;
max-width:780px;
position:relative;
background:url('/Images/wrapper.png') no-repeat bottom center;
}

#sfn_banner {
margin:0 auto;
padding:0 5px;
max-width:740px;
height:45px;
background:url('/Images/bluebg.png') #6E92AB;
color:white;
text-align:left;
}

#header {
margin:0 auto;
padding:5px;
max-width:740px;
height:110px;
background:#F5EEE6;
color:#3F3428;
text-align:left;
border-top:1px solid #777;
border-bottom:1px solid #777;
}

#nav {
position:absolute;
top:140px;
right:20px;
margin:0 auto;
max-width:530px;
background:transparent;
padding:0;
color:black;
text-align:right;
}
	#nav ul {
	list-style-type:none;
	margin:0;
	padding:5px;
	float:right;
	}
	#nav li {
	float:left;
	display:block;
	margin:0 0 0 3px;
	text-align:center;
	font-size:13px;
	}
	/* Hide from IE5-Mac \*/
	#nav a, #nav a span.navlinkspan
	{
	float: none
	}
	/* End hide */

#content {
background:white;
color:#3F3428;
margin:0 auto;
max-width:730px;
padding:10px;
text-align:left;
font-size:1.1em;
}
	#content p, #content ul , #content ol  {
	line-height:1.4em;
	}
	#content ol li {
	font-weight:bold;
	}
	#content ul li {
	font-weight:normal;
	}

#blocks {
clear:both;
}

#examplesite {
float:right;
display:block;
width:200px;
padding:0;
background:white;
}
	#examplesite .examplecontent {
	display:block;
	margin:0 0 10px 10px;
	padding:5px;
	background:#6E92AB;
	border:1px solid #777;
	text-align:center;
	}

#districtlist {
float:right;
width:144px;
}
	#districtlist ul {
	margin:0;
	padding:0;
	}
	#districtlist ul li {
	list-style:none;
	padding:5px;
	margin:0;
	position:relative;
	}
	#districtlist ul li a {
	text-decoration:none;
	}
	#districtlist ul li a span {
	display:none;
	clear:both;
	position:absolute;
	width:565px;
	height:70px;
	top:-60px;
	left:-586px;
	padding:5px;
	border:1px solid #6E92AB;
	background:#F5EEE6;
	color:#3F3428;
	text-decoration:none;
	text-align:center;
	}
	#districtlist a:hover span {
	display:block;
	}

#slideshow {
float:right;
margin:0 0 1em 1em;
border:1px solid #ccc;
background-color:#eee;
width:232px;
padding:5px;
text-align:center;
}
	#slideshow img {
	height:158px;
	width:210px;
	top:0;
	left:0;
	}
	#slideshow p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	margin:5px 0 0 0;
	}
	#slideshow h5 {
	text-transform:uppercase;
	margin:0 0 5px 0;
	}

div.quote {
background:url('/Images/endquote.png') no-repeat bottom right;
text-align:center;
}
div.districtQuote {
max-width:530px;
background:url('/Images/endquote.png') no-repeat bottom right;
text-align:center;
}

div.quote p.first, div.districtQuote p.first {
background:url('/Images/startquote.png') no-repeat top left;
}

div.quote p, div.districtQuote p {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding:0 25px;
}

div.blocksquote {
max-width:530px;
}

#areamap {
}
	#areamap a {
	background:url('/Images/blank.gif') no-repeat;
	display:block;
	width:33px;
	height:32px;
	float:left;
	position:relative;
	text-decoration:none;
	}
		#areamap a#img_bk {
		top:-176px;
		left:160px;
		}
		#areamap a#img_bd {
		top:-227px;
		left:281px;
		}
		#areamap a#img_gy {
		top:-184px;
		left:421px;
		}
		#areamap a#img_nn {
		top:-306px;
		left:132px;
		}
		#areamap a#img_nw {
		top:-176px;
		left:216px;
		}
		#areamap a#img_sn {
		top:-121px;
		left:155px;
		}
		#areamap a#img_wn {
		top:-239px;
		left:-142px;
		}
	#areamap a span {
	display:none;
	clear:both;
	position:absolute;
	width:300px;
	height:85px;
	top:-100px;
	left:-62px;
	padding:5px;
	border:1px solid #6E92AB;
	background:#F5EEE6;
	color:#3F3428;
	text-decoration:none;
	text-align:center;
	}
	#areamap a:hover span {
	display:block;
	}

#BK, #BD, #GY, #NN, #NW, #SN, #WN {
display:none;
width:575px;
text-align:center;
position:relative;
top:-30px;
}

#footer {
clear:both;
margin:0 20px;
padding-top:15px;
padding-bottom:5px;
border-top:1px solid #777;
text-align:center;
background:url('/Images/smokefree_logo.png') no-repeat top right;
}

/***** Link Styles *****/
a, a:visited, a:link, a:active {
color:#36f;
}

a:hover {
color:#555;
}

a.external {
padding-left:20px;
background:url('/Images/external.gif') no-repeat 0 0;
}

a.external:hover {
background:url('/Images/external.gif') no-repeat 0 -100px;
}

a img {
border:none;
}

/***** Application Form Table Styles *****/
table#application {
border-collapse:collapse;
border:1px solid black;
background:url('/Images/table_bg.png');
width:100%;
}

table#application th {
background:#adc2cd;
padding-left:20px;
font-weight:bold;
border-top:1px solid black;
border-bottom:1px solid black;
}

table#application td {
vertical-align:top;
margin:0;
padding:3px 0;
}

table#application td.col1 div {
width:180px;
padding-left:20px;
}

table#application td.col2 div {
width:400px;
padding:0;
}

table#application td.col3 div {
width:100px;
padding:0;
}

table#application td.required {
background:url('/Images/required.gif') no-repeat 5px 5px;
}

table#application td.info a {
background:url('/Images/info.png') no-repeat 2px 0;
padding-left:20px;
}

table#application td.terms {
padding:5px 12px;
}

table#application td.submit {
text-align:center;
}

table#application input, table#application textarea, table#application select {
width:390px;
margin:0;
padding:0;
}

table#application input.submit {
width:auto;
background:#adc2cd;
}

table#application input.checkbox {
width:auto;
background:none;
}



table#database {
border-collapse:collapse;
border:1px solid black;
background:#F5EEE6;
width:100%;
}

table#database th {
border:1px solid black;
background:#adc2cd;
font-weight:bold;
padding:5px;
text-align:center;
}
	table#database th.sort_asc {
	background:url('/Images/asc.gif') no-repeat right center #adc2cd;
	padding-right:15px;
	}
	table#database th.sort_desc {
	background:url('/Images/desc.gif') no-repeat right center #adc2cd;
	padding-right:15px;
	}

table#database td {
vertical-align:top;
border:1px solid black;
padding:5px;
}

/***** Heading Styles *****/
h1 { /* Use for Header Title only! */
background:url('/Images/h1.png') no-repeat center center;
height:80px;
width:515px;
float:right;
}
h1 span {
display:none;
}
h2 { /* Use for Content Titles only! */
color:#7F5F51;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.5em;
text-align:center;
font-weight:normal;
}
h3 { /* Used for Content Block Headers */
clear:left;
background:#7F5F51;
color:white;
padding:5px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
font-weight:normal;
}
h4 { /* Used for Example Site Header and Footer */
color:white;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
font-weight:normal;
}
h5 { /* Used for Venue Page Heading */
color:#7F5F51;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
font-weight:normal;
}

/***** Generic Styles *****/
p.required {
padding-left:20px;
background:url('/Images/required.gif') no-repeat 5px 5px;
}
p.success {
padding-left:20px;
background:url('/Images/success.png') no-repeat center left;
color:green;
}
p.error {
padding-left:20px;
background:url('/Images/error.png') no-repeat center left;
color:red;
}
p.info {
padding-left:20px;
background:url('/Images/info.png') no-repeat center left;
}
.left {
float:left;
margin:0 1em 1em 0;
}
.right {
float:right;
margin:0 0 1em 1em;
}
.center {
text-align:center;
}
.bold {
font-weight:bold;
}
.indented {
padding-left:20px;
}
div.hr {
text-align:center;
}

/***** Default Margin Styles *****/
h1, h2, h3, h4, h5, h6, p, table, form, div.hr {
margin:0 0 15px 0;
}