/*********************************************************************************************
	Project Name: City of Cambridge
	Project URL: http://www.cambridgema.gov
	Description: contains global styles for Cambridge sites
	Date: 15 July, 2010   
	Author: Petra Gregorova (ISITE Design, Inc.)
*********************************************************************************************/


/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body  {background:#fff url(../img/css/bg_body.gif) repeat-x 0 0; font: 62.5%/1.335 Arial, Helvetica, sans-serif; }
    body.doublewide {
        background: #fff;
    }

h1, h2, h3, h4, h5, h6	{ font-weight: bold; margin: 0 0 .25em 0;}

h1	{ color: #8EB655; font-size: 2em; } 	/* 24px */
h2	{ color:#000; clear:both; font-size: 1.5em; text-transform:uppercase; } /* 20px */
h3	{ font-size: 1.5em; } /* 17px */
h4	{ color: #b0d57b; font-size: 1.4em; } 	/* 15px */
h5	{ font-size: 1.2em; } 	/* 12px; */
h6	{ font-size: 1em; } /* 11px; */


/*p, a, a:visited, a:active, a:hover, a:focus, ul, ol, table, input, select, textarea, label, button {font-size:1.2em;}*/

p, .scfIntroBorder, .scfForm .scfIntroBorder  /* usually txt that's not wrapped within <p> */ { font-size:1.1em; margin-bottom: 1em; }
	.scfForm .scfFooterBorder p { font-size:1.2em; }
	
/* get rid of those system borders being generated for A tags */
a:active { outline:none;}

:focus { -moz-outline-style:none;}

input, textarea { border: 1px solid #242323; }
abbr, acronym	{ border-bottom: 1px dotted #999; cursor: help; }

ul, ol 	{ /*font-size:1.2em;*/ margin: 0 0 1em 3em; }
table	{ border-collapse: collapse; }
td		{ border: 1px solid #ccc; padding: .5em;  }
	table.noborder td {border: 0px;}

hr {
	border:0;
	border-top:1px dashed #999;
	height:1px;
	margin:20px 0 25px;
}

/*----------------------------------- Site Structure --------------------*/
#wrapper, #header, #content, #footer-content, #copyright {width:940px;}
#header-content/*, #nav*/ {width:720px;}

/* WRAPPER
-------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	height:auto;
	position:relative;
}

/* HEADER
-------------------------------------------------------------------*/

#header-content {
	background:url(../img/css/bg_header-bottom.gif) no-repeat left bottom; 
	float:left;
	padding-bottom:14px;
	position:relative;
	width:720px;
}
#header-content a {text-decoration:none;}
#header-content ul {font-size:1.1em; font-weight:bold; list-style:none; position:absolute; right:15px; top:.5em;}
#header-content li {display:inline; margin-left:4px;}
#header-content li#alternate-txt {font-weight:normal;}
#header-content li a {margin-right:4px;}
BODY.doublewide #header-content {
    background: #393939;
    height:22px;
}
    BODY.doublewide #header-content UL {
        display: none;
    }

/* search form */
BODY.doublewide #search-form {
    display: none;
}
#search-form {position:absolute; bottom:20px; height:3em;right:15px;}
* html #search-form {bottom:10px;}
#search-form label {line-height:1%;text-indent:-9999em;}
#search-form input, #search-form button {display:inline;}
#search-form input {width:200px;}

button.search {
	background:url(../img/css/btn_search.gif) no-repeat 0 0;
	height:23px;
	text-indent:-9999em;
	width:71px;
}
button:hover.search {background-position:0 -23px;}

#header #brand {
	background:transparent url(../img/css/logo_cambridge-works.gif) no-repeat scroll 0 0;
	display:block;
	height:63px;
	margin-top:18px;
	overflow:hidden;
	text-indent:-9999em;
	width:140px;
}
#header a#crest {
	background:transparent url(../img/css/bg_crest.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:96px;
	overflow:hidden;
	text-indent:-9999em;
	width:220px;
}
* html #header a#crest { height:95px;}

#header a#crest:hover {background-position:0 -96px;}

/* FOOTER
-------------------------------------------------------------------*/
#footer { 
	background:#666666 url(../img/css/bg_footer.gif) repeat-x; 
	border-top:2px solid #a7aaac; 
	clear:both;
	color:#fff; 
}
#footer-content {
	/*clear:both;*/
	margin:0 auto; 
	overflow:hidden;
	padding:26px 0 30px;
}

#footer-content dl {
	float:left;
	margin:0 35px 16px 0;
	width:160px;
}
	#footer-content dl.last {margin-right:0;}
	
#footer-content dl dt {
	color:#B0D57B;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	/*margin:0 0 6px 0;*/
}
#footer-content dl dd {
	font-size:1.2em;
	line-height:1.4em;
	/*margin:0 0 6px 0;*/
}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#9fa199;}

#copyright { 
	border-top:1px solid #5c5f55; 
	font-size:1.2em;
	margin:0 auto; 
	overflow:auto;
	padding-top:1em;
}
#copyright ul {float:left; margin:0 0 25px; position:relative; width:570px;}
#copyright li {color:#9fa199;display:inline;list-style:none;}
#copyright li a {text-decoration:underline;}
#copyright li.copy {/*margin-left:15px;*/position:absolute;
right:0;
width:400px;}
#copyright #languages {float:right; text-align:right;width:250px;}

/* TEMPLATES
-----------------------------------------------------------------------*/
/* two col, secondary on right  */
#content {
	background:url(../img/css/bg_content.gif) repeat-y 0 0;
	border: none;
	float: left;
	margin:0;
	padding:0 0 25px;
	position:relative;
}
* html #content {margin-top:-16px;}

#primary , #secondary, #tertiary {display:inline;}
#primary {
	display: inline;
	float: left;
	margin-top: 30px; /* make room for absolutely position nav */	
	width: 720px;
}

#page-home .online-services LI:nth-of-type(2) A { line-height:16px; }
#primary{float:left; width:715px;}
#page-home #primary {margin:45px 0 0;}

/* three col, secondary on right, tertiary on left  */
.interior #primary { margin-left:185px;width:520px;}
* html .interior #primary { width:510px;margin-left:190px;}
* html .interior.wide #primary {margin-left:5px;width:705px;}
* html .interior.doublewide #primary {
    width: 100%;
    margin-left: 0;
}
#page-city.interior #primary {position:relative;}

.interior #tertiary {margin-left:-705px; padding-top:30px;}
* html .interior #tertiary {margin-left:-700px;}

.interior.wide #primary { margin-left: 0; width:705px; } /* removed margin-left:15px; due to it pushing primary into secondary */
.interior.doublewide #primary {
    margin-left: 0;
    width: 100%;
}

