/* 

DOC INFO
	Document: Charles Street Development Corporation - Main Website
	Version : 1.0
	Client  : Charles Street Development Corporation
	Author  : Casey Collier (casey_at_dashton.com)
	Use     : General

TOC
	Utilities
	Global
	Main Blocks
	Header Layout
	Content Layout
	Footer Layout
	Typography
	Images

COLORS
	Blue - #BDD4F2
	Navy Blue - #6DABE2
	Yellow - #FFCD34
	Red - #CC3533
	Red/Pink - #FF6766
	Green - #B1CC33
	Gray - #B3B3B3
	Purple - #9898CB

FONTS
	default body text  'Lucida Grande', 'Lucida Sans Unicode', Lucida, 'Gill Sans', Arial, sans-serif
	form input text    Cambria, Georgia, Times, Times New Roman, Times, serif
	default p text     Georgia, Times, "Times New Roman", serif
*/


/* == UTILITIES */

/* Kills outline in FF, bad for disabled users */
a:hover, a:active, a:focus, a:active{
outline: none;
-moz-outline-style: none;
}

/* A JS-enabled way to hide element in IE6 */
.hidden {
	position: absolute;
	top: -10000px;
}

/* Clear fix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* == GLOBAL */
a {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border:none;
}

.floatright {
float:right;
}

.floatleft {
float:left;
}

.centered {
margin:0 auto;
display:block;
}

/* Cross-browser SUP and SUB */
sup,
sub {
	height: 0;
	line-height: 1em;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:smaller;
}

sup {bottom: 2px;}

sub {top: 1px;}

cite {
text-align: right;
display: block;
}

blockquote {
font-weight: bold;
padding: 0 10em;
}

blockquote p {
margin: 0;
text-indent: -0.8em; /* quick way to ensure hanging quotes */
}


/* == BODY & General Def's */

/* html, body {
	height:100%;
} */

/* Font Size %100 is defiend in RESET sheet
   sets baseline grid combined with RESET sheet - 1.0em equates to 10px
   baseline: 18px; */
   
body {
font-size:62.5%;
line-height: 1.8em;
color: #111;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, 'Gill Sans', Arial, sans-serif;
background: #fefcfd url(../img/tile_bg_grad-top.jpg) repeat-x 0 0;
}
	body.short {
	font-size:62.5%;
	line-height: 1.8em;
	color: #111;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, 'Gill Sans', Arial, sans-serif;
	background: #333 url(../img/tile_bg_grad-top.jpg) repeat-x 0 0; 
	}

#wrapper-widescreen {
width:100%;
height:100%;
position:relative;
/* background:url(../img/tile-city-skyline.png) repeat-x bottom center; */
}

#wrapper {
width:1040px;
height:100%;
position:relative;
z-index:4;
margin:0 auto 0 auto;
}

#tickmarks {
width:34px;
height:608px;
background:url(../img/tile-left-tickmarks.gif) no-repeat top left;
float:left;
margin-right:32px;
}

#tickmarks-short {
width:34px;
height:608px;
background:url(../img/tile-left-tickmarks_short.gif) no-repeat top left;
float:left;
margin-right:32px;
}

/* Main Copy */
#main {
width:940px;
position:relative;
float:left;
}
	#main p {
	font:normal normal 14px/1.6em Georgia, Times, "Times New Roman", serif;
	letter-spacing:1px;
	color:#666;
	width:470px;
	margin-top:46px;
	}
	#main p.last-paragraph {
	font:normal normal 14px/1.6em Georgia, Times, "Times New Roman", serif;
	letter-spacing:1px;
	color:#666;
	width:470px;
	margin:46px 0 190px 0;
	}
	#main a {
	color:#999;
	text-decoration:underline;
	}
	#main a:hover {
	color:#333;
	text-decoration:underline;
	}

/* Main Copy - Interior Block */
	#interior-copy-block {
	width:470px;
	margin:0 0 0 124px;
	padding:0;
	float:left;
	}
	#interior-copy-block p {
	margin:0 0 16px 0;
	width:auto;
	font:normal normal 12px/1.6em Georgia, Times, "Times New Roman", serif;
	letter-spacing:0;
	color:#666;
	}
	#interior-copy-block h1 {
	width:auto;
	font:normal bold 12px/1.6em Georgia, Times, "Times New Roman", serif;
	letter-spacing:0;
	color:#666;
	}


