/* 
	District of Sooke
	February 2008
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/


/* reset styles via myerweb.com */


/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
/*dl, dt, dd, ol, ul, li,*/
/*table, caption, tbody, tfoot, thead, tr, th, td,*/ 
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*/
}
/*
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
*/
/* remember to define focus styles! */
:focus {
	outline: dotted 1px #666;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* COLOURS
#f3f3e0 - beige - sub-navigation background
#efefef - light grey - drop-down-background
#cdcdcd - medium grey - nav drop-down borders, nav drop-down hovers, link hovers
#565245 - dark grey - sub-navigation text
#565656 - darker grey - home page drop-down borders
#2b83b8 - bright blue - table of content links
#597c91 - medium blue - headlines, sub-navigation, footer text
#416276 - dark blue - home photo hover border
#6d6b90 - purple - sidebar headlines, links
#694330 - brown - sidebar links
#c53636 - red - required fields
#8f3309 - dark red - What's New links
*/

/* Sections flagged with =
	GENERIC
	WRAPPER
	HEADER
	MAIN
	CONTENT
	SEARCH
	SUB-NAVIGATION
	NAVIGATION
	MINOR-NAVIGATION
	BREADCRUMBS
	FOOTER
	PAGE SPECIFIC
		Home
		Government Section
		How Section
		What Section
		Documents Section
		Contacts Section
		What's New
		What's New Story
		Sitemap
		Search
		Events
		Online Maps
*/

/* =GENERIC */

html, body { /* to push footer to the bottom - http://www.themaninblue.com/writing/perspective/2005/08/29/  */
	height: 100%;
}

body {
	background-color: #fff;
	font-size: 76%;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background-image: url(images/top_bk.gif);
	background-repeat: repeat-x;
	min-width: 984px;
}

.clear {
	clear: both;
}


/* CMS styles to adjust header bar */

#elementnav li ul li {
	margin-top: -2px;
}

.cms_main_table {
	z-index: 100;
	position: relative;
}


/* =WRAPPER */

#wrapper { /* ie6.css, ie7.css */
	position: relative;
	min-height: 100%; /* footer to the bottom */
}


* html #wrapper {
	height: 100%; /* footer to the bottom */
}

#wrapper-1 { /* ie6.css */
	position: relative;
}

#wrapper-2 {
	position: relative;
	width: 984px;
	margin: 0 auto;
}

/* =HEADER */

#header {
	width: 984px;
	height: 200px;
	background-image: url(images/header-bk.jpg);
	background-repeat: no-repeat;
	background-position: 0 83px;
}

#header h1 a { /* ie6.css */
	display: block;
	width: 108px;
	height: 68px;
	position: absolute;
	top: 2px;
	left: 0;
	background-image: url(images/sooke-logo-ie6.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#header #print-logo {
	display: none;
}

#header a.skip:link, #header a.skip:visited, #header a.skip:hover {
	display: block;
	width: 10em;
	height: 1em;
	padding: 3px;
	margin-left: 150px;	
	font-size: 1em;
	text-indent: -9999px;
	color: #000;
}

#header a.skip:focus, #header a.skip:active {
	text-indent: 0;
	color: #000;
	background-color: #fff;
}


/* =MAIN */

#main-wrapper {
	padding-bottom: 178px;
}

#main {
	float: left;
	width: 100%;
	top: 150px;
}



/* =CONTENT */

#content { /* ie6.css, ie7.css */
	margin: 16px 219px 0 216px;
	padding: 0 10px 0 0;
	background-image: url(images/dotted-line-vertical.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#content h2 {
	font-size: 1.4em;
	color: #597c91;
	margin-bottom: .8em;
}

#content h3 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 2em 0 .8em 0;
}

#content p {
	line-height: 1.4;
	margin: 0 0 1em 0;
}

#content ol, #content ul {
	margin: 1em 0;
	padding: 0;
}

#content ol li, #content ul li {
	margin: 0 0 .5em 0;
	padding: 0;
	line-height: 1.2;
}

#content ol li {	
	list-style-position: inside;
}

#content ul li {
	margin-left: 3em;
	padding-left: .5em;
}

#content table {
	border-collapse: collapse;
}

#content td {
	font-size: 1em;
	line-height: 1.4;
	border: solid 1px #c1cdd4;
}

#content th {
	text-align: left;
	padding-top: 1em;
	border: solid 1px #c1cdd4;
}

#content a:link, #content a:visited {
	color: #416276;
}

#content a:focus, #content a:hover, #content a:active {
	background-color: #e5e9dd;
}