/* primary-----------------------------------------------------------------------*/
#primary .right {margin: 0 0 10px 10px; text-align:right;}
#primary .right p {margin:0;}
#primary img {border:0; padding:4px;}

/* BREADCRUMBS */
ul#breadcrumbs {
	clear:both; 
	display:block;
	float:left; 
	font-size:1.1em;
	margin:15px 0; 
	width:710px;
}
.interior #primary ul#breadcrumbs {margin-left:0; width:520px;}
.interior.wide #primary ul#breadcrumbs {width:705px;}
.interior.doublewide #primary ul#breadcrumbs {width:100%;}

#breadcrumbs li {float:left; list-style:none; margin-right:7px;}
#breadcrumbs li a {margin-right:7px;}

ul.page-actions {
	float:right;
	font-size:1.2em;
	margin:0.5em 0 0 3px;
	/*position:absolute;
	right:240px;
	top:75px;*/
	width:12.25em;
}

ul.page-actions li {list-style:none; text-align:right;}

#primary  h1 {clear:both;}
/*  #page-city #primary h1 {clear:left;width:335px;}
* html #page-city #primary h1 {width:325px;}  */

#primary p {margin-right:25px;}

#alert-wrapper {
	background:#990000 url(../img/css/bg_alert-wrapper.png) repeat;
	clear:both;
	/*height:59px;*/
	margin-bottom:12px;
	overflow:hidden;
	position:relative;
	width:700px;
}
* html #alert-wrapper {padding-bottom:10px;}
*+html #alert-wrapper {padding-bottom:10px;}

#alert-wrapper h1 {
	color:#fff;
	float:left;
	font-size:1.6em;
	font-weight:normal;
	margin:10px 5px 10px 12px;
	text-transform:uppercase;
}
* html #alert-wrapper h1 {margin-left:5px;}

#alert {
	background:#fff url(../img/css/bg_alert.gif) repeat-x 0 100%;
	float:	left;
	margin:10px 10px 10px 5px;
	width:590px;
}
	#alert .date, #alert .time, #alert .intro, #alert .more {
		clear:none;
		display:inline; 
		float:left;
		font-size:1.2em;
		margin:7px 9px;
	}
	#alert .date {margin-right:3px;}
	#alert .time, #alert .intro, #alert .more {margin:7px 0;}
	#alert .intro { margin-left:3px;width:355px;}
	#primary #alert .intro p  {margin-right:0;}
	/** html #alert .intro {width:390px;}
	*+html #alert .intro {width:390px;}*/
	#alert .more {float:right; font-weight:bold; margin-right:9px;}
	* html #alert .more {width:75px;}


/* CAROUSEL 3-col layout */
#carousel-wrapper {
	border:1px solid #b3b4b6;
	clear:both;
	margin-bottom:25px;
	width:520px;
}

#carousel {
	background:url(../img/css/bg_carousel-bottom.gif) no-repeat 0 bottom;
	margin: 0 5px 6px 7px;
	padding-bottom:11px;
	width:510px;
}
* html #carousel {margin-right:0;}

#carousel h1 {color:#fff;margin:5px 0 10px;}

#carousel-inner {
	background:url(../img/css/bg_carousel-top.gif) no-repeat 0 7px;
	color:#fff;
	height:22em;
	overflow:hidden;
	padding:0 13px 0 24px;
	position:relative;
}
* html #carousel-inner {padding-left:20px;}
#carousel-inner img.right{
	position:absolute;
	right:0;
	top:5px;
	width: 316px; height: 212px; display: block; /* added fixed size to prevent bad interaction with tabs */
}
.interior #carousel-inner img.right{ width: 266px;  height: 209px; }
.carousel-content {background:url(../img/css/bg_carousel-content.gif) repeat-x 0 0;width:190px;}
#primary .carousel-content p{margin-right:0;}
.carousel-content a, .carousel-content a:link, .carousel-content a:active, .carousel-content a:visited {color:#afdfe5;}
.carousel-content a:hover {color:#63B3BB;}

.interior .homefeature {
	float:left;
	height:21em;
	margin-top:15px;
	position:absolute; 
	top:0; 
	width:465px;
	z-index:10;
}

#selectionmenu {
	bottom:0;
	height:18px;
	position:absolute;
	right:30px;
	width:150px;
	z-index:100;
}
.interior #selectionmenu { bottom: auto; top: 203px; }
* html #selectionmenu {bottom:-15px;}

#selectionmenu li {list-style:none;}
* html #selectionmenu li { float:left;width:25px;}
*+html #selectionmenu li { float:left;width:25px;}

#selectionmenu a:link, #selectionmenu a:active, #selectionmenu a:visited {
	background:url(../img/css/bg_carousel-slide.png) no-repeat 0 0;
	color:#fff;
	float:left; 
	height:18px;
	margin:0;
	padding:2px 1px 2px 3px;
	text-align:center;
	width:25px;
}
* html #selectionmenu a:link, * html #selectionmenu a:active, * html #selectionmenu a:visited {padding:2px 1px 2px 3px;} 

#selectionmenu .ui-tabs-selected a, #selectionmenu .ui-tabs-selected a:link {color:#D5411F;}
#selectionmenu .ui-tabs-selected a:hover {color:#E17850;}
#carousel .ui-tabs-hide { display: none; }

/* CAROUSEL (home) 2-col layout */
#page-home #carousel-wrapper {width:700px;}
#page-home #carousel {background:url(../img/css/bg_carousel-bottom-wide.gif) no-repeat 0 bottom;width:685px;}
#page-home #carousel h1 {margin-bottom:3px; font-weight: bold; font-size: 1.8em;}
#page-home #carousel-inner {padding: 0px;}
#page-home .carousel-content {width:450px;}

#page-home .homefeature {width:650px;}
#primary #carousel-inner img.right { border:0; padding:0;}
#page-home #carousel-inner img.right  {right:15px; top:20px;}
#page-home #selectionmenu { right:10px;top:215px;}


/* IMAGE GALLERY 
***************************************************************************************/
.photos-wrapper {float:left; height:550px; position:relative; text-align:center;width:520px; margin: 2em 0; }
.photos-wrapper .prev, .photos-wrapper .next {left:0; position:absolute; top:160px;}
.photos-wrapper .next {left:495px;}
.photos a { display: block; /*height: 335px; line-height: 335px;*/ }
.photos a img { display: inline; line-height: 335px; vertical-align: middle; }

#controls {float:right; width:175px;}

ul#photos {clear:none; float:right; margin: 2em 0; height: 420px; overflow: hidden; width:165px; }
	.panes ul#photos {width:85px;}
ul#photos li {border:1px solid #999; display:block;float:left;margin:0 6px 10px 0;  overflow:hidden; position:relative;}
ul#photos li:hover, ul#photos li.selected {border:1px solid #e79520;}
ul#photos li.odd {margin-right:0;}
ul#photos img { border:0; padding:0;}