/* Logo */
#logo {
background:url(../img/logo-horizontal.png) no-repeat;
width:360px;
height:90px;
margin:56px 0 32px -5px;
}
	#logo a {
	width:360px;
	height:90px;
	display:block;
	position:relative;
	}


/* Home Widget */
#main #home-module {
width:155px;
height:16px;
float:right;
background-color:#FFCC00;
margin:74px 0 0 0;
}
	#main #home-module p {
	margin:0;
	padding:1px 0 0 8px;
	width:auto;
	text-align:left;
	text-transform:uppercase;
	font-size:9px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, 'Gill Sans', Arial, sans-serif;
	}
	#main #home-module a {
	color:#333;
	text-decoration:none;
	}
	#main #home-module a:hover {
	color:#CC0000;
	text-decoration:none;
	}
	#main #home-module p .active-home-module {
	color:#CC0000;
	text-decoration:none;
	}


/* Callout Module */
#callout-module {
width:280px;
float:right;
background-color:#BDD4F2;
margin:20px 0 0 0;
padding:16px 16px 12px 16px;
}
	#callout-module ol {
	list-style-type:decimal;
	list-style-position:outside;
	margin:0 16px 0 19px;
	font-size:11px;
	}
	#callout-module ol li {
	margin-bottom:4px;
	}
	#callout-module h1 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:16px;
	}


/* Neighborhood Content Block */
.neighborhood-details-module {
clear:both;
width:940px;
margin-bottom:24px;
overflow:hidden;
}