#content a.top, #content a.top:hover, #content a.top:visited { 
	position:relative;
	display:block;
	width:20px;
	height:20px;
	margin: .6em 0;
	text-align:center;
	text-decoration:none;
	padding-top:17px;
	background-color: #fff;
	background-image: url(images/button-top.gif);
	background-position: top center;
	background-repeat: no-repeat;
}


#content img {
	padding: 7px;
	background-color: #fff;
	border: solid 1px #d3cfc0;
}

#content .cms-button img {
	padding: 0;
	border: none;
}


#content .right {
	float: right;
	margin: 0 0 1em 1.5em;
}

#content .left {
	float: left;
	margin: 0 1.5em 1em 0;
}

#content .toc ul li {
	list-style: none;
	background-image: url(images/arrow-right-bright-blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1em;
	margin-left: 0;
}

#content .toc ul li a {
	color: #2b83b8;
	font-weight: bold;
}


/* =SIDEBAR */

#sidebar {
	float: left;
	width: 220px;
	margin-left: -220px;
	margin-top: 16px;
	background-image: url(images/dotted-line-vertical.gif);
	background-repeat: repeat-y;
	font-size: .9em;
}

#sidebar .box {
	margin: .5em;
	padding: 0 .5em 1em .5em;
	background-image: url(images/dotted-line-horizontal.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#sidebar .box h3 {
	color: #6d6b90;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 1.2em 0 .4em 0;
}

#sidebar .box p {
	line-height: 1.4;
}

#sidebar .box a {
	color: #6d6b90;
	text-decoration: none;
	font-weight: bold;
}

#sidebar .box a:focus, #sidebar .box a:hover, #sidebar .box a:active {
	background-color: #cdcdcd;
}

#sidebar .box ol, #sidebar .box ul {
	margin: 1em 0;
	padding: 0;
}

#sidebar .box ol li, #sidebar .box ul li {
	margin: 0 0 .5em 0;
	padding: 0;
	line-height: 1.2;
}

#sidebar .box ol li, #sidebar .box ul li {	
	list-style-position: inside;
}

#sidebar #related-links h3 {
	width: 200px;
	height: 39px;
	margin: 0;
	background-image: url(images/headline-related-links.gif);
	text-indent: -9999px;
}

#sidebar #related-links ul li { 
	list-style-position: outside;
	list-style: none;
	background-image: url(images/arrow-right-brown.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1em;
}

#sidebar #related-links a {
	color: #694330;
}

#sidebar #address a#get-directions {
	display: block;
	width: 82px;
	height: 16px;
	margin: 1em 0;
	background-image: url(images/button-get-directions.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#sidebar #address a#get-directions:focus, #sidebar #address a#get-directions:hover, #sidebar #address a#get-directions:active {
	background-position: 0 -16px;
}


/* =BREADCRUMBS */

#breadcrumbs {
	position: absolute;
	top: 172px;
	left: 216px;
	font-size: .9em;
	color: #597c91;
	font-weight: bold;
	line-height: 1.1;
	width: 480px;
}

#breadcrumbs a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#breadcrumbs span {
	background-image: url(images/arrow-right-blue.gif);
	background-position: center 4px;
	background-repeat: no-repeat;
	width: 7px;
	padding: 0 .5em;
}

/* =SEARCH */

#search {
	position: absolute;
	top: 10px;
	right: 0;
}

#search label {
	display: none;
}

#search #query {
	width: 160px;
	height: 14px;
	padding: 2px;
	text-align: left;
	margin: 0;
	display: block;
	float: left;
}

#search #submit {
	margin: 0 0 0 4px;
	display: block;
	width: 41px;
	height: 22px;
	float: left;
}

/* =SUB-NAVIGATION */

#sub-navigation {
	float: left;
	margin-left: -984px;
	margin-top: -80px;
	width: 193px;
	padding-top: 46px;
	background-color: #f3f3e0;
	background-image: url(images/sub-navigation-header-bk.gif);
	background-repeat: no-repeat;
}

#sub-navigation h3 {
	color: #fff;
	text-align: center;
	margin: 0 auto 40px auto;
	width: 163px;
	height: 11px;
	background-image:url(images/sub-navigation-headline-government.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


#sub-navigation ul {
	margin: 0;
	padding: 0;
	width: 193px;
}

#sub-navigation li { /* ie6.css */
	margin: 0;
	padding: 0;
	list-style: none;
	background-image: url(images/sub-navigation-gradient-bk.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#sub-navigation li a { /* ie7.css */
	width: 193px;
	display: block;
	color: #597c91;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	background-image: url(images/dotted-line-horizontal.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* Level 1 */

#sub-navigation li a span {
	display: block;
}