.photo-caption {margin-top:10px;}
.photo-caption h2, .interior #primary .photo-caption p { display:block; margin:0 auto;width:457px;}
	/*#page-city .photo-caption h2, #page-city .interior #primary .photo-caption p { margin:0;}*/
.photo-caption h2 {color:#666;font-size:2.6em; font-weight:normal;  text-align:left;text-transform:none;}
.photo-caption p {text-align:left;}

.prev, .next { 
	background:url(../img/css/icon-arrows-gallery.gif) no-repeat -2px 0;
	cursor: pointer;
	display:block;
	float:left;
	height:34px;
	text-indent:-9999em;
	width:28px;
}
.next {background-position:-35px 0;}
:hover.next {background-position: -35px -42px;}
:hover.prev {background-position: -2px -42px;}
#controls .photo-navigation {
	clear: both;
	float: none;
	list-style:none; 
	margin: 0 auto;
	padding: 0 20px 0 0;
	text-align: center;
	width: auto;
}
#controls .photo-navigation li { float:left; font-size:1.2em;height:34px;padding:2px;}
#controls .photo-navigation li.prev, #controls .photo-navigation li.next {width:25px;}
#controls .photo-navigation li.next { float: right; }
#primary #controls .photo-navigation a {border:0; padding:0; margin:0;}
#controls .photo-navigation li.page-select				{ padding: 3px 10px; text-align: center; width: 76px; }
#controls .photo-navigation li.page-select span 		{ padding: 3px 4px; }
#controls .photo-navigation li.page-select .current a 	{ color: #999; cursor: default; }


/* FEATURES */
.features, .news, .col {float:left;}
.features, .col {width:385px;}
.features h3, .news h3 {font-size:1.2em;text-transform:uppercase;}
.features p {font-size:1em;}
.features ul, #primary .news ul, #primary ul.resources , .col ul, #primary .col ul {font-size:1.2em; margin-left:0;}
.features li, .news li, .col li {list-style:none;}
.features .recycle, .features .projects, .features .forestry,
.features .the-works, .features .street-cleaning, .features .snow {padding-left:90px;}

.feature-list li { margin-bottom:1em;padding-left:90px;}
.feature-list li p {margin-bottom:0;}


.features h3 {margin-bottom:0;}
.features p a {clear:both; display:block;}

/* COL */
.interior .col {
	border-top:1px solid #a7a9ac; 
	/*padding-top:22px;*/
	padding-right:25px; 
	width:230px;
}
* html .interior .col {padding-right:18px;}
.interior div.col.last { padding:/*22px*/0 0 0 25px;}
* html .interior div.col.last {padding-left:18px; padding-right:0;}
		.interior div.col.wide.last {padding-left:0;}
		
.interior .col h3, .interior .col img {margin-bottom:10px;}
.interior .col li {margin:0;}

.interior .news {font-size:1.2em; margin-left:0;}

.interior.wide .col, .interior .col.right { 
	border-top:0;
	margin-top:25px;
	width:310px;
}
* html .interior.wide .col {width:305px;}
.interior.wide .col {margin-top:0;} 

.interior #primary .col.right { margin: 0 20px 10px 0;text-align:left;}

#primary .col p {margin-right:0;}

/* NEWS */
#page-home .news, .col.right {
	border-left: 2px solid #939598; 
	margin-left:20px;  
	padding-left:20px;
	padding-right:0; 
	width:275px;
}
.col.right {border-width:1px;}

.news h3, .col h3 {margin-bottom:1.3em;}
.news li, .col li {margin-bottom:1em;}

.news h4, .col h4 {font-size:1.2em;margin-bottom:0;line-height: 1.2em;}
/*.news */h4 a:link, /*.news */h4 a:active, /*.news*/ h4 a:visited, 
.col h4 a:link, .col h4 a:active, .col h4 a:visited {color:#d5411f; font-weight:bold;}
/*.news */h4 a:hover, .col h4 a:hover {color:#e17850;}
.news h5, .col h5 {color:#808285; font-size:.9em; font-weight:normal;}
#primary .news li p, #primary .col li p {font-size:.9em;margin-right:0;}


/* PAGINATION */
.pagination {
	overflow:hidden;
	position:relative;
	width:660px;
}

* html .pagination {margin-bottom:15px;}
/* PAGE-COUNT */
#primary p.page-count {float:left;margin-right:25px;}
#primary p.page-count a, #primary p.page-count a:visited {color:#717173; font-weight:bold;}
#primary p.page-count a:hover {text-decoration:underline;}

/* PAGE-SELECT */
#primary p.page-select {
	bottom:0; 
	font-size:1.2em; 
	margin-right:0; 
	/* position:absolute; 
	right:0; */
}
#primary .bottom-pagination p.page-select {
    float:none;
    text-align:center;
    margin-top:2em;
}
* html #primary p.page-select {bottom:-1em;}
.page-select {font-weight:bold;color:#717173;}

/* FAQs */
.faq #primary h2, .panes h2 {
	background:url(../img/css/icon-faq-open.gif) no-repeat 0 0;
	clear:both;
	cursor: pointer;
	font-size:1.2em;
	margin-bottom:20px;
	padding-left:20px; 
	text-transform:none; 
}
	.faq #primary .answer h2 {background: none; padding-left:0px;}
.faq #primary h2.close, .panes h2.close {background:url(../img/css/icon-faq-close.gif) no-repeat 0 0;}
.answer {margin-left:20px;}
.answer ol, .answer ul {margin:0 1.5em 1em 2em;}


/* PROJECTS */
.panes {
	background:#FFF;
    border: 1px solid #ccc;
	height:350px;
	overflow: auto;
    padding: 1em 17px;
}

#primary .panes h1 {
	border:0; 
	color:#666; 
	font-size:2.6em; 
	font-weight:normal;
	margin:5px 0 0;
}
#primary .panes h1 span{border:none;float:left; margin:0 0 5px; width:auto; }

.panes h1 a:link.prev, .panes h1 a:visited.prev, .panes h1 a:link.next, .panes h1 a:visited.next {
	background:url(../img/css/icon-arrows-large.gif) no-repeat 0 0;
	display:block;
	float:left;
	height:15px;
	margin:12px 7px 0 7px;
	overflow:hidden;
	text-indent:-9999em;
	width:13px;
}
.panes h1 a:link.next, .panes h1 a:visited.next {background-position:-13px 0;  }
.panes h1 a:hover.prev {background-position:0 -15px;}
.panes h1 a:hover.next {background-position:-13px -15px;}

.panes hr {
	clear:both;
	color:#CCC;
	margin:0 0 10px;
}

