c/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.40;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {color:red;font-family:Times New Roman, serif;font-size: 14px;quotes:"" "";}
a img {border:none;}

/* typography.css */
body {color:#191919;background:#B69715;font-family: Arial, sans-serif;font-size:.83em;font-weight:500;}
h1, h2, h3, h4, h5, h6 {color:#a32d2d;}
h1 {font-size:2.9em;line-height:1;margin-bottom:0.5em;color:#a32d2d;}
h2 {font-size:1.9em;margin-bottom:0.35em;color:#a32d2d;}
h3 {font-size:1.4em;line-height:1;margin-bottom:.5em;color:#a32d2d;}
h4 {font-size:1.1em;line-height:.9;font-weight:500;margin-bottom:.5em;color:#a32d2d;}
h5 {font-size:1em;font-weight:bold;margin-bottom:.5em;color:#a32d2d;}
h6 {font-size:.7em;font-weight:bold;color:#a32d2d;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.3em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#21219E;text-decoration:underline;}
a {color:#21219E;font-weight:bold;text-decoration:none;}
blockquote {margin:1.25em;color:#474747;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;font-size:1em;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.25em;}
ul, ol {margin:0 0 1.25em 1.25em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#d6e5a9;}
th, td, caption {padding:4px 8px 4px 8px;}
th {font-size:.95em;}
td {font-size:.9em;}
tr.even td {background:#f4f9e4;}
tfoot {font-style:;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:40px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:195px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
hr {background:#B5B000;color:#B8860B;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr2 {background:#f4f9e4;color:#f4f9e4;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:250px;padding:3px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* CSS for the Header and Navbars */

	#header {
		width:950px;
		height:120px;
		background:#FFD41D;
		border-bottom:3px solid white;
		}

	#top_navbar_container {
		width:400px;
		height:28px;
		margin:45px 0 0 80px;
		}

	ul#top_navbar {
		width:100%;
		height:28px;
		margin:0 auto;
		list-style:none;
		}

		ul#top_navbar li {
			display:inline;
			}

		ul#top_navbar li a {
			height:28px;
			float:left;
			margin-left:15px;
			text-indent:-9999px;
			outline:none;
			}

		ul#top_navbar li#top_navbar_calendar a {
			width:101px;
			background:url("top_navbar.png") no-repeat 0px 0px;
			}

		ul#top_navbar li#top_navbar_calendar a:hover {
			background-position: 0 -28px;
			}

		ul#top_navbar li#top_navbar_contact a {
			width:101px;
			background:url("top_navbar.png") no-repeat -101px 0px;
			}

		ul#top_navbar li#top_navbar_contact a:hover {
			background: url("top_navbar.png") no-repeat -101px -28px;
			}

		ul#top_navbar li#top_navbar_about a{
			width:101px;
			background:url("top_navbar.png") no-repeat -202px 0px;
			}

		ul#top_navbar li#top_navbar_about a:hover {
			background: url("top_navbar.png") no-repeat -202px -28px;
			}

		#chdc_head {
			margin-left:30px;
			margin-top:20px;
			}

	/* This code formats the sub navbar */

	#sub_navbar_container {
		width:950px;
		height:40px;
		background:#FFBE3B;
		border-bottom:3px solid white;
		}

	ul#sub_navbar {
		width:950px;
		height:40px;
		margin:0 auto;
		list-style:none;
		}

		ul#sub_navbar li {
			display:inline;
			}

		ul#sub_navbar li a {
			height:40px;
			float:left;
			text-indent:-9999px;
			outline:none;
			}

		ul#sub_navbar li#sub_navbar_programs a {
			width:238px;
			background:url("sub_navbar.png") no-repeat 0px 0px;
			}

		ul#sub_navbar li#sub_navbar_programs a:hover {
			background-position: 0 -40px;
			}

		ul#sub_navbar li#sub_navbar_find_housing a {
			width:160px;
			background:url("sub_navbar.png") no-repeat -238px 0px;
			}

		ul#sub_navbar li#sub_navbar_find_housing a:hover {
			background: url("sub_navbar.png") no-repeat -238px -40px;
			}

		ul#sub_navbar li#sub_navbar_re_dev a {
			width:274px;
			background:url("sub_navbar.png") no-repeat -398px 0px;
			}

		ul#sub_navbar li#sub_navbar_re_dev a:hover {
			background: url("sub_navbar.png") no-repeat -398px -40px;
			}

		ul#sub_navbar li#sub_navbar_donate a {
			width:117px;
			background:url("sub_navbar.png") no-repeat -672px 0px;
			}

		ul#sub_navbar li#sub_navbar_donate a:hover {
			background: url("sub_navbar.png") no-repeat -672px -40px;
			}

		ul#sub_navbar li#sub_navbar_volunteer a {
			width:156px;
			background:url("sub_navbar.png") no-repeat -789px 0px;
			}

		ul#sub_navbar li#sub_navbar_volunteer a:hover {
			background: url("sub_navbar.png") no-repeat -789px -40px;
			}