#sub-navigation li a span span {
	display: block;
	padding: 10px 5px 10px 19px;
	background-image: url(images/arrow-right-blue-on-beige.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
}

#sub-navigation li a:focus span span, #sub-navigation li a:hover span span, #sub-navigation li a:active span span {
	color: #000;
	background-image: url(images/arrow-right-black-on-beige.gif);
}

#sub-navigation li.parent a span span {
	color: #000;
	background-image: url(images/arrow-down-black-on-beige.gif);
}

#sub-navigation li.parent a.selected span span, #sub-navigation li a.selected span span {
	color: #000;
	background-image: url(images/arrow-right-orange-on-beige.gif);
}


/* Level 2 */

#sub-navigation li ul {
	background-color: #f3f3e0;
}

#sub-navigation li ul li {
	background-image: none;
	position: relative;
}

#sub-navigation li ul li a span {
	display: block;
	padding: 10px 5px 10px 29px;
	font-weight: normal;
	color: #565245;
	background-image: url(images/arrow-right-grey-on-beige.gif);
	background-repeat: no-repeat;
	background-position: 17px center;
}

#sub-navigation li ul li a:focus span, #sub-navigation li ul li a:hover span, #sub-navigation li ul li a:active span {
	color: #000;
	background-image: url(images/arrow-right-black-on-beige.gif);
}

#sub-navigation li ul li.parent a span {
	color: #000;
	font-weight: bold;
	background-image: url(images/arrow-down-black-on-beige.gif);
}


#sub-navigation li ul li a.selected span, #sub-navigation li ul li.parent a.selected span {
	background-image: url(images/arrow-right-orange-on-beige.gif);
}

/* Level 3 */

#sub-navigation li ul li ul { /* ie6.css */
	background-color: #fff;
}

#sub-navigation li ul li.parent ul li a { /* ie6.css */	
}

#sub-navigation li ul li.parent ul li a span {
	padding-left: 45px;
	background-image: none;
	font-weight: normal;
	color: #565245;
	background-image: url(images/arrow-right-beige-on-white.gif);
	background-repeat: no-repeat;
	background-position: 33px center;
}

#sub-navigation li ul li ul li a:focus span, #sub-navigation li ul li ul li a:hover span, #sub-navigation li ul li ul li a:active span {
	color: #000;
	background-image: url(images/arrow-right-black-on-beige.gif);
}

#sub-navigation li ul li ul li a.selected span, #sub-navigation li ul li.parent ul li a.selected span {
	background-image: url(images/arrow-right-orange-on-beige.gif);
	font-weight: bold;
	color: #000;
}


/* =NAVIGATION */

#navigation {
	position: absolute;
	top: 41px;
	left: 156px;
	width: 671px;
	height: 41px;
}

/* other nav styles in quickmenu.css */



/* =MINOR-NAVIGATION */

#minor-navigation {
	position: absolute;
	top: 12px;
	left: 495px;
	width: 266px;
	height: 17px;
	margin: 0;
	background-image: url(images/minor-navigation.gif);
	background-position: 4px 4px;
	background-repeat: no-repeat;
}

#minor-navigation ul, #minor-navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#minor-navigation ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 17px;
}

#minor-navigation ul li a {
	display: block;
	height: 17px;
	text-indent: -9999px;
}

#minor-navigation ul li#home-nav {
	left: 0px;
	width: 38px;
}

#minor-navigation ul li#new-nav {
	left: 46px;
	width: 75px;
}

#minor-navigation ul li#maps-nav {
	left: 129px;
	width: 76px;
}


#minor-navigation ul li#sitemap-nav {
	left: 213px;
	width: 53px;
}



/* =FOOTER */

#footer {
	height: 178px;
	position: relative;
	margin-top: -178px; /* footer to the bottom */
	background-image: url(images/landscape-bk.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#footer #footer-inside {
	position: relative;
	width: 769px;
	padding: 89px 0 0 216px;
	margin: 0 auto;
	font-size: .9em;
	color: #597c91;
}

#footer #footer-inside .col {
	width: 290px;
	float: left;
}

#footer #footer-inside #one {
	margin-right: 100px;
}

#footer #footer-inside #two {
	width: 170px;
}
	
#footer p {
	line-height: 1.4;
}

#footer #footer-inside .col .copyright, #footer #footer-inside .col a {
	color: #000;
	text-decoration: none;
}