.panes ul{clear:both;list-style:none; margin:0;}
.panes li {padding:7px 5px 0px;}
.panes li.last {margin-bottom:0;}
.panes li.even {background-color:#DFECF4;}

#page-calendar .panes h2 {background:0; margin:0; padding-left:0;}

#page-home .calendar { background: url(../img/css/bg_calendar.gif) no-repeat 0 2px; padding-left: 60px; }
#page-home .calendar h2 { font-size: 2em; color: #830009; margin-bottom: 0px;} 
#page-home .calendar h3 { color: #bc500d; }

/* --- tabs --- */
#content ul.tabs, #content ul.tabs-calendar {
	border-bottom:0;
	clear:both;
    list-style: none;
    margin: 1.5em 0 0;
	overflow:hidden;
}
	#content .panes ul { list-style: disc; }

.tabs li, .tabs-calendar li {float:left;margin: 1px 5px 0 0;}
* html .tabs li, * html .tabs-calendar li {margin-right:0;}

/* off state - left border */
.tabs a, .tabs a span, 
.tabs-calendar a, .tabs-calendar a span {
    background: url(../img/css/bg_tabs.gif) no-repeat;
	color: #000;
	display:block;
    padding: 0 10px 0 0;
}
* html .tabs a, * html .tabs a span,
* html .tabs-calendar a, * html .tabs-calendar a span { padding-right:0;}

/* off state - right border */
.tabs a, .tabs a:active,.tabs a:focus, .tabs a:visited,
.tabs-calendar a, .tabs-calendar a:active,.tabs-calendar a:focus, .tabs-calendar a:visited {
	background-position: 100% -60px;
	font-size:1.2em;
	font-weight:bold;
    line-height: 1.2;
    padding-left: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    z-index: 2;     
}
* html .tabs a, * html .tabs a.current,* html .tabs a:visited.current, * html .tabs a:hover,
* html .tabs-calendar a, * html .tabs-calendar a.current,* html .tabs-calendar a:visited.current, * html .tabs-calendar a:hover {float:left;}

.tabs a span { padding: 6px 0 4px 10px; }
.tabs-calendar a span { padding: 10px 0 8px 10px; }

* html .tabs a span, * html .tabs a span {float:left;height:1.2em;padding-left:15px;}
*+html .tabs-calendar a span, *+html .tabs-calendar a span {height:1.2em;}
* html .tabs a {margin-right:3px;}
* html .tabs a span, * html .tabs-calendar a, * html .tabs-calendar a span { margin-right:7px;}

/* on state - left border */
.tabs a.current span, .tabs a:hover span, 
.tabs-calendar a.current span, .tabs-calendar a:hover span { 
    background-position: 0 -125px;
	color: #fff; 
	text-decoration: none; 
}
.tabs a.current,.tabs a:visited.current, .tabs a:hover,
.tabs-calendar a.current,.tabs-calendar a:visited.current, .tabs-calendar a:hover { background-position: 100% -186px;}
* html .tabs a.current, * html .tabs-calendar a.current {background-position:100% -186px;}
*+html .tabs a.current, * html .tabs-calendar a.current {background-position:100% -186px;}
.tabs a.current, .tabs a:hover, .tabs a:focus, .tabs a:active,
.tabs-calendar a.current, .tabs-calendar a:hover, .tabs-calendar a:focus, .tabs-calendar a:active {
	outline: 0;
	color:#fff;
}


/* @ Opera, use pseudo classes otherwise it confuses cursor... */
.tabs a.current, .tabs a:visited.current,
.tabs-calendar a.current, .tabs-calendar a:visited.current { cursor: text; }
/* @ Opera, we need to be explicit again here now... */
.tabs a:hover, .tabs a:focus, .tabs a:active,
.tabs-calendar a:hover, .tabs-calendar a:focus, .tabs-calendar a:active  { cursor: pointer; }

/* photos */
#photos 	{ clear: both; margin:15px 0 0 0; overflow: hidden; }
#photos li 	{display:block; float: left; margin-right: 8px; overflow: hidden;position:relative;}
#primary #photos li img { border: none; cursor: pointer; padding: 0; }
.panes .photo-navigation a { cursor: pointer; }
.panes #photos li img { border: none; padding: 0; }


/* SECONDARY
-----------------------------------------------------------------------*/
#secondary {
	display: inline;
	float: right;
	margin:0 9px 0 0;
	padding:10px 0 25px;
	width: 204px;
}
* html #secondary {width:162px; padding-left:7px;}
/** html .callout {width:150px;}
* html .callout select{width:150px;}*/

#secondary h2, #tertiary h2  {
	border-bottom:2px solid #9ca4a9;
	margin:16px 0 15px;
	padding-bottom:5px;
}
* html #secondary h2 {width:200px;}

#tertiary h2  {border-bottom:1px solid #a7a8ab; margin-bottom:10px;}
#tertiary h2 a {color:#000; text-decoration:none;}
#tertiary h2 a:hover {color:#9FA199;}

	#secondary h2 span {text-transform:none;}

#secondary h3 {font-size:1.2em;text-transform:uppercase;}
#secondary h4 {
	color:#000;
	font-size:1.2em;
	text-transform:uppercase;
}
#secondary p a {font-size:1.1em; text-decoration:none;}

/* CALLOUT */
#secondary .callout {
	background:#373b30;
	border:5px solid #fff;
	color:#fff;
	margin-bottom:10px;
	padding:13px;
	position:relative;
	width:170px;
}
* html #secondary .callout {}
#secondary .callout a, .callout a:active, .callout a:visited {color:#D5411F;}
#secondary .callout a:hover {color:#63B3BB;}

#secondary .callout p.help {font-weight:bold; position:absolute; right:18px; top:44px; z-index:200;}

	#secondary .callout h3 {color:#B0D57B; font-size:2em; text-transform:none; position:relative;}
	#secondary .callout h3 span  {color:#fff; font-size:.6em;}
	#secondary .callout h3 span.sIFR-alternate span {}

/* CALLOUT FORM ELEMENTS */
.callout h3.help, .callout h3.faqs, .callout h3.volunteer {margin-bottom:0;text-indent:-9999em;}
.callout h3.help {background:url(../img/css/h3_how-can-we-help-you.gif) no-repeat 0 0; height:2.2em; }
.callout h3.faqs {background:url(../img/css/h3_faqs.gif) no-repeat 0 0;}
.callout h3.volunteer {background:url(../img/css/h3_volunteer.gif) no-repeat 0 0;}

.callout ol {list-style:none; margin:0;}
.callout label {line-height:1%; margin:0 0 3px 0;text-indent:-9999em; }
*+html .callout label {margin-bottom:-7px; }
.callout select {font-size:1.2em;width:165px;}
.callout img {margin:0;}

/* VCARD */
.vcard {font-size:1.2em;} 
.vcard strong {clear:left; float:left; text-transform:uppercase;}
.vcard .adr {display:block;}	
.vcard .type {margin-right:5px;}
.vcard abbr {border:0;}



