/*--------- Color dictionary ----------
	Text: #4b494a;
	Orange: #fe5b03;
	Link-blue: #43758f;
	Gray: #696768;
---------- */

/*********************************************************
* 																		TABLE OF CONTENTS
*********************************************************

General
	Elements
		Headings
		Links
		Lists
		Forms & Inputs
		Paragraphs
		Tables
	Classes
Layout
Layout dependent
Menus
	Primary
	Secondary
Specific
	Forms
	Headings
	Links
	Lists
	Tables
Layout pieces
	Classes
	IDs
Pages
*/

/*********************************************************
												***** LEARN, BUT DON'T STEAL! *****
*********************************************************/


@import url('reset.css');
@import url('general.css');


/*------------ LAYOUT ------------*/
	#wrap {
		background:transparent url('../images/proc-top-bg.jpg') 0% 0% no-repeat;
	}
	
	.aside,
	#aside {
		float:left;
		width:230px;
		padding-right: 30px;
	}
	
	#aside {
		font-family: 'Trebuchet MS',Sans-serif;
	}
	
	.bside,
	#bside {
		float:right;
		width:635px;
	}

	#head {
		height:170px;
		width:915px;
		padding:50px 0px 0px 45px;
		text-align:left;
		font-family: 'Lucida Grande','Trebuchet MS',Sans-serif;
	}
	
		#head .logo {
			text-decoration:none;
			text-transform: uppercase;
			float:left;
			padding-bottom: 5px;
		}
		
			#head .logo * {
				color:#404040;
			}
		
			#head .logo:hover em {
				text-decoration:underline;
			}
			
			#head .logo .p {
				font-size:1.2em;
				line-height:0.82em;
			}
			
			#head .logo strong {
				font-size:1.8em;
				line-height:1em;
			}
			
			#head .logo em,
			#head #go-home {
				font-size:1.1em;
				line-height:1.5em;
				text-transform: none;
				font-style: normal;
				color: #6b6b6b;
			}
		
		#head .go-home {
			background:transparent url('../images/bended-uarr.gif') 0 50% no-repeat;
			font-size:1.2em;
			padding-left:10px;
			color:#555;
		}
			
		#head .extra-nav {
			float:right;
			font-size:1.2em;
		}
		
		#head .extra-nav form {
			background: transparent none;
		}
		
		#head .extra-nav a {
			color: #666;
		}
		
		#head form.search {
			margin:0px;
			padding-right:18px;
			padding-left:5px;
			width:189px;
			height:32px;
			display:inline;
		}
		
		#head .search label {
			padding-right:10px;
		}
		
		#head .search .textfield {
			width:134px;
			border:1px solid #bfbfbf;
			padding:0px;
			margin:0px;
			line-height:1em;
			color:#666;
			background:transparent;
			display:inline;
		}
		
		#head .search .button {
			display:inline;
			width:10px;
			border:0px none;
			background:transparent url('../images/search-rarr.gif') 100% 60% no-repeat;
		}
		
		#nav {
			padding-top:15px;
		}
		
		#nav li {
			border-bottom:1px solid #cdcac1;
			margin:0px;
			/* padding:5px 0px 6px 10px; */
		}
		
		#nav li.even {
			background: transparent url('../images/proc-menu-even-bg.gif') 50% 0% repeat-y;
		}
		
		#nav a,
		#nav li ul a,
		#nav li.active ul a {
			display: block;
			padding:5px 15px 6px 10px;
			font-weight:700;
			color:#9e0b0f;
			text-decoration:none;
		}
		
		#nav .active {
			background:transparent url('../images/rarr-gray.gif') 95% 50% no-repeat;
		}
		
		#nav .active a,
		#nav a:hover,
		#nav li ul a:hover,
		#nav li.active ul a:hover {
			color:#1f1a17;
			background: transparent url('../images/rarr-gray.gif') 95% 51% no-repeat;
		}
		
		/* subnav */
		#content #nav li ul {
			margin-top:0px;
			margin-bottom: 0.75em;
			_margin-bottom: 0em;
		}
		
		#nav li ul li {
			border-bottom: 0px;
			_border-bottom: 1px solid #F8F4EA;
			border-top:1px solid #cdcac1;
		}
		
		#nav li.active ul a {
			background: transparent;
		}
		
		/* IE7 only hack */
		/**:first-child+html #nav a {
			height:50px;
			line-height:50px;
		}*/
		/* End of IE7 only hack */
		
	#content {
		display:block;
		width:915px;
		padding:0px 0px 0px 45px;
		font-size:1.2em;
		line-height:1.5em;
		text-align:left;
		background:transparent url('../images/tfi-big-postcard-bottom-part.jpg') 20px 0% no-repeat;
	}
	
	#content #aside {
		background: transparent url('../images/proc-side-bg.jpg') 100% 54px no-repeat;
	}
		
		#content .with-theme-nav {
			width:356px;
		}
		
		#content #breadcrumbs {
			padding-bottom:40px;
			font-family: 'Lucida Grande', 'Trebuchet MS', Sans-serif;
		}
		
		#content #breadcrumbs a {
			color: #369;
		}
		
		#aside #map h2 {
			font-size: 0.9167em;
			line-height:1.5em;
			font-weight:700;
			text-transform: uppercase;
			padding-bottom:1.5em;
			color:#4d4d4d;
		}
		
		#map .districts {
			padding-top: 23px;
			min-height:235px;
			_height:235px;
		}
		
		#map .districts form {
			background: #efebe1;
			border: 1px solid #d0cfcc;
			padding: 9px 20px;
		}
		
		#map .districts select {
			display:inline;
			margin: 0px;
			padding:0px;
			line-height: 1em;
			border: 1px solid #bfbfbf;
			color: #666;
		}
		
		#map .districts dl {
			font-size: 1.2em;
		}
		
		#map .district-details p {
			font-size: 1.167em;
		}
		
		#map .districts dt,
		#map .district-details strong {
			color:#333;
		}
		
		#map .districts dd {
			border:0px;
			margin-left: 0px;
		}
		
	#footer {
		clear:both;
		width:100%;
		font-family:'Lucida Grande','Trebuchet MS',Sans-serif;
		font-size:1.2em;
		line-height:1.25em;
		text-align:left;
		color:#666;
		background: transparent url('../images/proc-footer-pan.jpg') 0% 100% repeat-x;
	}
	
		#footer-inner {
			width:100%;
			background: transparent url('../images/proc-footer-bg.gif') 0 0 repeat-x;
		}
	
			#footer-content {
				padding:45px 0px 105px 45px;
				width: 915px;
			}
	
	#footer .aside {
		background: transparent url('../images/proc-logo-small.gif') 0 30% no-repeat;
		padding:10px 0px 10px 50px;
		width:400px;
	}
	
	#footer .bside {
		width:290px;
		text-align: right;
		padding:10px 10px 10px 0px;
	}
	
	#footer p {
		font-size:1em;
	}
	
		#footer a {
			color:#999;
		}
		
		#footer a:hover {
			color:#999;
			text-decoration:none;
		}
		
		#footer .counters img {
			padding-right:15px;
			opacity:0.5;
			filter:alpha(opacity=50);
		}
	
