@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	line-height:16px;
	background:#FFFFFF url(../images/psc_bg.png) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4d4d4d;
}
object { display:block; }
h1{
	line-height:34px;
	font-size:22px;
	font-weight:bold;
}
h2 {
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
	line-height:120%;
}
h3 {
	color:#000000;
	font-weight:bold;
	font-size:14px;
}
img{
	border:0px;
}
a:link, a:visited, a:hover, a:active{
	/*color:#FF9900;*/
	color:#999999;
}
#topNav a:link, #topNav a:visited, #topNav a:hover, #topNav a:active, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	color:#FFFFFF;
	text-decoration:none;
}
#topNav a:hover, #footer a:hover{
	color:#FF9900;
}

#container{
	width:865px;
	margin:0 auto;
	text-align:left;
	padding-top:5px;
}		
	
	
	#topNav{
		position:absolute; top:60px; right:0px; width:715px; border-bottom:1px solid #FF9900; color:#FFFFFF; padding-bottom:5px; padding-left:0px; margin-left:0px; text-align:right; height:16px;
	}
	
	#topNav, #topNav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 12px;
		z-index:100;
		font-size:12px;
		display:inline;
	}
	
	#topNav a {
		/*display: block;
		width:100%;*/
	}
	
	#topNav li { /* all list items */
		position:relative;
		float: right;
		padding-left:20px;
		 /* width needed or else Opera goes nuts */
	}
	
	#topNav li ul { /* second-level lists */
		position: absolute;
		background:#999999;
		width: 175px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		border-top:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		text-align:left;
		display:block;
	}
	
	#topNav li ul li{
		border-bottom:1px solid #FFFFFF;
		padding:5px;
		width: 165px;
		line-height:175%;
	}
	
	#topNav li ul li a{
		display:block;
		width:100%;
	}
	
	#topNav li ul ul { /* third-and-above-level lists */
		margin: -1em 0 0 0;
	}
	
	#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li:hover ul ul ul ul, #topNav li.sfhover ul ul, #topNav li.sfhover ul ul ul, #topNav li.sfhover ul ul ul ul {
		left: -999em;
	}
	
	#topNav li:hover ul, #topNav li.sfhover ul{
		left:0px;
		top:12px;
	}
	
	#topNav li li:hover ul, #topNav li li li:hover ul, #topNav li li li li:hover ul, #topNav li li.sfhover ul, #topNav li li li.sfhover ul, #topNav li li li li.sfhover ul {
		left: 150px;
		top:11px;
	}
	
	
	

.relholder{
	position:relative;
	top:0px;
	left:0px;
	width:865px;
	padding-top:1px;
}

#flash{
	position:absolute;
	top:100px;
	left:0px;
	background:#FFFFFF;
	padding-bottom:5px;
	width:865px;
	height:287px;
	overflow:hidden;
	margin-bottom:0px;
}
	#calloutNav{
		width:206px;
		height:287px;
		overflow:hidden;
		float:left;
		line-height:10px;
		background-color:#F1F1F1;
	}
	#calloutNav p{
		margin-top:0px;
		padding-top:0px;
		margin-bottom:5px;
		padding-bottom:0px;
	}
	/*#calloutNav label{
		display:block;
		margin-left:12px;
		line-height:10px;
		line-height:105%;
	}*/
	#calloutNav img{
		margin-bottom:0px;
		padding-bottom:0px;
	}
	#calloutNav a, #calloutNav a:link, #calloutNav a:visited{
		font-size:12px;
		color:#999999;
		text-decoration:none;
		font-weight:bold;
		line-height:10px;
		margin-left:12px;
		display:block;
	}
	#calloutNav a img{
		display: block;
		margin-left:-12px;
	}
	#callout{
		/*width:659px;*/
		width:380px;
		padding-left:30px;
		padding-top:30px;
		padding-right:249px;
		padding-bottom:30px;
		height:227px;
		overflow:hidden;
		float:left;
	}
	#callout h1{
		font-size:20px;
		font-weight:bold;
		line-height:30px;
	}
	#calloutNavMain{
		width:206px;
		height:287px;
		overflow:hidden;
		position:relative;
		top:-1px;
		left:0px;
	}
	#calloutNavMain *{
		margin:0;
		padding:0px;
	}
		.armMain, .hcMain, .creditMain, .utilMain, .muniMain, .otherMain{
			position:absolute;
			left:0px;
		}
		.armMain{
			top:0px;
		}
		.hcMain{
			top:48px;
		}
		.creditMain{
			top:96px;
		}
		.utilMain{
			top:143px;
		}
		.muniMain{
			top:191px;
		}
		.otherMain{
			top:239px;
		}
		.on{
			visibility:visible;
		}
		.off{
			visibility:hidden;
		}
	#calloutMainBG{
		width:659px;
		height:287px;
		/*overflow:hidden;*/
		position:absolute;
		top:0px;
		left:206px;
	}
	#calloutMainBG h2{
		font-size:20px;
		font-weight:bold;
		line-height:25px;
	}
	#calloutMainBG div{
		width:400px;
		padding-left:30px;
		padding-top:30px;
		padding-right:229px;
		padding-bottom:30px;
		height:227px;
		overflow:hidden;
		position:absolute;
		top:0px;
		left:0px;
		font-size:14px;
	}
	#calloutMainBG div ul li, #callout ul li{
		font-size: 14px;
		line-height:120%;
		margin-bottom:7px;
	}