/* CSS for the front page feature slideshow */

	#fp_feature {
		color:white;
		position:relative;
		padding: 0px;
		width: 100%;
		height: 315px;
		margin: 0px auto;
		}

	#title {
		font-size: 10px;
		font-family: Verdana, Helvetica, Arial, sans;
		}

	a#prev, a#next {
		font-size:12px;
		font-family: Verdana, Helvetica, Arial, sans;
		color: #FFFFFF;
		text-decoration: none;
		text-transform: uppercase;
		}


	
	.feat_images { height: 315px; width: 950px; overflow: hidden; z-index:0; }
	.feat_images img { height: 315px; width: 950px; }

		#nav {height:0}
		#nav a {position:relative; top: 282px; left:545px; z-index:10; margin: 0 5px; margin-left: 25px; padding: 1px 4px; border: 0px solid #ccc; background: #fff; text-decoration: none }
		#nav a.activeSlide { background: #ea0 }
		#nav a:focus { outline: none; }


/* CSS for the Quicklink navbar */

	#quicklink_navbar_container {
		width:950px;
		height:60px;
		background:#FFBE3B;
		border-top:2px solid white;
		border-bottom:2px solid #FFFFFF;
		}

	ul#quicklink_navbar {
		width:950px;
		height:60px;
		margin:0 auto;
		list-style:none;
		}
	
		ul#quicklink_navbar li {
			display:inline;
			}

		ul#quicklink_navbar li a {
			height:60px;
			float:left;
			text-indent:-9999px;
			outline:none;
			}

		ul#quicklink_navbar li#quicklink_navbar_programs a {
			width:322px;
			background:url("quicklink_navbar.png") no-repeat 0px 0px;
			}

		ul#quicklink_navbar li#quicklink_navbar_programs a:hover {
			background-position: 0 -60px;
			}

		ul#quicklink_navbar li#quicklink_navbar_find_housing a {
			width:279px;
			background:url("quicklink_navbar.png") no-repeat -322px 0px;
			}

		ul#quicklink_navbar li#quicklink_navbar_find_housing a:hover {
			background: url("quicklink_navbar.png") no-repeat -322px -60px;
			}

		ul#quicklink_navbar li#quicklink_navbar_re_dev a {
			width:349px;
			background:url("quicklink_navbar.png") no-repeat -601px 0px;
			}

		ul#quicklink_navbar li#quicklink_navbar_re_dev a:hover {
			background: url("quicklink_navbar.png") no-repeat -601px -60px;
			}

	/* CSS for the Quicklink content area */

		#quicklink_content_container {
			width:950px;
			height:290px;
			margin:0 auto;
			border-bottom:3px solid white;
			padding:0;
			}

		#quicklink_content_programs {
			width:326px;
			height:290px;
			background:#00373A;
			margin:0 auto;
			border-right:1px dotted white;
			padding:0;
			}
				
		#quicklink_content_find_housing {
			width:279px;
			height:290px;
			background:#30003A;
			margin:0 auto;
			border:0;
			border-right:1px dotted white;
			padding:0;
			}

		#quicklink_content_re_dev {
			width:349px;
			height:290px;
			background:#3F3A00;
			margin:0 auto;
			border:0;
			padding:0;
			}

		.quicklink_content_padding {
			padding:0 15px 0 5px;
			border:0;
			margin:0;
			}
		
			#quicklink_content_padding_ps {
				padding:0 30px 0 15px;
				border:0;
				margin:0;
				}
	
			#quicklink_content_padding_fh {
				padding:0 20px 0 15px;
				border:0;
				margin:0;
				}

			#quicklink_content_padding_red {
				padding:0 20px 0 6px;
				border:0;
				margin:0;
				}

		/* Adjusts top margins of Quicklink Content */

			#top_margin_programs {
				margin-top:0px;
				}

			#top_margin_housing {
				margin-top:0px;
				}

			#top_margin_re_dev {
				margin-top:0px;
				}