/* Neighborhood Details Module */
.neighborhood-details {
width:280px;
float:right;
/*background-color:#FAFAFA;*/
margin:0 8px 0 0;
padding:0 16px 12px 16px;
position:relative;
}
	.neighborhood-details h1 {
	font:normal normal 14px/1.3em Arial, sans-serif;
	letter-spacing:1px;
	margin-left:-12px;
	margin-bottom:12px;
	padding-left:11px;
	color:#333;
	}

	.neighborhood-details h1.bullet-charles-village {
	background:url(../img/bullet-green.png) no-repeat 0 5px;
	}
	.neighborhood-details h1.bullet-old-goucher {
	background:url(../img/bullet-red.png) no-repeat 0 5px;
	}
	.neighborhood-details h1.bullet-charles-north {
	background:url(../img/bullet-blue.png) no-repeat 0 5px;
	}
	.neighborhood-details h1.bullet-mt-vernon {
	background:url(../img/bullet-yellow.png) no-repeat 0 5px;
	}
	.neighborhood-details h1.bullet-downtown {
	background:url(../img/bullet-gray.png) no-repeat 0 5px;
	}
	
	
	.neighborhood-details img {
	margin-right:4px;
	margin-bottom:8px;
	float:left;
	}
	.neighborhood-details h2 {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin:8px 0 0 0;
	color:#333;
	}
	.neighborhood-details span {
	font-size:9px;
	font-weight:bold;
	line-height:10px;
	margin-top:31px;
	color:#333;
	float:left;
	}
		#triggers span, #csdc2 span {
		font-size:9px;
		font-weight:bold;
		line-height:10px;
		margin-top:40px;
		color:#333;
		float:left;
		text-align:left;
		}
	.neighborhood-details ul {
	margin-bottom:14px;
	}
	.neighborhood-details ul li {
	font-size:11px;
	line-height:1.2em;
	font-family:"Times New Roman", Times, serif;
	color:#666;
	}
	.neighborhood-details p {
	margin:0 0 14px 0 !important;
	padding:0;
	font: normal normal 12px/1.4em Georgia, Times, "Times New Roman", serif !important;
	color:#666;
	width:auto !important;
	}
	.neighborhood-details ul.neighborhood-details-association {
	margin-bottom:14px;
	list-style:disc;
	list-style-position:inside;
	}
	.neighborhood-details ul.neighborhood-details-association li {
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	}
		.neighborhood-details ul.neighborhood-details-association a {
		color:#999;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		}
		.neighborhood-details ul.neighborhood-details-association a:hover {
		color:#666;
		}

/* Neighborhood Details Map */
.neighborhood-details-map {
width:285px;
float:right;
margin:0 38px 0 0;
padding:16px 16px 12px 16px;
position:relative;
}
.neighborhood-details-map img {
cursor:pointer;
}

/* Neighborhood Details Navigator */
#neighborhood-details-nav {
width:190px;
position:fixed;
z-index:30;
background:url(../img/tile-vertical-stripe.gif) 0px 30px no-repeat;
}

	#neighborhood-details-nav h2 {
	font:normal normal 13px/1.3em Arial, sans-serif;
	color:#666;
	text-transform:uppercase;
	padding-left:12px;
	letter-spacing:1px;
	margin-bottom:14px;
	margin-left:-3px;
	background:url(../img/bullet-blue-light.png) no-repeat 0 5px;
	}

	#neighborhood-details-nav ul {
	margin-left:-3px;
	}
	#neighborhood-details-nav ul li {
	font:normal bold 11px/1.4em Arial, sans-serif;
	color:#999;
	padding-left:12px;
	letter-spacing:1px;
	}
	#neighborhood-details-nav ul li a {
	color:#999;
	text-decoration:none;
	}
	#neighborhood-details-nav ul li a:hover {
	color:#333;
	text-decoration:none;
	}


	#neighborhood-details-nav ul li.no-bullet {
	background-image:none;
	}
	#neighborhood-details-nav ul li.nav-charles-village {
	background:url(../img/bullet-green.png) no-repeat 0 4px;
	}
		#neighborhood-details-nav ul li.nav-charles-village a:hover {
		color:#B1CC33;
		}
		#neighborhood-details-nav ul li.nav-charles-village a.selected-side {
		color:#B1CC33;
		}
		
	#neighborhood-details-nav ul li.nav-old-goucher {
	background:url(../img/bullet-red.png) no-repeat 0 4px;
	}
		#neighborhood-details-nav ul li.nav-old-goucher a:hover {
		color:#CC3533;
		}
		#neighborhood-details-nav ul li.nav-old-goucher a.selected-side {
		color:#CC3533;
		}

		
	#neighborhood-details-nav ul li.nav-charles {
	background:url(../img/bullet-blue.png) no-repeat 0 4px;
	}
		#neighborhood-details-nav ul li.nav-charles a:hover {
		color:#6DABE2;
		}
		#neighborhood-details-nav ul li.nav-charles a.selected-side {
		color:#6DABE2;
		}
		
	#neighborhood-details-nav ul li.nav-mt-vernon {
	background:url(../img/bullet-yellow.png) no-repeat 0 4px;
	}
		#neighborhood-details-nav ul li.nav-mt-vernon a:hover {
		color:#FFCD34;
		}
		#neighborhood-details-nav ul li.nav-mt-vernon a.selected-side {
		color:#FFCD34;
		}


	#neighborhood-details-nav ul li.nav-downtown {
	background:url(../img/bullet-gray.png) no-repeat 0 4px;
	}
		#neighborhood-details-nav ul li.nav-downtown a:hover {
		color:#666;
		}
		#neighborhood-details-nav ul li.nav-downtown a.selected-side {
		color:#666;
		}
		
/* Neighborhood Thumbnails */
.triggers {
	text-align:left;
	background-color:#FFCC00;
}
.triggers span {
	margin-top:40px;
}
 
.triggers img {
	background-color:#FFF;
	padding:2px;
	border:1px solid #CCC;
	margin:8px 4px 4px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}


