/* Content */

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 {
	font: normal 95% "Garamond", Times, serif;
	margin: 0 0 .4em 0;
	padding: 0;
}

div#content h1 span.closing {
	background: transparent url(../../images/dar/ornament.gif) no-repeat center center;
	padding: 0 0 0 29px;
    }	

div#content h1 {
	font-size: 230%;
	padding-top: 15px;
	margin-bottom: 20px;
	color: #584029;
        font-variant: small-caps
}	

div#content h2 {
   font-family: "Garamond", Times, serif;
   color: #584029;
   font-size: 200%;
   font-weight: normal;
   margin-bottom: 25px;
}	

div#content h3 {
        font-family: "Garamond", Times, serif; 
	font-size: 190%;
	color: #584029;
        margin-bottom: 15px;
}

div#content h4 {
	font-size: 170%;
}

div#content p, div#content blockquote {
	margin: 0 0 18px 0;
	padding-right: 5px;
        color: #2b2b2b;  
        font-size: 110%;
}

div#content blockquote {
	padding-left: 1em;
        color: #584029;  
	border-left: 1px solid #584029;
        font-size: 120%;
}

div#content p span.gold, div#content li span.gold {
	color: #9f844e;
        background-color: #f6f3ee;
	font-weight: bold;
}

div#content p span.grey, div#content li span.grey {
	color: #4e4e4e;
        background-color: #f6f3ee;
	font-weight: bold;
}

div#content ul, div#content ol {
	margin: 0 0 1.5em 0;
}

	div#content li {
                list-style: none;
	        padding-left: 1em;
                color: #584029;  
	        border-left: 1px solid #584029;
	}

	div#content ul li *, div#content ol li * {
		margin: 0;
	}

div#content img.left {
	float: left;
	margin: 0 2em 1.5em 0;
}

div#content img.right {
	float: right;
	margin: .3em 0 1.5em 2em;
	border: 3px solid #938248;
}

div#content img.noborder {
	float: right;
	margin: .3em .2em 1.5em 2em;
}	

hr {
	color: #b6ada0;
	background-color: #b6ada0;
	margin: 3em 1em 3em 0;
	}

a, a:link, a:active, a:visited {
	color: #6a0808;
	border-bottom: 1px solid #820a0a;
}

a:hover {
	color: #938248;
	text-decoration: none;
	border-bottom: 1px solid #938248;
}

div#content ul.links {
	list-style: none;
	padding: 0;
	border-top: 1px dotted #b9cad7;
	margin-left: 0;
}

	div#content ul.links li {
		margin: 0;
	}
	
		div#content ul.links li a {
			display: block;
			background: transparent none no-repeat 4px 6px;
			padding: 4px 6px 2px 6px;
			border-bottom: 1px dotted #b9cad7;
		}
		
		div#content ul.links li a:hover {
			background-color: #e7edf2;
		}
		
		div#content ul.links li.htm a {
			background-image: url(/dept/webdev/images/icons/web.gif);
			background-position: 3px 5px;
			padding-left: 20px;
		}
		
		div#content ul.links li.pdf a {
			background-image: url(/dept/webdev/images/icons/pdf.gif);
			padding-left: 20px;
		}
		
		div#content ul.links li.doc a {
			background-image: url(/dept/webdev/images/icons/doc.gif);
			padding-left: 20px;
		}
		
		div#content ul.links li.xls a {
			background-image: url(/dept/webdev/images/icons/xls.gif);
			padding-left: 20px;
		}


/* Content-Office List */

div#content div#offices  {
    min-height: 500px;
    width: 200px;
    padding: 8px;
    background-color: #e6e0d3;
    float: left;
    margin: 0 15px 15px 0;
}
div#content div#offices ul {
    padding: 3px 12px;
    list-style: none;
    margin-right: 5px;
}
div#content div#offices li {
    padding: 10px 2px;
    list-style: none;
    border-top: 1px solid #FFF;
    border-left: none;
    margin: 0;
}
	div#content div#offices li.first {
		padding: 3px 2px;
		list-style: none;
		border-top: none;
                border-left: none;
  		margin: 0;
		}


/* Features */


div#features h1, div#content h2, div#content h3, div#content h4, div#content h5 {
	font: normal 65% "Garamond", Times, serif;
	margin: 0 0 .8em 0;
	padding: 0;
}

div#features h1 {
	font-size: 230%;
	padding-top: 20px;
	margin-bottom: 10px;
	color: #584029;
	text-transform: uppercase;
}	

div#features h2 {
	font: normal 135% "Helvetica", Verdana, Arial, sans-serif;
	padding-top: 15px;
	margin-bottom: 20px;
	color: #584029;
	text-transform: uppercase;
	border-bottom: 1px solid #b6ada0;
}	


div#features h3 {
	font-size: 140%;
	color: #584029;
}

div#features h4 {
	font-size: 120%;
}

div#features p, div#features blockquote {
	margin: 0 0 5px 0;
	padding-right: 5px;
}