#mainContent{
	margin-top:385px;
	background:url(../images/interior_bg.jpg) repeat-y;
	padding-top:15px;
	border-bottom:1px solid #FFFFFF;
}
.logo{
	position:absolute;
	top:0px;
	left:0px;
}
#copy{
	float:left;
	width:591px;
	padding:0px 30px 0px 20px;
	/*border-right:2px dotted #000000;*/
}
#copy a{
	text-decoration:underline;
	color:#336699;
}
#copy li{
	margin-bottom:30px;
}
#breadcrumb{
	font-weight:bold;
	color:#000000;
	display:none;
}


/* 
container = 865
maincontent = 641
leftover = 224
*/

#gallery{
	float:left;
	width:224px;
	margin-right:0px;
	margin-left:0px;
	padding:0px 0px 0px 0px;
	position:relative;
	/*z-index:100;*/
}
	#gallery ul{
		padding-left:22px;
		margin-left:0px;
		margin-right:0px;
		padding-right:10px;
		width:180px;
	}
	#gallery ul li{
		list-style:none;
		font-size:11px;
		padding-bottom:5px;
		/*width:170px;*/
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;
	}
	#gallery a:link, #gallery a:visited, #gallery a:hover, #gallery a:active{
		text-decoration:none;
		color:#000000;
	}
	#gallery .firstmenu{
		font-size:11px;
		font-weight:bold;
	}
	#gallery .firstmenu a{
		color:#666666;
	}
	#galleryheader{
		margin-left:20px;
	}
	.secondmenu{
		font-size:10px;
		font-weight:bold;
		display:none;
	}
	.thridmenu{
		font-size:10px;
		font-weight:normal;
		display:none;
	}
	#gallery .red a:active, #gallery .red a:hover{
		color:#FF0000;
	}
	#gallery .blue a:active, #gallery .blue a:hover{
		color:#0066FF;
	}
	#gallery .orange a:active, #gallery .orange a:hover{
		color:#FF9900;
	}
	#gallery .green a:active, #gallery .green a:hover{
		color:#006633;
	}
	#gallery .purple a:active, #gallery .purple a:hover{
		color:#9933CC;
	}
	#gallery .brown a:active, #gallery .brown a:hover{
		color:#996633;
	}
	
#footer{
	color:#000000;
	margin:15px auto 5px auto;
	padding:5px 20px 20px 20px;
	clear:both;
	width:825px;
	text-align:left;
	border-top:1px solid #fdb827;
}
#footer p{
	margin-top:0px;
	padding-top:0px;	
}
	#contactBlock{
		width:200px;
		float:right;
		text-align:right;
	}
	#contactBlock p{
		margin:0px 0px 15px 0px;
		padding:0;
	}
	#contactBlock p a:link, #contactBlock p a:visited, #contactBlock p a:active{
		color:#000000;
	}
	#contactBlock p a:hover{
		color:#FF9900;
	}
	.designAttribution{
		color:#333333;
		font-size:11px;
	}
	#footer .designAttribution a:link, #footer .designAttribution a:visited, #footer .designAttribution a:active{
		color:#999999;
	}
	
	#addressBlock h3{
		margin-top:0px;
	}
	#addressBlock p{
		clear:left;
	}
	#addressBlock p.east{
		width:200px;
		float:left;
		clear:none;
	}
	#addressBlock p.west{
		width:200px;
		float:left;
		clear:none;
	}
	
	