/* Side Nav for BOARD and STAFF section */
#nav-board {
width:190px;
float:left;
position:relative;
background:url(../img/tile-vertical-stripe.gif) 0px 30px no-repeat;
}

	#nav-board h2 {
	font:normal normal 13px/1.3em Arial, sans-serif;
	color:#666;
	text-transform:uppercase;
	padding-left:12px;
	letter-spacing:1px;
	margin-bottom:14px;
	margin-left:-3px;
	background:url(../img/bullet-red.png) no-repeat 0 5px;
	}

	#nav-board ul {
	margin-left:-3px;
	}
	#nav-board ul li {
	font:normal bold 11px/1.4em Arial, sans-serif;
	color:#999;
	padding-left:12px;
	letter-spacing:1px;
	background:url(../img/bullet-red.png) no-repeat 0 4px;
	}
	#nav-board ul li a {
	color:#999;
	text-decoration:none;
	}
		#nav-board ul li a:hover {
		color:#FF6766;
		text-decoration:none;
		}
		#nav-board ul li a.selected-side {
		color:#FF6766;
		}
	#nav-board ul li.no-bullet {
	background-image:none;
	}
	
/* Side Nav for ABOUT section */
#nav-about {
width:190px;
float:left;
position:relative;
background:url(../img/tile-vertical-stripe.gif) 0px 30px no-repeat;
}

	#nav-about h2 {
	font:normal normal 13px/1.3em Arial, sans-serif;
	color:#666;
	text-transform:uppercase;
	padding-left:12px;
	letter-spacing:1px;
	margin-bottom:14px;
	margin-left:-3px;
	background:url(../img/bullet-blue-light.png) no-repeat 0 5px;
	}

	#nav-about ul {
	margin-left:-3px;
	}
	#nav-about ul li {
	font:normal bold 11px/1.4em Arial, sans-serif;
	color:#999;
	padding-left:12px;
	letter-spacing:1px;
	background:url(../img/bullet-blue-light.png) no-repeat 0 4px;
	}
	#nav-about ul li a {
	color:#999;
	text-decoration:none;
	}
		#nav-about ul li a:hover {
		color:#BDD4F2;
		text-decoration:none;
		}
		#nav-about ul li a.selected-side {
		color:#BDD4F2;
		}
	#nav-about ul li.no-bullet {
	background-image:none;
	}

/* Side Nav for PROJECTS section */
#nav-projects {
width:190px;
float:left;
position:relative;
background:url(../img/tile-vertical-stripe.gif) 0px 30px no-repeat;
}

	#nav-projects h2 {
	font:normal normal 13px/1.3em Arial, sans-serif;
	color:#666;
	text-transform:uppercase;
	padding-left:12px;
	letter-spacing:1px;
	margin-bottom:14px;
	margin-left:-3px;
	background:url(../img/bullet-green.png) no-repeat 0 5px;
	}

	#nav-projects ul {
	margin-left:-3px;
	}
	#nav-projects ul li {
	font:normal bold 11px/1.4em Arial, sans-serif;
	color:#999;
	padding-left:12px;
	letter-spacing:1px;
	background:url(../img/bullet-green.png) no-repeat 0 4px;
	}
	#nav-projects ul li a {
	color:#999;
	text-decoration:none;
	}
		#nav-projects ul li a:hover {
		color:#B1CC33;
		text-decoration:none;
		}
		#nav-projects ul li a.selected-side {
		color:#B1CC33;
		}
	#nav-projects ul li.no-bullet {
	background-image:none;
	}
	
/* Side Nav for DEVELOPMENT section */
#nav-development {
width:190px;
float:left;
position:relative;
background:url(../img/tile-vertical-stripe.gif) 0px 30px no-repeat;
}

	#nav-development h2 {
	font:normal normal 13px/1.3em Arial, sans-serif;
	color:#666;
	text-transform:uppercase;
	padding-left:12px;
	letter-spacing:1px;
	margin-bottom:14px;
	margin-left:-3px;
	background:url(../img/bullet-yellow.png) no-repeat 0 5px;
	}

	#nav-development ul {
	margin-left:-3px;
	}
	#nav-development ul li {
	font:normal bold 11px/1.4em Arial, sans-serif;
	color:#999;
	padding-left:12px;
	letter-spacing:1px;
	background:url(../img/bullet-yellow.png) no-repeat 0 4px;
	}
	#nav-development ul li a {
	color:#999;
	text-decoration:none;
	}
		#nav-development ul li a:hover {
		color:#FFCD34;
		text-decoration:none;
		}
		#nav-development ul li a.selected-side {
		color:#FFCD34;
		}
	#nav-development ul li.no-bullet {
	background-image:none;
	}