/* CSS for the News/Events/Gallery container */
	
	#quicklink_navbar2_container {
		width:950px;
		height:45px;
		margin:0;
		padding:0;
		background:#FFFCE9;
		border-bottom:0px solid white;
		}

	ul#quicklink_navbar2 {
		width:950px;
		height:45px;
		margin:0;
		padding:0;
		list-style:none;
		}
	
	ul#quicklink_navbar2 li {
		display:inline;
		}

		ul#quicklink_navbar2 li a {
			height:45px;
			float:left;
			text-indent:-9999px;
			outline:none;
			}

		ul#quicklink_navbar2 li#quicklink_navbar2_news a {
			width:190px;
			background:url("quicklink_navbar2.png") no-repeat 0px 0px;
			}

		ul#quicklink_navbar2 li#quicklink_navbar2_news a:hover {
			background-position: 0px -45px;
			}

		ul#quicklink_navbar2 li#quicklink_navbar2_training_events a {
			width:360px;
			margin-left:110px;
			background:url("quicklink_navbar2.png") no-repeat -310px 0px;
			}

		ul#quicklink_navbar2 li#quicklink_navbar2_training_events a:hover {
			background-position: -310px -45px;
			margin-left:110px;
			}

		ul#quicklink_navbar2 li#quicklink_navbar2_photo_gallery a {
			width:260px;
			margin-left:20px;
			background:url("quicklink_navbar2.png") no-repeat -690px 0px;
			}

		ul#quicklink_navbar2 li#quicklink_navbar2_photo_gallery a:hover {
			background-position: -690px -45px;
			margin-left:20px;
			}

	/* CSS for the Quicklink Navbar2 (CHDC News, CHDC Trainings & Events, CHDC Photo Gallery) content area */

		#quicklink_content_navbar2 {
			width:950px;
			height:175px;
			margin:0 auto;
			border-bottom:3px solid white;
			background:#FFFCE9;
			padding:0;
			}

		#news_column{
			width:300px;
			height:100%;
			margin:0 auto;
			border:0;
			padding:0;
			float:left;
			}
			
			#news_top_margin {
				margin-top:-10px;
				}
			
			#news_column_posts a{
				color: #393800;
				text-transform:uppercase;
        			font-size: 12px;
				letter-spacing:1px;
				line-height:50%;
				font-weight:bold;
			      font-family: Arial, sans-serif;
				}

		#training_events_column {
			width:270px;
			height:100%;
			margin:0 auto;
			border:0;
			padding:0;
			}

		#photo_gallery_column {
			width:270px;
			height:100%;
			margin:0 auto;
			border:0;
			padding:0;
			}

		.quicklink_content2_padding {
			padding:0 15px 0 5px;
			border:0;
			margin:0 auto;
			}


	/* CSS for the Our Work/Thank You container */

		#quicklink_navbar3_container {
			width:950px;
			height:40px;
			margin:0;
			padding:0;
			background:#003263;
			border-bottom:0px solid white;
			}

			ul#quicklink_navbar3 {
				width:950px;
				height:35px;
				margin-left:20px;
				margin-top:7px;
				padding:0;
				list-style:none;
				}
	
			ul#quicklink_navbar3 li {
				display:inline;
				}

			ul#quicklink_navbar3 li a {
				height:45px;
				float:left;
				text-indent:-9999px;
				outline:none;
				}

			ul#quicklink_navbar3 li#quicklink_navbar3_our_work a {
				width:150px;
				background:url("quicklink_navbar3.png") no-repeat 0px 0px;
				}

				ul#quicklink_navbar3 li#quicklink_navbar3_our_work a:hover {
					background-position: 0px -33px;
					}

			ul#quicklink_navbar3 li#quicklink_navbar3_chdc_partners a {
				width:428px;
				margin-left:350px;
				background:url("quicklink_navbar3.png") no-repeat -150px 0px;
				}

				ul#quicklink_navbar3 li#quicklink_navbar3_chdc_partners a:hover {
					background-position: -150px -34px;
					}


	/* CSS for the Quicklink Navbar3 (CHDC News, CHDC Trainings & Events, CHDC Photo Gallery) content area */
	
		#quicklink_content_navbar3 {
			width:950px;
			height:100px;
			margin:0 auto;
			border-bottom:0px solid white;
			background:#003263;
			padding:0;
			}

		#quicklink_content_navbar3 p {
			font-size:1.2em;
			line-height:1.45em;
			color:white;
			margin-top:10px;
			}
		
		#our_work_column{
			width:500px;
			height:100px;
			margin:0;
			border:0;
			padding:0 15px 0 60px;
			}

		#chdc_partners_column {
			width:450px;
			height:100px;
			margin-left:55px;
			border:0;
			padding:0 15px 0 90px;
			}

	/* CSS for custom bullets in the content area */

		.custom_bullets ul {
			list-style-type:none;
			padding:0px;
			margin:0;
			}

		.custom_bullets li {
			font-size:1.3em;
			line-height:1.45em;
			font-family: Arial, Geneva, sans-serif;
			color:white;
			background-image:url(list_bullet.png);
			background-repeat:no-repeat;
			background-position:0px 3px;
			padding-left:25px;
			margin-left:0px;
			margin-top:12px;
			}

		.custom_bullets a {
			color:#EAB53D;
			}

		.custom_bullets a:hover {
			text-decoration:underline;
			}

		.custom_bullets2 ul {
			list-style-type:none;
			padding:0px;
			margin:0;
			}

		.custom_bullets2 li {
			font-size:1.2em;
			color:black;
			background-image:url(list_bullet2.png);
			background-repeat:no-repeat;
			background-position:0px 5px;
			padding-left:25px;
			margin-left:18px;
			margin-top:10px;
			}

		.custom_bullets2 a {
			}

	/* This formats the headers for the website */

		#programs_services_section_header {
			width:950px;
			height:68px;
			background:#005D5A;
			}

		#find_housing_section_header {
			width:950px;
			height:68px;
			background:#4B1448;
			}

		#real_estate_development_section_header {
			width:950px;
			height:68px;
			background:#6F6C00;
			}

		#default_section_header {
			width:950px;
			height:68px;
			background:#6F6C00;
			}

		#section_header_margin {
			margin-left:15px;
			}

	/* This code edits the formatting of the Content section */

		.content_header_space {
			margin-left:-15px;
			margin-top:25px;
			}

		.content_header {
			margin-bottom:0px;
			font-size:1.35em;
			font-weight:800;
			}

		.content_line {
			margin-top:12px;
			}

		.content_list {
			list-style-type:square;
			margin-left:30px;
			}

		.content_margin {
			padding:0 50px 0 15px;
			}

	/* This code edits the formatting of News sidebar */

		.news_header_space {
			margin-top:15px;
			}

		.news_header {
			margin-top:10px;
			margin-left:45px;
			color:#AD2727;
			font-size:1.35em;
			}

		.news_margin {
			margin-left:10px;
			}

		.news_margin p{
			font-size:.92em;
			}
	
		.news_line {
			margin-top:12px;
			}

		.news_headline {
			list-style-type:none;
			margin-left:0px;
			}

	/* This code sets the Footer text format*/

		.footer {
			border-top:1px dotted #ebebeb;
			border-bottom:0px dotted #ebebeb;
			color:#3c403b;
			background:white;
			width:950px;
			text-transform:uppercase;
			}

		.footer a {
			color:#3c403b;
			font-size: 11px;
			font-family: Verdana, Helvetica, Arial, sans-serif;	
			}

		.footer a:hover {
			color:black;
			text-decoration:underline;
			}

		.footer_chdc {
			background:#FFD41D;
			}

		.footer_chdc p {
			color:#3c403b;
			margin-left:50px;
			text-decoration:none;
			font-size: 12px;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			}

	/* This code edits the behavior of links in tables */

		.table_links a {
			text-decoration:none;
			}
	
		.table_links a:hover {
			text-decoration:underline;
			}

		
	/* This code formats the individual property pages for the Housing Development properties */

		.property_sheets th {
			text-tranform:uppercase;
			font-size:.85em;
			}

		.property_description p {
			font-size:.9em;
			margin-right:1.45em;
			}

		.property_description img {
			margin-bottom:.75em;
			}

	/* This code formats the tables for the Rental Opportunities page */

		.rental_sheets th, tr, td {
			text-tranform:uppercase;
			vertical-align:top;
			font-weight:normal;
			}

		.centered_tables td, th {
			text-align:center;
			}
			
		/* reset centered text in tables to left-hand */
	
			th, td {text-align:left;}

	/* This code provides greater spacing for list elements, eg. the foreclosure prevention & mitigation list */

		.list_spaced {
			list-style-type:decimal;
			}

		.list_spaced li {
			margin-bottom:1.5em;
			}

		.list_spaced li ul {
			margin-top:1em;
			}

		.list_spaced li ul li{
			list-style-type:circle;
			margin-bottom:0;
			}