div#features blockquote {
	padding-left: 1em;
	border-left: 1px solid #ccc;
}


div#features ul, div#features ol {
	margin: 0 0 2em 0;
}

div#features ul li {
	margin: 0;
	padding: 0;
}

	div#features li {
		margin: .3em 0;
		border: none;
	}

	div#features ul li *, div#features ol li * {
		margin: 0;
	}

div#features img {
	float: right;
	margin: .3em 0 1.5em 1.5em;
	width: 80px;
	height: 80px;
	border: 3px solid #938248;
}	


/* Form */

div#content form {
	margin-top: 30px;
}

div#content table {
	width: 99%;
}

	div#content table td {
		vertical-align: top;
		padding: 8px 0;
	}

	div#content table td.title {
		font-family: "Helvetica", Arial, Tahoma, sans-serif;
		font-size: 95%;
		font-weight: bold;
		padding-right: 50px;
			color: #444;

	}

		div#content table td.title small {
			color: #666;
			font-weight: normal;
		}

	div#content table td.field {
		text-align: left;
	}

div#content input, div#center textarea, div#center select {
	background-color: #f2efef;
	color: #657f97;

	width: 350px;
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: 90%;
	padding: 3px 4px;
	border: .5px solid #531604;
}

div#content input.zip {
	width: 80px;
	text-align: center;
}

div#content input.phone {
	width: 101px;
	vertical-align: middle;
	text-align: center;
}

div#content textarea {
	height: 150px;
}

div#content select {
	width: 358px;
	padding: 2px 4px;
}

div#content input.submit {
	width: auto;
	color: #fff;
	font-family: "Helvetica", Arial, Tahoma, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #666;
}

div#content input.submit:hover {
	color: #999;
}

div#content table input.radio,
div#content table input.checkbox {
	display: inline;
	margin-right: 0.5em;
	width: 12px;
	text-align: left;
}

/* STAFF LISTING */


div#content div.person {
	float: left;
	width: 150px;
	height: 290px;
	margin-right: 0.5em;
}

div#content div.council {
	float: left;
	width: 150px;
	height: 200px;
	margin-right: 0.5em;
}

	div#content div.person img {
		border: 4px solid #907f46;
	}

	div#content div.person h3 {
		margin: .5em 0 .5em 0;
		padding: 0 3px;
	}

	div#content div.person ul {
		list-style: none;
		padding: 0 5px;
		margin: 0;
	}


div#content ul, div#content ol {
	margin-left: 15px; padding-left: 0;
}

	div#content li {
		margin: 0;
	}

	div#content ul li *, div#content ol li * {
		margin: 0;
	}
	
div#content ul li ul, div#content ol li ol {
	margin-left: 15px; padding-left: 0;
}

	div#content ul li {
		margin: 0;
	}

/* Side links */

div.box {
	float: right;
	width: 170px;
	background-color: #f3efea;
	padding: 5px 15px 15px 15px;
	margin: 0 0 1.5em 2em;
}

	div#content div.box h2 {
		font-size: 140%;
		text-align: left;
		margin: 0 0 10px 0;
	}

	div#content div.box ul {
		list-style: none;
		margin: 0 0 10px 0;
	}

	div#content div.box p {
		margin: 0;
	}

        div#content div.box ul li {
	       line-height: 140%;
               padding: 5px 0 5px 15px;
        }

div#content div.button {
	height: 8em;
	margin-bottom: 0;
}

	div#content div.button a, div#content div.button a:link, div#content div.button a:active, div#content div.button a:visited {
		border: none;
	}

		div#content div.button a img, div#content div.button a:link img, div#content div.button a:active img, div#content div.button a:visited img {
			border: 3px solid #938248;
		}

		div#content div.button a:hover img {
			border-color: #6e6135;
		}

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


/* Side link park */

div.feature_box {
	float: right;
	background-color: #f3efea;
	padding: 15px 15px 10px 15px;
	margin: 0 0 1.5em 2em;
}

	div#content div.feature_box h2 {
		font-size: 140%;
		text-align: left;
		margin: 0 0 10px 0;
	}

	div#content div.feature_box ul {
		list-style: none;
		margin: 0 0 10px 15px;
	}

	div#content div.feature_box p {
		margin: 0;
                width: 220px;
	        font: bold 96% "Helvetica", Verdana, Trebuchet MS, Arial, sans-serif;
                padding: 10px 0;
	        line-height: 140%;
	}

        div#content div.feature_box ul {
	       list-style: disc;
	       line-height: 140%;
        }

	div#content div.feature_box img {
		border: 4px solid #907f46;
	}

/* Side link park */

div.feature_box_parks {
	float: right;
	background-color: #f3efea;
	padding: 15px 15px 10px 15px;
	margin: 0 0 1.5em 2em;
}

	div#content div.feature_box_parks h2 {
		font-size: 140%;
		text-align: left;
		margin: 0 0 10px 0;
	}

	div#content div.feature_box_parks ul {
		list-style: none;
		margin: 0 0 10px 15px;
	}

	div#content div.feature_box_parks p {
		margin: 0;
	        font: bold 96% "Helvetica", Verdana, Trebuchet MS, Arial, sans-serif;
                padding: 10px 0;
	        line-height: 140%;
	}

        div#content div.feature_box_parks ul {
	       list-style: disc;
	       line-height: 140%;
        }

	div#content div.feature_box_parks img {
		border: 4px solid #907f46;
	}