/* Side Nav for RESOURCES section */
#nav-resources {
width:190px;
float:left;
position:relative;
background:url(../img/tile-vertical-stripe.gif) 0px 30px no-repeat;
}

	#nav-resources h2 {
	font:normal normal 13px/1.3em Arial, sans-serif;
	color:#666;
	text-transform:uppercase;
	padding-left:12px;
	letter-spacing:1px;
	margin-bottom:14px;
	margin-left:-3px;
	background:url(../img/bullet-purple.png) no-repeat 0 5px;
	}

	#nav-resources ul {
	margin-left:-3px;
	}
	#nav-resources ul li {
	font:normal bold 11px/1.4em Arial, sans-serif;
	color:#999;
	padding-left:12px;
	letter-spacing:1px;
	background:url(../img/bullet-purple.png) no-repeat 0 4px;
	}
	#nav-resources ul li a {
	color:#999;
	text-decoration:none;
	}
		#nav-resources ul li a:hover {
		color:#9898CB;
		text-decoration:none;
		}
		#nav-resources ul li a.selected-side {
		color:#9898CB;
		}
	#nav-resources ul li.no-bullet {
	background-image:none;
	}

/* Side Nav for MEDIA section */
#nav-press {
width:190px;
float:left;
position:relative;
background:url(../img/tile-vertical-stripe.gif) 0px 30px no-repeat;
}

	#nav-press h2 {
	font:normal normal 13px/1.3em Arial, sans-serif;
	color:#666;
	text-transform:uppercase;
	padding-left:12px;
	letter-spacing:1px;
	margin-bottom:14px;
	margin-left:-3px;
	background:url(../img/bullet-gray.png) no-repeat 0 5px;
	}

	#nav-press ul {
	margin-left:-3px;
	}
	#nav-press ul li {
	font:normal bold 11px/1.4em Arial, sans-serif;
	color:#999;
	padding-left:12px;
	letter-spacing:1px;
	background:url(../img/bullet-gray.png) no-repeat 0 4px;
	}
	#nav-press ul li a {
	color:#999;
	text-decoration:none;
	}
		#nav-press ul li a:hover {
		color:#9898CB;
		text-decoration:none;
		}
		#nav-press ul li a.selected-side {
		color:#9898CB;
		}
	#nav-press ul li.no-bullet {
	background-image:none;
	}



/* Footer */
#footer {
position:relative;
z-index:50;
clear:both;
border-top:1px solid #666;
width:900px;
height:60px;
margin:0 0 0 65px;
}
	#footer p {
	font-size:9px;
	color:white;
	margin:0;
	padding:4px 0 0 0;
	}
	#footer p a {
	color:#999;
	}
	#footer p a:hover {
	color:#666;
	}


#skyline {
width:100%;
/* height:540px; */
height:620px;
margin:-590px 0 0 0;
background:url(../img/tile-city-skyline-new-2.png) repeat-x bottom center;
position:relative;
z-index:3;
}
.skyline-inner {
width:100%;
height:620px;
margin:-590px 0 0 0;
background:url(../img/tile-city-skyline-new-2.png) repeat-x bottom center;
position:relative;
z-index:40;
}
#skyline-grad {
width:100%;
height:360px;
margin:-740px 0 0 0;
background:url(../img/tile_bg_grad-bottom.jpg) repeat-x bottom center;
position:relative;
z-index:2;
}

/* Footer Column One */
.column-one {
width:315px;
height:325px;
border-right:1px solid #666;
/*position:absolute;
bottom:64px;
left:65px;*/
margin:0 0 8px 65px;
float:left;
position:relative;
z-index:50;
}
	.column-one h1 {
	font: normal normal 13px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', Lucida, 'Gill Sans', Arial, sans-serif;
	color:#FFCC00;
	padding:0 16px 8px 0;
	text-transform:uppercase;
	letter-spacing:1px;
	}
	.column-one p {
	font: normal normal 11px/1.6em Arial, sans-serif;
	letter-spacing:1px;
	padding:0 16px 16px 0;
	color:#FFF;
	}
	.column-one p a {
	color:#FFCC00;
	}