/* This code is for general use throughout the site */

		.center {
	  		text-align:center;
	  		}

		.uppercase {
			text-transform:uppercase;
			}

		.gray {
			color: gray;
			}
	
		.black {
			color:black;
			}

		.staff_text {
			font-size:.99em;
			}	

	/* This code underlines text */

		.underline {
			text-decoration:underline;
			}

		.left {
			margin-left:30px;
			}

		.nudge {	
			margin-left:15px;
			}

/* This code is specially for the 20th Anniversary Celebration page */

	.20th_special a:link {
		color:#a09c00;
		}

ul#20th {
		width:100%;
		height:261px;
		margin:0 auto;
		list-style:none;
		}

		ul#20th li#banner a {
			height:261px;
			float:left;
			text-indent:-9999px;
			outline:none;
			}

		ul#20th li#banner a {
			width:950px;
			background:url("20th-anniversary-splash.jpg") no-repeat 0px 0px;
			}

		ul#20th li#banner a:hover {
			background-position: 0 -261px;
			}


/* This code edits the jQuery frontpage fp_feature */

/*preload classes*/ 
.svw {width: 130px; height: 130px; background: #fff;} 
.svw ul {position: relative; ;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 0px solid #ff0000;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 

/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 2.10

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- JS Slideshow -------------*/
.ngg-slideshow {
    overflow:hidden;
    position: relative;
}

.ngg-slideshow * {
    vertical-align:middle;
}

/* See also : http://www.brunildo.org/test/img_center.html */
.ngg-slideshow-loader{
    display: table-cell;
    text-align: center;
    vertical-align:middle;
}

.ngg-slideshow-loader img{
    background: none !important; 
    border: 0 none !important;
    margin:auto !important; 
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	border: 1px solid #555;
	-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
	-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
	box-shadow: rgba(0,0,0,1) 0 4px 30px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:6px 10px 0;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:6px 10px 0;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	z-index:103;
	top: 50%;
	left: 50%;
	background-color: #E8E8E8;
	border: 1px solid #555;
	margin: -45px 0pt 0pt -125px;
	padding: 40px 15px 15px;
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	_margin-bottom:1px;
}