/* TERTIARY */
#tertiary {
    float: left;
	width: 160px;
}

#tertiary ul {font-size:1.2em;list-style:none; margin-left:-10px; }
* html #tertiary ul {margin-left:0;}
#tertiary li {margin-bottom:0.5em;padding-left:10px;}
#tertiary li a {text-decoration:none;}
#tertiary li.active {background:url(../img/css/bullet-tertiary.gif) no-repeat 0 6px;}
#tertiary li.active a {color:#000; font-weight:bold;}

#tertiary ul ul {font-size:1em; margin-left:10px;}
#tertiary ul ul a:hover {color:#9FA199;}
#tertiary ul ul li { padding-left:0;}
	#tertiary ul li.active ul a{ font-weight:normal;}
		#tertiary ul li.active ul li {padding-left:10px;}
		#tertiary ul li.active ul li.active a{ font-weight:bold;}

#tertiary .callout {
	background:#c4dde9; 
	margin-bottom:10px; 
	overflow:hidden; 
	text-align:center;
	width:160px;
}
#tertiary .callout h3, #tertiary .callout p {margin:10px; text-align:left;}
#tertiary .callout h3 {line-height:1.1em; margin-bottom:0;}
#tertiary .callout p {margin-top:0;}
#tertiary .callout img {border:4px solid #fff; display:block; margin:5px auto;}

/* CALENDAR 
----------------------------------------------------------------------------*/
#tertiary .block-calendar {
	border:1px solid #999;
	margin-bottom:15px;
	padding:3px;
	width:154px;
}
.block h4 { 
	background:url(../img/css/bg_h4-calendar.gif) repeat-x 0 100%; 
	color:#fff;
	float:left;
	padding:3px 0 4px;
	text-align:center;
	text-transform:uppercase;
	width:154px;
}
.block h4 span { float:left; width:100px;}
.block a:link.prev, .block a:visited.prev, .block a:link.next, .block a:visited.next {
	background:url(../img/css/icon-arrows.gif) no-repeat 0 0;
	display:block;
	float:left;
	height:10px;
	margin:3px 0 0 7px;
	overflow:hidden;
	text-indent:-9999em; 
	width:15px;
}
.block a:hover.prev, .block a:hover.next {background-position: 0 -10px;}
.block a:link.next, .block a:visited.next { background-position: -15px 0;float:right; margin-right:7px;}
* html .block a:link.prev {margin-left:3px;}
* html .block a:link.next {margin-right:3px;}
.block h4 a:hover.next {background-position: -15px -10px;}
table.calendar, table.calendar thead {border:0; width:154px;}
table.calendar tr {background:none;}
table.calendar 	{ background: #fff; clear:both; margin: 0 auto; }
table.calendar th,
.ajax__calendar_container thead td	{ background: #fff; border: none; }
table.calendar th {color:#000; height:25px;padding: 0; text-align:center; text-decoration:none;}
	table.calendar th.first, table.calendar th.last { background:0;}
table.calendar a, table.calendar a:active, table.calendar a:visited { color:#fff;font-weight: bold; }
table.calendar a:hover {color:#999;}
table.calendar td {
	background:#636363; 
	border:1px solid #808080;
	color:#ccc; 
	font-size:1em;
	padding:.3em 0; 
	text-align:center; 
}
table.calendar td.off-month {background:#999; }
table.calendar td.on			{ background:#e69420 url(../img/css/bg_h4-calendar.gif) repeat-x 0 100%; color:#fff; }
table.calendar td.empty			{ background: #e8e8df ; }
table.calendar td.alert			{ background: #ffd0d0; }

#tertiary .block-calendarfilter { padding-bottom:1px;position:relative;}
#tertiary input {width:154px;}
#tertiary select {clear:both; margin-bottom:10px;width:160px;}

body:nth-of-type(1) table.calendar th {padding:0.3em 0;}

/* GLOBAL NAVIGATION 
*************************************************************************/
ul.nav, #nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav ul {
	float:left;
	height: 28px;
	left:0;
	position: absolute;
	top:95px;
}
* html #nav ul {top:92px;}

#nav ul a {
	background: url(../img/css/bg_nav.png) no-repeat 0 0;
	display:block;
	float:left;
	height:28px;
	position:relative;
	text-decoration:none;
	text-indent:-9999em;
	width:auto;
}

#nav ul li {
    display: block;
	float: left;
	height:28px;
	position:relative;
	width: auto;
}


#nav .nav-services {background-position: 0 0; width:134px;}
#nav .nav-city {background-position: -134px 0; width:131px;}
#nav .nav-green {background-position: -265px 0; width:135px;}
#nav .nav-permits {background-position: -400px 0; width:207px;}
#nav .nav-contact {background-position: -607px 0; width:113px;}

/* hover states */
#nav .nav-services:hover {background-position: 0 -30px; }
#nav .nav-city:hover {background-position: -134px -30px; }
#nav .nav-green:hover {background-position: -265px -30px; }
#nav .nav-permits:hover {background-position: -400px -30px; }
#nav .nav-contact:hover {background-position: -607px -30px;}

/* active states */
#page-services #nav .nav-services {background-position: 0 -30px;}
#page-city #nav .nav-city {background-position: -134px -30px; }
#page-green #nav .nav-green {background-position: -265px -30px; }
#page-permits #nav .nav-permits {background-position: -400px -30px;}
#page-contact #nav .nav-contact {background-position: -607px -30px;}

/* MEDIUM DEPARTMENTS SHELL MAIN NAVIGATION */
.med-shell #nav {
	background:url(../img/css/bg_nav-right-corner.gif) no-repeat 100% 0; 
	height:31px; 
	padding-right:12px; 
	width:708px;
}
.med-shell #nav ul a {
	background:url(../img/css/bg_nav-med-shell.png) repeat-x 0 0; 
	color:#fff; 
	font:bold 1.4em/160% Arial,Helvetica,sans-serif;
}
.med-shell #nav .nav-about {background-position: -63px 0; width:88px;}
.med-shell #nav .nav-services {background-position: -151px 0; width:172px;}
.med-shell #nav .nav-faq {background-position: -323px 0; width:51px;}
.med-shell #nav .nav-links {background-position: -374px 0; width:120px;}
.med-shell #nav .nav-gallery {background-position: -494px 0; width:116px;}
.med-shell #nav .nav-contact {background-position: -610px 0; width:98px;}
.med-shell #nav .nav-cpa-overview {background-position: -712px 0; width:90px; }
.med-shell #nav .nav-cpa-affordable-housing {background-position: -803px 0; width:159px;}
.med-shell #nav .nav-cpa-open-space {background-position: -963px 0; width:110px;}
.med-shell #nav .nav-cpa-historic-preservation {background-position: -1075px 0; width:176px;}

/* hover states */
.med-shell #nav .nav-about:hover {background-position: -63px -31px;}
.med-shell #nav .nav-services:hover {background-position: -151px -31px;}
.med-shell #nav .nav-faq:hover {background-position: -323px -31px; }
.med-shell #nav .nav-links:hover {background-position: -374px -31px;}
.med-shell #nav .nav-gallery:hover {background-position: -494px -31px; }
.med-shell #nav .nav-contact:hover {background-position: -610px -31px;}
.med-shell #nav .nav-cpa-overview:hover {background-position: -712px -31px;}
.med-shell #nav .nav-cpa-affordable-housing:hover {background-position: -803px -31px;}
.med-shell #nav .nav-cpa-open-space:hover {background-position: -963px -31px;}
.med-shell #nav .nav-cpa-historic-preservation:hover {background-position: -1075px -31px;}

/* active states */
#page-about.med-shell #nav .nav-about {background-position: -63px -31px; }
#page-services.med-shell #nav .nav-services {background-position: -151px -31px;}
#page-faq.med-shell #nav .nav-faq {background-position: -323px -31px; }
#page-links .med-shell #nav .nav-links {background-position: -374px -31px;}
#page-gallery.med-shell #nav .nav-gallery {background-position: -494px -31px; }
#page-contact.med-shell #nav .nav-contact {background-position: -610px -31px;}

/* PRIMARY SUBNAVIGATION */
#nav .subnav, #nav .subnav.short, #nav .subnav.short.contact {
	background: url(../img/css/bg_subnav-top.png) no-repeat 0 0;
	font-size:1.2em;
	height:auto;
	padding:11px 0;
	position:absolute;
	left:-9999em;
	top:28px;
	width:327px;
	z-index:100;
}
* html #nav .subnav, * html #nav .subnav.short, * html #nav .subnav.short.contact  {height:15px;}
*+html #nav .subnav, *+html #nav .subnav.short, *+html #nav .subnav.short.contact  {height:15px;}
#nav .subnav.short, #nav .subnav.short.contact {
	background: url(../img/css/bg_subnav-short-top.png) no-repeat 0 0; 
	width:165px;
}
#nav .subnav.short.contact {background: url(../img/css/bg_subnav-short-contact-top.png) no-repeat 0 0; }
	#nav .subnav ul.subnav-inner, #nav .subnav.short ul.subnav-inner, #nav .subnav.short.contact ul.subnav-inner {
		background:url(../img/css/bg_subnav-bottom.png) no-repeat 0 100%;  
		height:auto;
		margin:0;
		padding:0 0 0 15px;
		/*position:absolute;*/
		top:22px;
		width:315px;
	}
	#nav .subnav ul.subnav-inner{height:13em;}
	
	#nav .subnav.short ul.subnav-inner, #nav .subnav.short.contact ul.subnav-inner {background:url(../img/css/bg_subnav-short-bottom.png) no-repeat 0 100%; width:165px;}	
	* html #nav .subnav.short ul.subnav-inner, * html #nav .subnav.short.contact ul.subnav-inner {padding-bottom:7px; height:auto;}
	*+html #nav .subnav.short ul.subnav-inner, *+html #nav .subnav.short.contact ul.subnav-inner {padding-bottom:7px;}
	
	/* hover state --> display subnavigation */	
	*+html #nav ul li:hover { height:1%; }
	#nav ul li:hover .subnav, #nav ul li.over .subnav { left: 0; z-index:200; }
	
	#wrapper #nav ul li:hover .contact, #wrapper #nav ul li.over .contact{left:-52px;}
	/** html #nav ul li.over .subnav.short.contact {left:-50px; }	
	*+html #nav ul li.over .subnav.short.contact {left:-50px; }	*/
	
	#nav .subnav ul.subnav-inner li {margin:0 2% 0 0;  width:45%; }
	#nav .subnav.short ul.subnav-inner li, #nav .subnav.short.contact ul.subnav-inner li {width:135px;}
	#nav .subnav ul.subnav-inner ul { top:0; width:100%; }
	#nav .subnav ul.subnav-inner ul li { width:100%;}
	#nav .subnav ul.subnav-inner ul a, #nav .subnav.short ul.subnav-inner li a{
		background:none;
		height:auto;
		float:none;
		text-indent:0;
	}
	#nav .subnav ul.subnav-inner li ul li {height:auto;margin-bottom:5px;}
	#nav .subnav.short ul {width:100%;}
		#nav .subnav.short ul.subnav-inner li {
			background: none;
			clear:both; 
			height: auto;
			line-height: 1.335;
			margin: 0 0 7px 0;
			position: static;
		}
		#nav .subnav ul.subnav-inner li a {
			background: none;
			color:#000;
			font-size:.9em;
			height: auto;
			line-height:1.335;
			position: static;
			text-indent: 0;
		}	 
			#nav .subnav ul li a:hover { text-decoration: underline; }