/* Footer Column Two */
.column-two {
width:315px;
height:325px;
border-right:1px solid #666;
/*position:absolute;
bottom:64px;
left:380px;*/
float:left;
position:relative;
z-index:50;
}

/* Footer Column Three */
.column-three {
width:315px;
height:325px;
/* position:absolute;
bottom:64px;
left:693px; */
float:left;
position:relative;
z-index:50;
}

/* Column Universal Rules */
.column-two h1, .column-three h1 {
font: normal normal 13px/1.6em 'Lucida Grande', 'Lucida Sans Unicode', Lucida, 'Gill Sans', Arial, sans-serif;
color:#FFCC00;
padding:0 16px 8px 16px;
text-transform:uppercase;
letter-spacing:1px;
}

.column-two p, .column-three p {
font: normal normal 11px/1.6em Arial, sans-serif;
letter-spacing:1px;
padding:0 16px 0 16px;
color:#FFF;
}
.column-two p a, .column-three p a {
color:#FFCC00;
}
.column-two h1 a, .column-three h1 a {
color:#FFCC00;
}

.column-two img,.column-three img {
margin-right:12px;
}


/* Main Nav */
ul#nav {
width:1050px;
height:30px;
color:#FFF;
}
	ul#nav li {
	width:156px;
	height:30px;
	float:left;
	border-left:1px solid #999;
	position:relative;
	}
		ul#nav li:hover {
		color:#FFF;
		background-color:#BDD4F2;
		border-left:1px solid #BDD4F2;
		cursor:pointer;
		position:relative;
		}
		ul#nav li:hover a {
		color:#FFF;
		}
		
	body ul#nav li.item-f {
	border-right:1px solid #999;
	}
	
	ul#nav li a {
	/* color:#FFF; */
	text-transform:uppercase;
	font-size:9px;
	letter-spacing:1px;
	cursor:pointer;
	position:absolute;
	bottom:0;
	left:6px;
	}
		ul#nav li a:hover {
		color:#FFF !important;
		text-decoration:none;
		}

	ul#nav li.current {
	background-color:#BDD4F2;
	border-left:1px solid #BDD4F2;
	}
	ul#nav li.current a {
	color:#FFF !important;
	text-decoration:none;
	}
	
	ul#nav li ul a {
	color:#FFF !important;
	text-decoration:none;
	}

	ul#nav li.item-a a, ul#nav li.item-b a, ul#nav li.item-c a, ul#nav li.item-d a, ul#nav li.item-e a, ul#nav li.item-f a {
	color:#333;
	}
	ul#nav li.item-a:hover a, ul#nav li.item-b:hover a, ul#nav li.item-c:hover a, ul#nav li.item-d:hover a, ul#nav li.item-d:hover a, ul#nav li.item-e:hover a, ul#nav li.item-f:hover a {
	color:#FFF;
	}

/* Main Nav - Item A */
	body#item-a ul#nav li.current {
	background-color:#BDD4F2;
	border-left:1px solid #BDD4F2;
	}
 
	ul#nav li.item-a:hover {
	background-color:#BDD4F2;
	border-left:1px solid #BDD4F2;
	color:#B2C9E2;
	}
		ul#nav li.item-a ul {
			margin:30px 0 0 -1px;
			padding:0;
			border-left:1px solid #BDD4F2;
			}
				ul#nav li.item-a ul li {
				width:155px;
				height:24px;
				background-color:#BDD4F2;
				text-transform:lowercase;
				display:block;
				border-left:1px solid #BDD4F2;
				}
				ul#nav li.item-a ul li:hover {
				background-color:#B2C9E2;
				border-left:1px solid #B2C9E2;
				}
				ul#nav li.item-a ul li.current-sub {
				background-color:#B2C9E2;
				border-left:1px solid #B2C9E2;
				}