#footer #footer-inside .col a:focus, #footer #footer-inside .col a:hover, #footer #footer-inside .col a:active {
	color: #fff;
	background-color: #597c91;
}

#footer #footer-inside #top-link { /* ie6.css */
	position: absolute;
	display: block;
	width: 66px;
	height: 25px;
	padding-top: 6px;
	top: 147px;
	right: 0;
	background-image: url(images/bottom-bk.gif);
	background-repeat: repeat-y;
	background-position: -215px 0;
	color: #fff;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}



/* =PAGE SPECIFIC */

/* =Home */

.page-home #wrapper { /* ie7.css, ie6.css */
	background-color: #EDF1F4;
	background-position: 83px;
	background-repeat: no-repeat;
}
.page-home #banner {
	width: 100%;
	height: 275px;
}

.page-home #wrapper-1 {
	background-repeat: repeat-x;
	background-image: url(images/top_bk_main_repeater.jpg);
}

.page-home #header {
	height: 82px;
	background-image: none;
}

.page-home #wrapper-2 {
	background-position: 0px 82px;
	min-height: 659px;
}


.page-home #content {
	padding: 0;
	margin-top: 16px;
	margin-right: 418px;
	margin-bottom: 0;
	margin-left: 0;
}
.page-home a {
	color: #855020;
	text-decoration: none;
}
.page-home a:hover {
	color: #768D9B;


}


.page-home #content #welcome {
	padding-right: 10px;
	padding-left: 15px;

}
.page-home .table  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 12px;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	margin: 0px;
	background-color: #FFF;
}

.page-home #content td {
	border: none;
}

.page-home #content th {
	border: none;
}

.page-home #content img {
	padding: 0;
	background-color: transparent;
	border: none;
}


.page-home #content #weather {
	position: absolute;
	top: 120px;
	left: 438px;
	color: #416276;
	width: 120px;
}
.page-home #floatright {
	float: right;
}
.page-home #address {
	color: #666;
	font-size: 11px;
	font-weight: normal;
}


.page-home #content #weather span {
	display: block;
	text-align: right;
	margin-bottom: .2em;
}

.page-home #content #weather .temperature, .page-home #content #weather img {
	float: right;
}

.page-home #content #weather .day  {
	font-size: .8em;
}

.page-home #content #weather .date, .page-home #content #weather .temperature  {
	font-weight: bold;
}

.page-home #content #weather .temperature {
	margin-top: .2em;
	margin-left: .2em;
}

.page-home #content #main-photo {
	position: absolute;
	top: 272px;
	left: 246px;
	width: 315px;
	height: 306px;
}

.page-home #content #thumbnails {
	position: absolute;
	top: 375px;
	left: 155px;
}

.page-home #content #thumbnails a, .page-home #content #thumbnails a img {
	display: block;
	width: 73px;
	height: 47px;
}

.page-home #content #thumbnails a {
	border: solid 4px #fff;
	margin: 0 0 .5em 0;
}

.page-home #content #thumbnails a:hover, .page-home #content #thumbnails a:active  {
	border-color: #416276;
}
.page-home #content #quicklinks {
	width: 465px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/quicklinks_body.jpg);
	background-repeat: repeat-y;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
.page-home #content #quicklinks #quickheader {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/quicklinks_header.jpg);
	background-repeat: no-repeat;
	height: 50px;
}
.page-home #content #quicklinks #icons {
	padding-top: 0px;
	padding-bottom: 0px;
	width: 435px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	background-color: #FFF;
}
.page-home #content #quicklinks #footerbtn {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-image: url(images/quicklinks_footerbtn.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 0px;
	height: 25px;
}

.page-home #content #poptopics {
	width: 465px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/populartopics_body.jpg);
	background-repeat: repeat-y;
	margin-bottom: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}

.page-home #content #poptopics #popheader {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/populartopics_header.jpg);
	background-repeat: no-repeat;
	height: 50px;
}
.page-home #content #poptopics #picons {
	padding-top: 0px;
	padding-bottom: 0px;
	width: 435px;
	margin-right: auto;
	margin-left: auto;
	color: #7B4A1E;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFF;
}
.page-home #content #poptopics #popfooterbtn {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/populartopics_footerbtn.jpg);
	height: 25px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.page-home #sidebar {
	font-size: 1.0em;
	width: 419px;
	margin-left: -419px;
}

.page-home #sidebar a:focus, .page-home #sidebar a:hover,.page-home #sidebart a:active {

}


.page-home #sidebar .box {
	margin: 0 0 0 10px;
	padding: 0 0 1px 0;
}