.clear{
	clear:both;
}

#newsEvents{
	float:left;
	width:186px;
	padding:0px 10px 0px 20px;
	/*border-right:2px dotted #000000;*/
}
	#newsEvents h3{
		padding-bottom:2px;
		border-bottom:1px solid black;
	}
	#newsEvents ul{
		padding-left:0px;
		margin-left:0px;
	}
	#newsEvents ul li{
		list-style:none;
		padding-left:0px;
		margin-left:0px;
	}
	#newsEvents ul li h4{
		border-bottom:1px solid black;
		padding-bottom:0px;
		margin-bottom:3px;
		font-size:10px;
	}
	#newsEvents ul li p{
		margin-top:0px;
	}
#flash_nav{
	width:206px;
	height:287px;
	background:#f1f1f1;
	float:left;
	line-height:0px;
}
	#flash_nav a, #flash_nav a:link{
		text-decoration:none;
		color:#666666;
	}
	#flash_nav label{
		padding-left:12px;
		font-size:13px;
		font-weight:bold;
		line-height:20px;
	}
	#flash_nav img{
		padding:0px;
		margin:0;
	}
#inset{
	float:left;
	width:659px;
	height:287px;
}

.fineprint{
	color:#999999;
	font-size:9px;
	font-style:italic;
	text-align:center;
}
.relholder{
	position:relative;
	top:0px;
	left:0px;
}

/* Content Block Editing */
.contentBlock, .inline-plugin{
	position:relative;	
}
.contentBlockEdit, .inline-pluginEdit{
	position:absolute;
	top:0px;
	right:0px;
	width:70px;
	height:21px;
	background:#7a7a7a;
}
.inline-pluginEdit{
	width:24px;	
}
	body #container .contentBlockEdit a{
		display:inline;
	}
		body #container .contentBlockEdit a img{
			/*margin-left:0px;*/
		}
	.bordered{
		border:1px solid red;
	}
	.bordered-blue{
		border:1px solid blue;
	}



/* Pull these out into their own css - Form Layout*/
#contact_us ul, #contact_us ul li.element-group{
	list-style:none;
}
	.element-group{
		display:block;
		width:40%;
		float:left;
		padding:5px;
	}
	.element-group label{
		display:block;
	}
	.element-group input{
		
	}
	.element-group textarea{
		
	}
	.element-group label.inline{
		display:inline;
	}
	fieldset{
		border:0px;
	}
	label{
		width:80%;
	}
	

#calloutNav a.calloutNavOn, #calloutNav a:link.calloutNavOn, #calloutNav a:visited.calloutNavOn{
	color:#333333;
}
#flash_open{
	position:absolute;
	top:0px; left:0px;
	z-index:50;
}
#whatsnew{
	z-index:200;
	background:#0e73b9 url(../images/whatsnew_bg.jpg) bottom repeat-x;
	margin-left:9px;
	margin-right:0px;
	padding-right:0px;
	margin-top:-14px;
	padding-top:5px;
	padding-bottom:5px;
	width:215px;
}
#whatsnew h3{
	margin:10px;
	color:#ffb900;	
}
#whatsnew ul li{
	margin-bottom:15px;
	margin-right:10px;
	color:#FFFFFF;
	/*background:url(../images/whatsnew-bullet.gif) no-repeat;
	background-position:0px 3px;
	padding-left:16px;*/
	border-bottom:1px solid #FFCC00;
	padding-bottom:15px;
}
	#whatsnew ul li a:link, #whatsnew ul li a:visited, #whatsnew ul li a:hover, #whatsnew ul li a:active{
		color:#FFFFFF;
	}
	
#whatsnewlist li{
	margin-bottom:35px;
}

#saslogo {
	position: absolute;
	top: 0px;
	right: 0px;
}