/* Main Nav - Item B */
	body#item-b ul#nav li.current {
	background-color:#CACC2C;
	border-left:1px solid #CACC2C;
	}
	ul#nav li.item-b:hover {
	background-color:#CACC2C;
	border-left:1px solid #CACC2C;
	}
		ul#nav li.item-b ul {
			margin:30px 0 0 -1px;
			padding:0;
			border-left:1px solid #CACC2C;
			}
				ul#nav li.item-b ul li {
				width:155px;
				height:24px;
				background-color:#CACC2C;
				text-transform:lowercase;
				display:block;
				border-left:1px solid #CACC2C;
				}
				ul#nav li.item-b ul li:hover {
				background-color:#BFBF2B;
				border-left:1px solid #BFBF2B;
				}
				ul#nav li.item-b ul li.current-sub {
				background-color:#BFBF2B;
				border-left:1px solid #BFBF2B;
				}

/* Main Nav - Item C */	
	body#item-c ul#nav li.current {
	background-color:#FF6766;
	border-left:1px solid #FF6766;
	}		
	ul#nav li.item-c:hover {
	background-color:#FF6766;
	border-left:1px solid #FF6766;
	}
		ul#nav li.item-c ul {
			margin:30px 0 0 -1px;
			padding:0;
			border-left:1px solid #FF6766;
			}
				ul#nav li.item-c ul li {
				width:155px;
				height:24px;
				background-color:#FF6766;
				text-transform:lowercase;
				display:block;
				border-left:1px solid #FF6766;
				}
				ul#nav li.item-c ul li:hover {
				background-color:#e55c5c;
				border-left:1px solid #e55c5c;
				}
				ul#nav li.item-c ul li.current-sub {
				background-color:#e55c5c;
				border-left:1px solid #e55c5c;
				}

/* Main Nav - Item D */
	body#item-d ul#nav li.current {
	background-color:#FFCD34;
	border-left:1px solid #FFCD34;
	}
	ul#nav li.item-d:hover {
	background-color:#FFCD34;
	border-left:1px solid #FFCD34;
	}
		ul#nav li.item-d ul {
			margin:30px 0 0 -1px;
			padding:0;
			border-left:1px solid #FFCD34;
			}
				ul#nav li.item-d ul li {
				width:155px;
				height:24px;
				background-color:#FFCD34;
				text-transform:lowercase;
				display:block;
				border-left:1px solid #FFCD34;
				}
				ul#nav li.item-d ul li:hover {
				background-color:#F2C033;
				border-left:1px solid #F2C033;
				}
				ul#nav li.item-d ul li.current-sub {
				background-color:#F2C033;
				border-left:1px solid #F2C033;
				}
				ul#nav li.item-d .current {
				background-color:#BDD4F2;
				border-left:1px solid #BDD4F2;
				}

/* Main Nav - Item E */	
	body#item-e ul#nav li.current {
	background-color:#B3B3B3;
	border-left:1px solid #B3B3B3;
	}	
	ul#nav li.item-e:hover {
	background-color:#B3B3B3;
	border-left:1px solid #B3B3B3;
	}	
		ul#nav li.item-e ul {
			margin:30px 0 0 -1px;
			padding:0;
			border-left:1px solid #B3B3B3;
			}
				ul#nav li.item-e ul li {
				width:155px;
				height:24px;
				background-color:#B3B3B3;
				text-transform:lowercase;
				display:block;
				border-left:1px solid #B3B3B3;
				}
				ul#nav li.item-e ul li:hover {
				background-color:#A5A5A5;
				border-left:1px solid #A5A5A5;
				}
				ul#nav li.item-e ul li.current-sub {
				background-color:#A5A5A5;
				border-left:1px solid #A5A5A5;
				}

/* Main Nav - Item F */	
	body#item-f ul#nav li.current {
	background-color:#9898CB;
	border-left:1px solid #9898CB;
	}
	ul#nav li.item-f:hover {
	background-color:#9898CB;
	border-left:1px solid #9898CB;
	}
		ul#nav li.item-f ul {
			margin:30px 0 0 -1px;
			padding:0;
			border-left:1px solid #9898CB;
			}
				ul#nav li.item-f ul li {
				width:155px;
				height:24px;
				background-color:#9898CB;
				text-transform:lowercase;
				display:block;
				border-left:1px solid #9898CB;
				}
				ul#nav li.item-f ul li:hover {
				background-color:#8D8DBC;
				border-left:1px solid #8D8DBC;
				}
				ul#nav li.item-f ul li.current-sub {
				background-color:#8D8DBC;
				border-left:1px solid #8D8DBC;
				}