.page-home #sidebar .last {
	background-image: none;
}

.page-home #sidebar .box .col {
	margin: 0;
	width: 400px;
	padding: 0;
	float: left;
	bottom: auto;
}
.page-home #sidebar .weatherdate   {
	width: 405px;
	text-align: right;
	margin: 0;
	padding: 0;
	background-position: right;
}
.page-home #sidebar #fontsize {
	top: auto;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #435E6D;
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
	width: 405px;
}

.page-home #sidebar #whatsnew {
	padding-top: 0px;
	padding-bottom: 0px;
	width: 375px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/whatsnew_body.jpg);
	background-repeat: repeat-y;
	float: right;
}
.page-home #sidebar #whatsnew #wnheader {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/whatsnew_header.jpg);
	background-repeat: no-repeat;
	height: 50px;
}
.page-home #sidebar #whatsnew #wnlinks {
	padding-top: 0px;
	padding-bottom: 0px;
	width: 345px;
	margin-right: auto;
	margin-left: auto;
	color: #7B4A1E;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}
.page-home #sidebar #whatsnew #wnlinks ul li{
	padding: 4px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: square;
	background-position: 0px 3px;
	line-height: 20px;
}

.page-home #sidebar #whatsnew #wnfooterbtn {
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/whatsnew_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 0px;
	height: 45px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.page-home #sidebar #whatsnew #wnfooterbtn #morebtn {
	color: #FFF;
	float: right;
	padding-top: 23px;
	padding-bottom: 0px;
	font-weight: bold;
	padding-right: 35px;
	text-decoration: none;
}
.page-home #sidebar #mainaddress {
	color: #5E7380;
	font-size: 11px;
	text-align: right;
	clear: both;
	margin-right: 10;
	right: 15px;
	width: 395px;
	padding-top: 15;
	margin-left: 12px;
	line-height: 15px;
}
.page-home #sidebar .box #how-do-i, .page-home #sidebar .box #guide {
	margin-right: 8px;
}

.page-home #sidebar #how-do-i h3, .page-home #sidebar #whats-new h3 {
	width: 200px;
	height: 39px;
	margin: 5px 0 0 0;
	text-indent: -9999px;
}

.page-home #sidebar #whats-new h3 {

}

.page-home #sidebar #how-do-i ul li, .page-home #sidebar #whats-new ul li { 
	list-style-position: outside;
	list-style: none;
	background-image: url(images/arrow-right-brown.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 1em;
}

.page-home #sidebar #whats-new ul li {
	background-image: url(images/arrow-right-red.gif);
}

.page-home #sidebar #how-do-i a {
	color: #694330;
}


.page-home #sidebar #whats-new a {
	color: #8f3309;
}

.page-home #sidebar #how-do-i a#more, .page-home #sidebar #whats-new a#more-news {
	display: block;
	width: 66px;
	height: 16px;
	margin: 1em 0 2em 0;
	background-image: url(images/button-more.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: right;
}

.page-home #sidebar #whats-new a#more-news {

}

.page-home #sidebar #how-do-i a#more:focus, .page-home #sidebar #how-do-i a#more:hover, .page-home #sidebar #how-do-i a#more:active, .page-home #sidebar #whats-new a#more-news:focus, .page-home #sidebar #whats-new a#more-news:hover, .page-home #sidebar #whats-new a#more-news:active {
	background-position: 0 -16px;
}

.page-home #sidebar .box #guide h3, .page-home #sidebar .box #address h3 {
	margin-top: 10px;
}

.page-home #sidebar .box #guide h3, .page-home #sidebar .box #guide a {
	color: #8f3309;
}

.page-home #sidebar .box #guide a#download-guide {
	display: block;
	width: 144px;
	height: 101px;
	background-image: url(images/rec-guide.gif);
	background-repeat: no-repeat;
	margin: 1em 0 0 0;
	text-indent: -9999px;
}

.page-home #sidebar .box #guide a#download-guide:focus, .page-home #sidebar .box #guide a#download-guide:hover, .page-home #sidebar .box #guide a#download-guide:active {
	background-color: transparent;
}

.page-home #sidebar #spotlight {
	padding: 10px 0;
}

.page-home #sidebar #spotlight a {
	display: block;
	width: 396px;
}

.page-home #sidebar #spotlight img {
	display: block;
}

.page-home #footer {
	background-image: url(images/home-landscape-bk-new.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	background-position: 0px 0px;
	bottom: 0px;
	position: relative;
}
.page-home #footer #footer-inside #top-link { /* ie6.css */
	background-image: url(images/bottom-bk-topbtn_main.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	height: 33px;
	width: 90px;
	font-family: Verdana, Geneva, sans-serif;
	background-position: 0px 0px;
}