/*------------ IDs ------------*/

/* Gallery flag on Home page */
#gallery-flag {
	width:100%;
	margin-top:35px;
	background: transparent url('../images/proc-photogallery-bg.gif') 0 50% repeat-x;
	font-size:1.2em;
	text-align: left;
}

#gallery-flag-inner {
	width:915px;
	height:130px;
	padding:41px 0px 0px 45px;
	background: transparent url('../images/proc-photogallery-flag.jpg') 0 0 no-repeat;
}

#gallery-flag .bside {
	float:left;
}

#gallery-flag h2 {
	font-style: italic;
	padding-top: 10px;
}

#gallery-flag li,
#photogallery li {
	display:block;
	float:left;
	margin-left: 30px;
}

#photogallery li {
	margin-left: 0px;
	margin-right: 30px;
}

#gallery-flag a {
	display: block;
	position:relative;
}

#gallery-flag img {
	/* display: block;
	position:relative; */
	border: 4px solid #fffcf5;
}

#photogallery img {
	border: 4px solid #fff;
}

#photogallery a:hover img {
	border: 4px solid #D2AC2B; /* dcc134 */
}

#gallery-flag a:hover img {
	border: 4px solid #D2AC2B /* fffad3 *//* ededed *//*d9d6ce */;
}

#gallery-flag .img1 a {	top:-7px; }

#gallery-flag .img2 a { top:-3px; }

#gallery-flag .img4 a { top:2px; }

#gallery-flag .img5 a { top:5px; }

#gallery-flag .rarr {
	font-style: italic;
	font-size: 1.4em;
	line-height: 71px;
	color:#333;
	background: url('../images/rarr-gray-flag.gif') 100% 54% no-repeat;
}