/* LISTS */
dl.list-longform {
width:207px;
float:right;
margin:0 22px 0 0;
font: normal normal 12px/1.2em Georgia, "Times New Roman", Times, serif;
color:#666;
}
dl.list-longform dt {
font-weight:bold;
}
dl.list-longform dd {
color:#333;
margin-bottom:14px;
font-size:10px;
}
dl.list-longform dd a {
color:#666;
font-size:12px;
}

dl.list-longform-last {
width:170px;
float:right;
margin:0;
font: normal normal 12px/1.2em Georgia, "Times New Roman", Times, serif;
color:#666;
}
dl.list-longform-last dt {
font-weight:bold;
}
dl.list-longform-last dd {
color:#333;
margin-bottom:14px;
font-size:10px;
}
dl.list-longform-last dd a {
color:#666;
font-size:12px;
}

dl.list-shortform {
width:190px;
float:left;
margin:0 19px 0 124px;
font: normal normal 12px/1.2em Georgia, "Times New Roman", Times, serif;
color:#666;
}
dl.list-shortform dt {
font-weight:bold;
}
dl.list-shortform dd {
color:#333;
margin-bottom:14px;
font-size:10px;
}
dl.list-shortform dd a {
color:#666;
font-size:12px;
}


dl.list-longform span.titles, dl.list-longform-last span.titles {
font-weight:normal;
font-size:9px;
color:#FF6766;
}

/* LINK TYPES */

#main a[href$=".pdf"] {
background: url(../img/icons/page_white_acrobat.png) no-repeat right top;
padding: 2px 24px 8px 0;
}
#main a[href$=".doc"] {
background: url(../img/icons/page_white_word.png) no-repeat right top;
padding: 2px 24px 8px 0;
}
#main a[href$=".xls"] {
background: url(../img/icons/page_white_excel.png) no-repeat right top;
padding: 2px 24px 8px 0;
}
#main a[href^="http://"] {
background: url(../img/icons/link-csc.png) no-repeat right top;
padding: 0 24px 8px 0;
}


/* SUPERFISH ESSENTIAL STYLES */

#nav ul {
	position:		absolute;
	top:			-999em;
}
#nav ul li {
	width:			100%;
}
#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#nav li:hover ul,
#nav li.sfHover ul {
	left:			0;
	top:			0; /* match top ul list item height */
	z-index:		99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top:			-999em;
}
ul#nav li li:hover ull {
	left:			0; /* match ul width */
	top:			0;
}
ul#nav li li:hover li ul {
	top:			-999em;
}
ul#nav li li li:hover ul {
	left:			0; /* match ul width */
	top:			0;
}



/**********************************
Use: cmxform template
***********************************/
.cmxform fieldset {
	margin-bottom: 10px;
}

.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

.cmxform label { width: 80px; } /* Width of labels */
.cmxform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
.cmxform label.error {
	margin-left: 103px;
	width: 220px;
}

.cmxform input.submit {
	margin-left: 209px;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */


/**********************************
Name: cmxform Styles
***********************************/

.cmxform {
	font-size: 1.0em;
	color: #333;
}

.cmxform legend {
	padding-left: 0;
}

.cmxform legend, form.cmxform label {
	color: #FFF;
	font-size:10px;
	text-transform:uppercase;
}

.cmxform fieldset {
	border: none;
}

.cmxform fieldset p {
	padding:0 0 6px 0;
}

.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:red;
	font-style:italic;
	font-size:9px;
	text-transform:lowercase;
}
div.error { display: none; }

input {
border:1px solid #222;
width:200px;
padding:2px;
}

input.submit {
border:1px solid #222;
width:80px;
}

textarea {
border:1px solid #222;
width:200px;
padding:2px;
}

input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
textarea:focus { border: 1px dotted black; }
textarea.error { border: 1px dotted red; }
.cmxform .gray * { color: gray; }