.page-home #footer #footer-inside {
	position: relative;
	width: 769px;
	font-size: 0.8em;
	color: #597c91;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 125px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 216px;
}

.page-home #footer #footer-inside .col {
	width: 290px;
	float: left;
}

.page-home #footer #footer-inside #one {
	margin-right: 100px;
}

.page-home #footer #footer-inside #two {
	width: 170px;
}
	

/* =Government Section */

.section-government #header {
	background-image: url(images/header-bk-government.jpg);
}

.section-government #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-government.gif);
}

/* =How Section */

.section-how #header {
	background-image: url(images/header-bk-how.jpg);
}

.section-how #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-how.gif);
}


/* =What Section */

.section-what #header {
	background-image: url(images/header-bk-what.jpg);
}

.section-what #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-what.gif);
}


/* =Documents Section */

.section-documents #header {
	background-image: url(images/header-bk-documents.jpg);
}

.section-documents #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-documents.gif);
}


/* =Contact Section */

.section-contacts #header {
	background-image: url(images/header-bk-contacts.jpg);
}

.section-contacts #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-contacts.gif);
}


/* =What's New */

.page-whats-new #content .news-item {
	border-bottom: solid 1px #ddd;
	margin-bottom: 1em;
	padding-bottom: .5em;
}

.page-whats-new #content .news-item h3 {
	text-transform: none;
	color: #597c91;
	margin: 0 0 .5em 0;
}

.page-whats-new #content .news-item h3 a {
	color: #597c91;
}


.page-whats-new #content .news-item p.date {
	font-size: .8em;
	margin-bottom: .625em;
}

.page-whats-new #sub-navigation h3, .page-whats-new-story #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-whats-new.gif);	
}


/* =What's New Story */

.page-whats-new-story #content .date {
	border-bottom: solid 1px #ddd;
	font-size: .9em;
	margin-bottom: .8em;
	padding-bottom: .8em;
}

.page-whats-new-story #content a {
	color: #597c91;
	font-weight: normal;
}


/* =Sitemap */

.page-sitemap #sub-navigation {
	background-image: url(images/sub-navigation-header-bk-white.gif);		background-color: #fff;
}

.page-sitemap #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-sitemap.gif);
}

.page-sitemap #content #vertical .col {
	width: 260px;
	float: left;
}

.page-sitemap #content #vertical #col-two {
	float: right;
}

.page-sitemap #content #vertical ul li {
	list-style-type: none;
	background-image: none;
	margin: 0;
	padding: 0;
}

.page-sitemap #content #vertical ul li a {
	font-weight: normal;
	text-decoration: none;
}

.page-sitemap #content #vertical h3 {
	color: #fff;
	background-color: #416276;
	background-image: url(images/icon-plus.gif);
	background-position: 96% 50%;
	background-repeat: no-repeat;
	padding: .5em;
	text-transform: none;
	font-weight: normal;
	position: relative;
	margin: 0 0 .5em 0;
}

.page-sitemap #content #vertical h3.hide {
	background-image: url(images/icon-minus.gif);
}

.page-sitemap #content #vertical h3 a {
	color: #fff;
	background-color: transparent;
	font-weight: normal;
}


.page-sitemap #content #vertical h3 span {
	display: block;
	position: absolute; 
	top: 0;
	right: 0.5em;
	padding: .5em 0;
	text-align: center;
}

/* level 2 */

.page-sitemap #content #vertical ul li ul {
	margin: 0;
	padding-bottom: .5em;
	color: #416276;
}

.page-sitemap #content #vertical ul li ul li {
	margin: 0 0 .5em 0;
	padding: .5em 0 0 .5em;
	text-transform: uppercase;
	border-top: solid 1px #ddd;
}


/* level 3 */
.page-sitemap #content #vertical ul li ul li ul {
	padding-bottom: 0;
}

.page-sitemap #content #vertical ul li ul li ul li {
	text-transform: none;
	border: none;
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 0em;
	padding-left: 0;
}

/* Level 4 */

.page-sitemap #content #vertical ul li ul li ul li ul li {
	list-style-type: circle;
}


/* =Gallery */

.page-gallery #content {
	padding-right: 3px;
}

.page-gallery #content ul.gallery li {
	background-image: none;
	list-style: none;
	margin: 0 5px 20px 0;
	padding: 0;
	float: left;
}