/* SECONDARY NAVIGATION */
#secondary #nav {
    height: auto;
	position: relative;
	top: 0;
}
#secondary #nav a, #secondary #nav li {
	float: none;
	padding: 0;
}
/**/

/*----------------------------------- Type, Links and Lists----------*/
a, a:link, a:active, a:focus, a:visited { color: #d5411f;  }
a:hover, a:focus 	{ color: #e17850; }
#primary a, #primary a:visited {text-decoration:none;}

a.reg {font-size:1em;}
a.med {font-size:1.4em;}
a.large {font-size:1.7em;}
a.more, #primary a.more, #footer a.more {text-decoration:underline;}

.pdf, .doc, .docx, .ppt, .pptx, .xls, .xlsx, .flash, .gif, .jpg, .png, .misc, .rss, .external {
	background:url(/styles/images/icon-pdf.png) no-repeat 50% 0;
	display:block;
	height:24px;
	overflow:hidden;
	text-indent:-9999em;
}
.document.pdf {background-image:url(/styles/images/icon-pdf.png);}
.doc, .docx, .document.doc, .document.docx {background-image:url(/styles/images/icon-word.png);}
.ppt, .pptx, .document.ppt, .document.pptx {background-image:url(/styles/images/icon-powerpoint.png);}
.xls, .xlsx, .document.xls, .document.xlsx {background-image:url(/styles/images/icon-excel.png);}
.flash, .document.flash {background-image:url(/styles/images/icon-flash.png);}
.gif, .document.gif {background-image:url(/styles/images/icon-gif.png);}
.jpg, .document.jpg {background-image:url(/styles/images/icon-jpg.png);}
.png, .document.png {background-image:url(/styles/images/icon-png.png);}
.misc {background-image:url(/styles/images/icon-misc.png);}
.rss, .document.rss {background-image:url(/styles/images/icon-rss.png);}
.external {background-image:url(/styles/images/icon-online.png);}
a.pdf, a.doc, a.docx, a.ppt, a.pptx, a.xls, a.xlsx, a.flash, a.gif, a.jpg, a.png, a.misc, a.external { 
	background-position: 0 0; 
	padding-left:30px;
	text-indent:0;
}

/*document detail page icons */

#primary ul.doc-related-links {
	list-style:none;
	margin:0px;
}

.doc-related-links a {
	padding: 0px 0px 5px 30px;
	display:inline-block;
	text-indent:0;
	height:24px;
	overflow:visible;
	background:url(/styles/images/icon-misc.png) no-repeat 0 0;
}
.main-link a {
	text-indent:0;
	display:inline-block;
}

/* DOCUMENTS within .panes */
form .panes ul.publications, form #primary .panes ul.publications {margin-left:0;}
form .panes .clearBG li {background-color: #FFFFFF !important;}
form .panes ul.publications li {line-height:160%;}
.panes .pdf, .panes .doc, .panes .docx, .panes .ppt, .panes .pptx, .panes .xls, .panes .xlsx, .panes .flash, .panes .gif, .panes .jpg, .panes .png, .panes .misc {
	background-position: 0 0.3em;
	height:auto;
	padding-left:30px;
	text-indent:0;
}

a#brand {
    background: #eee;
	display: block;
	height: 70px;
	text-indent: -9999em;
	width: 70px;
}

#primary ul, #primary ol 	{ font-size:1.1em; margin-left:2.2em; /* 1.5em */ }
#primary ol 				{ margin-left: 2.2em; }
* html #primary ol 			{ margin-left: 2.6em; }
*+html #primary ol 			{ margin-left: 2.6em; }

#primary ul.bullets li {background:url(../img/css/bullet-tertiary.gif) no-repeat 0 6px; padding-left:10px;}

.interior ul.reports li { 
	background: #ae2b1a; /* Old browsers */
	background: -moz-linear-gradient(top,  #ae2b1a 0%, #8f1309 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae2b1a), color-stop(100%,#8f1309)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ae2b1a 0%,#8f1309 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ae2b1a 0%,#8f1309 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ae2b1a 0%,#8f1309 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ae2b1a 0%,#8f1309 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae2b1a', endColorstr='#8f1309',GradientType=0 ); /* IE6-9 */	
	margin:0 0 15px 0;
	padding: 0 0 -0 40px;
	position:static;
	display:block;
	height: 95px;
	width: 270px;
}

ul.reports li div {
	height:75px;
	background-color:#ebebeb;
	padding: 10px;
}
ul.reports li h4 {
	background: transparent url(../img/css/icon-report.png) 11px 0 no-repeat;
	margin-left:-50px;
	padding-left:50px;
	min-height:20px;
}

/*---------------------------------- Site Map --------------------*/
.sitemap ul {
	list-style: none;
	margin: 0;
}
	.sitemap li 		{ line-height: 1.7; padding: 0 0 0 24px; position: relative; }
	* html .sitemap li	{ height: 1%; }
	#primary .sitemap ul ul { font-size:1em;margin-left: 0; }
	.sitemap a {
		font-size: 1.2em;
		font-weight: bold;
	}
		.sitemap ul ul a { font-weight: normal; }
		
.sitemap a.off {
	background: transparent url(../img/css/icon-faq-open.gif) 0 0 no-repeat;
	border: none !important;
	display: block;
	float: none;
	height: 17px;
	margin: 2px 6px 0 0;
	overflow: hidden;
	position: absolute; left: 0; top: 0;
	text-indent: -999em;
	width: 16px;	
}
	*+html .sitemap a.off 	{ top: -2px; }
	.sitemap a.on 			{ background-image: url(../img/css/icon-faq-close.gif); }		


/*---------------------------------- Navigation --------------------*/

ul#nav, ul.nav {
    list-style-type: none;
    margin: -1px 0 20px;
    padding: 0;
}


/*---------------------------------- TABLE --------------------*/
table, thead {
	border: 1px solid #999;
}
	table.noborder, .noborder thead {border: 0px;}
td, th {
	font-size: 1.1em;
	padding: 3px;
}
/* thead tr { background: url(../img/css/bg_table-th.gif) repeat-x 0 0; } */

th {
	/*background: url(../img/css/bg_table-th-border.gif) no-repeat-y 0 0;*/
	color:#fff;
	font-weight: bold;
	/* height:34px; */
	padding: 6px 18px 4px;
	text-align:left;
	border: 1px solid #999;
	background: #333;
}
	table.noborder th {border: 0px;}
* html th {padding: 0 18px 0;}
*+html th {padding: 0 18px 0;}

/* th.first, th.last {background: url(../img/css/bg_table-th-border.gif) repeat-y 0 0; }
* html thead th.first {background: url(../img/css/bg_table-th-ie.gif) repeat-x 0 0;}
*+html thead th.first {background: url(../img/css/bg_table-th-ie.gif) repeat-x 0 0;}
* html thead th.last {background: url(../img/css/bg_table-th-right-ie.gif) repeat-x 100% 0;}
*+html thead th.last {background: url(../img/css/bg_table-th-right-ie.gif) repeat-x 100% 0;} */

table.sortable {width:660px;}
.sortable td {
	border:0;
	padding: 4px 18px 3px;
}

.sortable tr.odd {background: #dbeaf1;}

.sortable th { cursor: pointer;}
#primary .sortable th a:link {color:#FFF; text-decoration: underline;}
#primary .sortable th a:visited {color:#fff; text-decoration: underline;}

TABLE > CAPTION { display:none; }

/*----------------------------------- Forms -------------------------*/

fieldset ul, fieldset ol {list-style-type: none;}
fieldset ol {margin-left:0;}

legend {font-size:1.5em;font-weight:bold; margin:0 0 15px 0;}
* html legend {margin-left:-7px;}
*+html legend {margin-left:-7px;}

label {font-size:1.2em; font-weight:bold;}
input, select, textarea, label, button {
    display: block;margin-bottom:5px;
}

input, select, textarea {
	border:1px solid #c7c9cb; 
	margin-bottom:8px;
	padding:2px 3px;
}
* html input, * html select, * html textarea {margin-bottom:0; z-index:0;}
* html input{margin:0 5px 5px 0;}
*+html input{margin:0 5px 5px 0;}

input[type=hidden] { border: none; padding: 0; }

button {
	color:#fff;
	font-weight:bold;
    cursor: pointer;
}

/* sitecore form overrides */
.scfForm {
font-size:1.2em;
}

.scfSectionBorderAsFieldSet { border:0 !important; margin:0 !important;}
/* div around form elements */
.scfDropListBorder, .scfEmailBorder, .scfMultipleLineTextBorder, .scfSingleLineTextBorder, .scfPasswordBorder, .scfNumberBorder, .scfDateBorder, .scfRadioButtonListBorder, .scfListBoxBorder, .scfCheckBoxListBorder, .scfFileUploadBorder, .scfDateSelectorBorder, .scfCreditCardBorder, .scfConfirmPasswordBorder, .scfCaptchaBorder {overflow:hidden;}

/* form fields */
.scfEmailTextBox, .scfSingleLineTextBox, .scfPasswordTextBox, .scfNumberTextBox, .scfDateTextBox, .scfRadioButtonList, .scfListBox, .scfCheckBoxList, .scfFileUpload, .scfCreditCardTextBox, .scfCreditCardType, .scfConfirmPasswordTextBox , .scfCheckBoxListLabel {font-size:1.2em;}

/* gray info below fields */
.scfForm .scfDropListUsefulInfo, .scfForm .scfEmailUsefulInfo, .scfForm .scfMultipleLineTextUsefulInfo, .scfForm .scfSingleLineTextUsefulInfo, .scfForm .scfPasswordUsefulInfo, .scfForm .scfNumberUsefulInfo, .scfForm .scfDateUsefulInfo, .scfForm .scfRadioButtonListUsefulInfo, .scfForm .scfListBoxUsefulInfo, .scfForm .scfCheckBoxListUsefulInfo, .scfForm .scfFileUploadUsefulInfo, .scfForm .scfDateSelectorUsefulInfo, .scfForm .scfCreditCardTextUsefulInfo, .scfForm .scfConfirmPasswordUsefulInfo, .scfForm .scfCaptchaUsefulInfo, .scfCheckboxBorder .scfCheckboxUsefulInfo  {color: #9e9e9e; font-weight:normal; padding:0; font-size: 1.2em;}

/* date - select fields */
.scfForm .scfDateSelectorDay, .scfForm .scfDateSelectorMonth, .scfForm .scfDateSelectorYear {float:left; margin-right:2px; width:32%;}
.scfDropListBorder .scfListBox, .scfDropListBorder .scfDropList, .scfDateSelectorLabel, .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelMonth, .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelDay, .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelYear, .scfDateSelectorGeneralPanel .scfDateSelectorMonth, .scfDateSelectorGeneralPanel .scfDateSelectorDay, .scfDateSelectorGeneralPanel .scfDateSelectorYear {margin:0; font-size:1.2em;}

/* checkbox */
.scfForm .scfCheckboxBorder  {margin-left:215px; width:auto;}
	.scfCheckbox input, .scfCheckbox label {display:inline; font-weight:normal;}
	.scfCheckbox input {margin-right:5px;}

/* radio */
.scfRadioButtonList, .scfRadioButtonList td, .scfCheckBoxList, .scfCheckBoxList td {border:0;}
.scfRadioButtonList input, .scfCheckBoxList input, 
.scfRadioButtonList label, .scfCheckBoxList label { display:inline;font-size:.8em; font-weight:normal; margin-bottom:8px;}
	.scfRadioButtonList input, .scfCheckBoxList input {margin-right:5px;}

.scfForm .scfSectionUsefulInfo { float:left; font-size:1.2em; margin-bottom:.75em;}
	.scfSectionBorderAsFieldSet legend {font-size:1.5em;margin:0 0 /75em 0; padding:0;}

#wrapper .scfSubmitButton, #wrapper .scfSubmitButtonBorder INPUT[type='submit']{ background: #c83d1c url(../img/css/btn_bg.png) 0 0 repeat-x; color:#FFF;font-weight:bold;margin:0 auto;font-size:1.75em;padding:5px 7px;}
#wrapper .scfSubmitButton:hover, #wrapper .scfSubmitButtonBorder INPUT[type='submit']:hover { background-color: #812310; background-position: 0 -200px; }
#wrapper .scfTitleBorder {
	border: none;
	clear: both;
	color: #8EB655;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: .25em;
}

/* captcha */
.scfCaptchaGeneralPanel table, .scfCaptchaGeneralPanel td {border:0;}
.scfCaptchaGeneralPanel .scfCaptchaLimitGeneralPanel, .scfCaptchaGeneralPanel .scfCaptchStrongTextPanel, .scfCaptchStrongTextPanel .scfCaptchaTextBox {width:auto;}

#wrapper .scfSectionLegend { float:left; margin:15px 0 .5em;text-transform: none; }
	*+html #wrapper .scfSectionLegend {margin-left:-7px;}
.scfSectionContent label { font-weight:normal;}
.scfSectionContent input.scWfmPassword { font-size:1.2em;}
.scfSectionContent textarea,.scfSectionContent input { font-family:Arial,Helvetica,Verdana,sans-serif; font-size:1.2em;}


/* checkboxes * radio buttons */
* html .scfRadioButtonList input, * html .scfCheckBoxList input, * html .scfCheckbox input {border:0; float:left;}
*+html .scfRadioButtonList input, *+html .scfCheckBoxList input, *+html .scfCheckbox input {border:0;float:left;}

.scf-page #wrapper #primary { margin-left: 0; }

/* WHAT ARE YOU LOOKING FOR (Permits & Documents Page)*/
#looking-for {border-bottom: 1px solid #999; margin:30px 45px 15px 0;}
#primary #looking-for ol {margin-left:0;}
#looking-for li {float:left; margin-right:7px;}
#looking-for select, #looking-for input {width:180px;}
#looking-for li p {margin-right:0;text-align:right;}
* html #looking-for li p {margin-right:10px;}
*+html #looking-for li p {margin-right:10px;}

#looking-for ol { margin: 0; }
#looking-for button{ margin: 1.5em 0 1em 0; }

/* .NET hidden form fields */
#wrapper input[type=hidden], input#__VIEWSTATE {border: none; margin:0; padding:0;}

/*----------------------------------- Randoms/dev utility styles ---*/

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
.column {
    float: left;
	width: 45%;
	margin-right: 2%;
}

.hide			{ display: none; }
.left 			{ float: left; margin: 10px 5px 10px 0; }
#page-home #carousel .left 	{ float: left; margin: 0px; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }
.error, .red, span.scfRequired 	{ color: #d5411f; }
	span.scfRequired 	{ float:left; margin-left:10px; }

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }


/*************************************************************************************
                  SITECORE - Page Edit Mode
*************************************************************************************/
.scLooseFrameZone {clear:both; width:100%;}

/*************************************************************************************
                  sIFR
*************************************************************************************/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:*/
  .sIFR-active #secondary .callout h3 {
    font-family: Verdana;
	margin-bottom:-.25em;
    visibility: hidden;  
  }
  
}

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
	
/* IE */
* html .group {height: 1%;}
*:first-child+html .group {min-height: 1px;}

/* PNG fix */

* html #selector { /* for IE<6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/image.png'); background-image: none; background-repeat: no-repeat; background-color: transparent;
	}