div#features form {
	width: 120px;
	color: #333;
	}
	
div#features form label { color: #333; }

/* Gallery css */

div#content div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
	width:455px; 
}
div#content div.content a, div#content div.navigation a {
	text-decoration: none;
	color: #777;
}
div#content div.content  a:focus, div#content div.content  a:hover, div#content div.content  a:active {
	text-decoration: underline;
	border: none;
}
div#content div#content div.controls {
	margin-top: 5px;
	height: 23px;
}
div#content div.controls a {
	padding: 5px;
        border-bottom: none;
}
div#content div.controls a:hover {
        border-bottom: none;
        text-decoration: none;
        background-color: #eee;
}
div#content div.ss-controls {
	float: left;
}
div#content div.nav-controls {
	float: right;
}

div#content div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 455px;
	height: 455px
}

div#content div.slideshow {
	clear: both;
}
div#content div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div#content div.slideshow a.advance-link {
	padding: 0;
	display: block;
        border: 3px double #ddd;
}

div#content div#content div.slideshow img {
	border: none;
	display: block;
}
div#content div#content div.download {
	float: right;
}
div#content div.embox {
	clear: both;
        width: 430px;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 12px;
}
div#content div.image-title {
	font-size: 1.2em;
}

div#content div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div#content div.navigation {
	margin: 0;
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
div#content ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0 0 0 10px;
}
div#content ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 5px;
	list-style: none;
        border-left: none;
}
div#content a.thumb {
	padding: 2px;
	margin: 0;
	display: block;
	border: 1px solid #ccc;
}
div#content ul.thumbs li.selected a.thumb {
	background: #907f46;
}
div#content a.thumb:focus {
	outline: none;
}
div#content ul.thumbs img {
	border: none;
	display: block;
}

div#content div.pagination {
	clear: both;
}
div#content div.navigation div.top {
	margin-bottom: 12px;
        margin-left: 15px;
	height: 11px;
}
div#content div.navigation div.bottom {
	margin-top: 12px;
        margin-left: 15px;
}

div#content div.navigation a, div#content div.navigation a:link, div#content div.navigation a:active, #center div.navigation a:visited {
		border-bottom: 1px solid #999;
		text-decoration: none;
	}
	
div#content div.navigation div.top a, div#content div.navigation div.top a:link, div#content div.navigation div.top a:active, div#content div.navigation div.top a:visited {
		border-bottom: 1px solid #999;
		text-decoration: none;
	}
	
div#content div.navigation div.bottom a, div#content div.navigation div.bottom a:link, div#content div.navigation div.bottom a:active, div#content div.navigation div.bottom a:visited {
		border-bottom: 1px solid #999;
		text-decoration: none;
	}
	
div#content div.pagination a, div#content div.pagination span.current {
	display: block;
	float: left;
	margin-left: 2px;
	padding: 3px 6px 1px 6px;
	border: 1px solid #ccc;
}
div#content div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div#content div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #666;
	color: #fff;
}

/* Right Feature - large */


div#features_large {
	float: right;
	background-color: #f3efea;
	padding: 10px;
	margin: 0 0 1.5em 2em;
        width: 255px;
        height: auto;
}

div#features_large h1, div#features_large h2, div#features_large h3, div#features_large h4, div#features_large h5 {
	font: normal 65% "Garamond", Times, serif;
	margin: 0 0 .8em 0;
	padding: 0;
}

div#features_large h1 {
	font-size: 230%;
	padding-top: 20px;
	margin-bottom: 10px;
	color: #584029;
	text-transform: uppercase;
}	

div#features_large h2 {
	font: normal 135% "Helvetica", Verdana, Arial, sans-serif;
	padding-top: 15px;
	margin-bottom: 20px;
	color: #584029;
	text-transform: uppercase;
	border-bottom: 1px solid #b6ada0;
}	

div#features_large h3 {
	font-size: 140%;
	color: #584029;
}

div#features_large h4 {
	font-size: 120%;
}

div#features_large p, div#features_large blockquote {
	margin: 0 0 5px 0;
	padding-right: 5px;
}

div#features_large blockquote {
	padding-left: 1em;
	border-left: 1px solid #ccc;
}


div#features_large ul, div#features_large ol {
	margin: 0 0 2em 0;
}

div#features_large ul li {
	margin: 0;
	padding: 0;
}

	div#features_large li {
		margin: .3em 0;
		border: none;
	}

	div#features_large ul li *, div#features_large ol li * {
		margin: 0;
	}


div#features_large img.right {
	float: left;
	margin: 0 0 10px 0;
        padding: 0;
	border: 3px solid #938248;
}