.page-gallery #content ul.gallery li a {
	display: block;
	background-color: transparent;
	position: relative;
	text-decoration: none;
	width: 160px;
	height: 125px;
	padding: 7px;
	background-image: url(images/gallery-default-thumbnail.png);
	background-position: center center;
	background-repeat: no-repeat;
	border: solid 1px #d3cfc0;
}


.page-gallery #content ul.gallery li a img {
	padding: 0;
	width: 160px;
	height: 125px;
	background-color: transparent;
	border: none;
}

.page-gallery #content ul.gallery li a span.caption {
	display: block;
	position: absolute;
	left: 0px;
	width: 174px;
	text-align: center;
	top: 1px;
	height: 139px;
	text-indent: -9999px;
	padding: 0;
	border: 0;
}

.page-gallery #content ul.gallery li a:focus span.caption, .page-gallery #content ul.gallery li a:hover span.caption, .page-gallery #content ul.gallery li a:active span.caption {
	padding-top: 12px;
	height: 28px;
	top: 100px;
	text-indent: 0;
	background-color: #fff;
	color: #494949;
	opacity: 0.8;
	filter: alpha(opacity=80);
	cursor: hand;
}

/* =Single Gallery */
.page-single-gallery #content {
	padding-right: 3px;
}

.page-single-gallery #content img {
	padding: 0;
	border: none;
}

.page-single-gallery #content .photo {
	/*width: 524px;*/
	border: solid 1px #d3cfc0;
	padding: 7px;
}

.page-single-gallery #content .photo img {
	display: block;
	margin: 0 auto 10px auto;
}

.page-single-gallery #content .photo .caption {
	padding: 0 7px;
	line-height: 1.4;

	margin-bottom: 5px;
}

.page-single-gallery #content .gallery-nav {
	width: 500px;
	height: 30px;
	margin: 2.5em auto;
	position: relative;
}

.page-single-gallery #content .gallery-nav a {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.page-single-gallery #content .gallery-nav a#prev-link, .page-single-gallery #content .gallery-nav a#next-link {
	width: 46px;
	height: 12px;
	margin-top: 9px;
	float: left;
	background-image: url(images/button-back.gif);
}

.page-single-gallery #content .gallery-nav a#next-link {
	background-image: url(images/button-next.gif);
	float: right;
}

.page-single-gallery #content .gallery-nav a#back-link {
	background-image: url(images/button-back-to-gallery.gif);
	width: 122px;
	height: 30px;
	/*margin: 0 auto;*/
	position: absolute;
	top: 0;
	left: 188px;
}

.page-single-gallery #content .gallery-nav a#back-link:focus, .page-single-gallery #content .gallery-nav a#back-link:hover, .page-single-gallery #content .gallery-nav a#back-link:active {
	background-position: 0 -30px;
}

/* =Search */

.page-search #sub-navigation {
	background-image: url(images/sub-navigation-header-bk-white.gif);		background-color: #fff;
}

.page-search #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-search.gif);
}


.page-search #content  .searchform fieldset {
	background-color: #f1f1f1;
	border-bottom: solid 1px #e0deda;
	padding: .8em 1em .5em 1em;
	margin: 1em 0;
}


.page-search #content  .searchform label, .page-search #content  .searchform .text, .page-search #content  .searchform .searchbutton {
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

.page-search #content  .searchform label {
	font-weight: bold;
	margin-top: 7px;
	margin-right: 6px;
}

.page-search #content .searchform .text {
	border: solid 1px #909090;
	margin-top: 3px;
	width: 250px;
}

.page-search #content  #did-you {
	color: #c53636;
	font-style: italic;
	font-size: 1.2em;
}

.page-search #content  #did-you a {
	font-weight: bold;
}

.page-search #content  .searchresult {
	line-height: 1.4;
	padding: .5em 0;
	margin: 1em 0 1.5em 0;
	background-image: url(images/dotted-line-horizontal.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.page-search #content  .searchresult .title {
	font-weight: bold;
}

.page-search #content  .searchresult .highlight {
	background-color: #cdcdcd;
}

.page-search #content  .searchresult .url {
	font-size: .9em;
}

.page-search #content  .paging {
	font-weight: bold;
}

.page-search #content  .paging a {
	font-weight: normal;
	padding: 1px 2px;
	margin: 0 3px;
	text-decoration: none;
}

.page-search #content .paging a.selected {
	color: #fff;
	background-color: #565656;
}

/* =Events */

.page-events #content .eventsearch fieldset {
	background-color: #f1f1f1;
	border-bottom: solid 1px #e0deda;
	padding: .8em 1em .5em 1em;
	margin: 1em 0 2em 0;
}