#photogallery {
	float:left;
	width: 420px;
	margin-top:1em;
}

#gallery-tags {
	width:185px;
}

/* #news */
#news {
	float:left;
	width:325px;
	padding-right: 19px;
	border-right: 1px solid #cdcac1;
	font-size: 1.165em;
}

#content .wide {
	width:635px;
	border-right:0px;
	padding-right: 0px;
}

	#news dt {
		font-family:'Lucida Grande','Trebuchet MS',Sans-serif;
		color:#9e0b0f;
		font-weight:400;
	}
	
	#news dd {
		margin:0px 0px 1.5em 0.7em;
		border:0px;
	}
	
	#news a {
		text-decoration: none;
	}
	
	#news a:hover {
		text-decoration: underline;
	}
	
	#news a.title {
		font-style: italic;
		font-size: 1.142em; /* 16px */
	}
	
	/* #news a.rarr {
		background-image:url('../images/rarr-white.gif');
	} */
	
	#news h2 {
		margin-top:0.4em;
		font-size:1.8em; /* 23px */
		line-height:0.78em; /* 18 */
		font-weight:700;
		font-style: italic;
	}	
	
	#news .more,
	#news .rss,
	.print {
		color:#777;
		font-family:'Lucida Grande','Trebuchet MS',Sans-serif;
		font-size: 0.9167em;
		text-decoration: underline;
	}
	
	#news .more:hover,
	#news .rss:hover,
	.print {
		text-decoration: none;
	}
	
	#news .rss {
		background: transparent url('../images/rss-icon.gif') 0 55% no-repeat;
		padding-left: 16px;
	}
	
	.print {
		background: transparent url('../images/txt.png') 0 55% no-repeat;
		padding-left: 16px;
	}
/* /#news */

/* #sideblocks */
#sideblocks {
	float:left;
	width:259px;
	padding-left:20px;
	border-left: 1px solid #cdcac1;
	margin-left: -1px;
	font-family: 'Lucida Grande','Trebuchet MS',Sans-serif;
}

#sideblocks .block {
	border-bottom: 1px solid #cdcac1;
	padding-bottom: 10px;
	margin-bottom: 1em;
	background: transparent url('../images/proc-sideblock-bg.jpg') 50% 100% no-repeat;
}

#sideblocks h2 {
	font-size: 1.45em;
	font-style: italic;
	font-weight: 700;
}

#sideblocks .prominent {
	font-size: 1.33em;
	line-height: 1.285em;
	margin-bottom:1em;
	font-style: italic;
}

#sideblocks .survey form {
	padding-top:0px;
	background: transparent;
}

/* /#sideblocks */

/* Pagination */

#pagination {
	margin:2.5em 0em 1.25em 0em;
	font-weight:bold;
	/*font-family:Verdana, Sans-serif;*/
}

#pagination a,
#pagination b {
	padding:3px 7px;
}

#pagination b {
	background:transparent;
	color:#9E0B0F;
}

/* /Pagination */

/* Theme nav */

.theme-nav {
	display:block;
	float:right;
	padding:0.6em 9px;
	border-left:1px solid #d2d2d4;
}

.theme-nav li {
	color:#a6a6a6;
	padding:2px 8px 3px 8px;
	margin-bottom: 0.5em;
}

.theme-nav li.active {
	background:#0174b7 url('../images/atag-sw.gif') 0% 100% no-repeat;
}

.theme-nav li.active a,
#proc-filter a.active {
	color:#fff;
	cursor:default;
}

.theme-nav li.active a:hover,
#proc-filter a.active:hover {
	color:#fff;
	text-decoration:none !important;
}

.theme-nav a {
	color:#454545;
	text-decoration:none;
}

.theme-nav a:hover {
	color:#0174b7;
}

.last-theme-nav {
	margin-left:40px;
}

.tags {
	clear: right;
	float:right;
	margin-left:40px;
	width: 11.4em;
}

.tags .theme-nav {
	float: none;
}