.page-events #content  .eventsearch h3 {
	text-transform: none;
	margin: 0;
}

.page-events #content  .eventsearch label {
	display: block;
	float: left;
	margin: .7em 2.5em 0 0;
	line-height: 1;
}

.page-events #content  .eventsearch  label .text { /* ie6.css, ie7.css */
	display: block;
	float: left;
	padding-top: .1em;
}

.page-events #content  .eventsearch .searchbutton {
	display: block;
	float: right;
	padding-top: .2em;
}

.page-events #content .eventsearch label .radio {
	padding: 0;
	display: block;
	float: left;
}

.page-events #content .event-result {
	border-bottom: solid 1px #e0deda;
	padding-bottom: 5px;
	margin-bottom: 16px;
}

.page-events #content .event-result a {
	color: #597c91;
}

.page-events #content .event-result .event-date {
	width: 110px;
	padding-right: 10px;
	border-right: solid 1px #e0deda;
	font-weight: bold;
}

.page-events #content .event-result .event-desc {
	width: 400px;
	padding-left: 10px;
	margin-left: -1px;
	border-left: solid 1px #e0deda;
}

.page-events #content .event-result .event-date, .page-events #content .event-result .event-desc {
	float: left;
	padding-bottom: 5px;
}

.page-events #content .event-result .clear { /* ie6.css, ie7.css */
}
.page-events #content .event-result .event-desc  .event-title {
	color: #597c91;
	font-weight: bold;
	margin-bottom: 0;
}

.page-events #content .event-result .event-date .event-time {
	color: #000;
	font-weight: normal;
	font-size: .8em;
}

/* Individual Event Page */

.section-what #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-what.gif);	
}

/* =Contact */

.page-contact #header {
	background-image: url(images/header-bk-contacts.jpg);
}

.page-contact #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-contacts.gif);
}


.page-contact #content #contact-form label {
	display: block;
	margin: 1.4em 0 .6em 0;
	font-weight: bold;
}

.page-contact #content #contact-form .note {
	display: block;
	margin: -0.25em 0 .8em 0;
	font-size: .8em;
}

.page-contact #content #contact-form .required {
	color: #c53636;
	font-size: .8em;
}

.page-contact #content #contact-form .comments {
	position: relative;
	top: -55px;
}

.page-contact #content #contact-form .captcha {
	display: block;
	margin: 1.4em 0;
}

.page-contact #content #contact-form .submit-button {
	display: block;
	margin: 1.4em 0 .8em 0;
}

.page-contact #content #contact-form .text, .page-contact #content #contact-form textarea {
	width: 425px;
}

.page-contact #content #contact-form textarea {
	height: 110px;
}

.page-contact #content #contact-form select {
	width: 431px;
}

/* =Online Maps */

.page-online-maps #sub-navigation {
	background-image: url(images/sub-navigation-header-bk-white.gif);		background-color: #fff;
}

.page-online-maps #sub-navigation h3 {
	background-image:url(images/sub-navigation-headline-online-maps.gif);
}


/* =Directory */

.page-directory #content .alphabet {
	position:relative;
	display:block;
	height:60px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.page-directory #content .alphabet a {
	position:relative;
	display:block;
	width:1em;
	padding: 0 1px;
	margin:0 5px 5px 0;
	text-align:center;
	float:left;
	text-decoration:none;
	border: 1px solid #cdcdcd;
	background-color: #f3f3e0;
}

.page-directory #content .alphabet a:focus, .page-directory #content .alphabet a:hover, .page-directory #content .alphabet a:active {
	background-color: #597c91;
	color: #f3f3e0;
}

.page-directory #content table {
	margin: 1em 0;
	padding: 1.2em 0 .8em 0;
	position: relative;
	width: 520px!important;
	border-collapse:collapse;
	clear:both;
	text-align:left;
	empty-cells:hide;
}
.page-directory #content table table {
	width: 100%!important;
}

.page-directory #content table th {
	padding: .8em .2em .3em .4em;
	background:#f1f1f1;
	border-bottom: solid 1px #e0deda;
	color:#000;
	text-transform:uppercase;
	font-size:11px;
}

.page-directory #content table th.space {
	background: none;
	border: none;
}

.page-directory #content table td {
	padding:.7em .2em .5em .4em;
	/*border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;*/
	background-image: url(images/dotted-line-horizontal.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height: 1.8;
}

.page-directory #content table td p {
	margin: 0;
}

.page-directory #content table td.space {
	border: none;
}