.tags-2 {
	border-top: 1px solid #d2d2d4;
	border-bottom: 1px solid #d2d2d4;
	clear: both;
	line-height:1.5em;
	margin:2.5em 0 1.25em 0;
	padding: 0em 0.7em;
}

	.tags-2 li {
		display: inline;
		margin-right: 0.35em;
	}
	
	.tags-2 a,
	.tags-2 a:visited {
		color:#454545;
	}
	
	.tags-2 a:hover,
	.tags-2 a:visited:hover {
		color:#0174B7;
	}
	
	.tags-2 li.active {
		/*border: 1px solid #9e0b0f;*/
		background: #0174B7;
		border-bottom: 2px solid #0174B7;
		padding:0px 4px 0px 6px;
	}
	
		.tags-2 li.active a {
			/*color:#9e0b0f;*/
			color: #fff;
		}
		
		.tags-2 li.active a:hover,
		.tags-2 li.active a:visited:hover {
			cursor: default;
			text-decoration: none !important;
		}
	
	.tags-2 .level2 {
		font-size: 1.2em;
	}
	
	.tags-2 .level3 {
		font-size: 1.4em;
	}
	
	.tags-2 .level4 {
		font-size: 1.6em;
	}
	
	.tags-2 .level5 {
		font-size: 1.8em;
	}
	
	.tags-2 .level6 {
		font-size: 2em;
	}

#proc-filterable .subsection {
	text-transform: uppercase;
}

#proc-filter li {
	padding: 0px;
}

#proc-filter li a {
	display: block;
	_display: inline-block;
	padding:2px 8px 3px 8px;
	_position: relative;
	_zoom:1;
}
	
#proc-filter a.active {
	background:#0174b7 url('../images/white-cross.gif') 5px 51% no-repeat;
	padding-left: 21px;
	margin-left: -13px;
}

#proc-filterable a {
	_position: relative;
	_zoom:1;
}

#answers a {
	text-decoration: none;
	background: transparent url('../images/rarr-gray.gif') 100% 60% no-repeat;
	padding-right: 10px;
}

#answers li {
	/*padding-bottom: 0.5em;*/
	margin-bottom:2.5em;
	/*border-bottom:1px solid #CDCAC1;*/
}

#answers .author,
.author {
	display: block;
	background: transparent url('../images/16-comment.png') 0 70% no-repeat;
	padding-left: 22px;
}

/* Table.data */
.data-grid {
			/*font-size:0.9167em;
			line-height:1.637em;*/
			font-size:1em;
			line-height:1.5em;
			margin-bottom:1.25em;
			border-bottom:2px solid #d3d0d0;
			width:100%/* 98% */;
			font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, Sans-serif;
			xcolor:#676777;
		}
		
		.data-grid tbody {
			xborder-top:1px solid #d6dadd;
		}
		
		.data-grid th {
			padding:0.4175em 0.835em;
			border:0px;
			border-bottom:1px solid #D2AC2B /* 9b8161 */;
			border-right:1px solid #e3e0e0/* cebda8 */;
			vertical-align:middle;
			/* font-family:'Century Gothic','Lucida Grande',Helvetica,Verdana,Sans-serif; */
			font-weight:bold;
			color:#353333/* 603913 */;
			font-size:0.9167em;
			line-height:1.637em;
		}
		
		.data-grid td {
			padding:0.4175em 0.835em;
			border:0px;
			border-bottom:1px solid #e3e0e0/* 9b8161 */;
			border-right:1px solid #e3e0e0/* cebda8 */;
			xcolor:#252525;
		}
		
		.data-grid td.label {
			text-align:right;
			font-weight:bold;
		}
		
		.data-grid tr {
			background:transparent;
		}
		
		.data-grid tr.odd {
			background:#ecf1f4;
		}
		
		.data-grid .digit {
			text-align:right;
		}
		
		.data-grid .subhead td, .data-grid .subhead th {
			background:#eee;/*#ebf5f6;*/
		}
		
		.data-grid .report {
			background:#feffec;
		}

/* Sticky footer */
/* More about here: http://themaninblue.com/experiment/footerStickAlt/ */

/* html {min-height: 100%;} */

/* /Sticky footer */

	
/*--------- Development (to be removed) ----------*/
	/*#content #bside, #content #aside {
		border-bottom:1px solid navy;
		border-top:1px solid navy;
	}*/

	/*body * {
		xbackground:url('../images/ruller.gif') left bottom repeat-x;
		xbackground:url('../images/tape.gif') left bottom repeat-x;
		xborder-bottom:1px solid navy;
		xborder-top:1px solid navy;
	}
	
	body {
		xbackground:url('../images/960grid.png') repeat-x;
	}
	
	#main_content {
		xborder-bottom:1px solid green;
		xborder-top:1px solid green;
	}*/
/*--------- /Development (to be removed) ----------*/