/* CSS Document */


body {
		margin: 0px 0px 0px 0px; 
		background: #FFFFFF;
		padding:0;
		color: #000000;
		font-family:  Arial, Helvetica, sans-serif;
		font-size: 90%;
}
/*** Let's Set Everything to Zero ***/
 html,body,p,div,img,ul,form,form,noscript{
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;

}	

html {
	height:100%;
	margin-bottom:1px;
}

* {
	margin:0;
	padding:0;
	text-decoration:none;
	vertical-align:baseline;
}

/********* COPY STYLES *********/
h1{
	font-size:1.7em;
	color:#003366;
	font-weight:bold;
}

h2{
	font-size:1.25em;
	color:#c97021;
	font-weight:bold;
	margin:10px 0;
}
	span.heading2{
		font-size:1.25em;
		color:#c97021;
		font-weight:bold;
		margin:0 0 10px 0;
	}

	#dealing-in-this h2{
		margin:0 0 10px 0;
	}

h3{
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
}

	.navy-ph h3, #contact-us-banner h3{
		color:#ffffff;
	}

	#left-sidebar h3{
		margin:0 0 10px 6px;
	}

	.related-ph h3{
		color:#ffffff;
		font-size:1.2em;
	}

h4{}

p{
	font-size:0.9em;
	padding:10px 0;
}

a:link{text-decoration:underline;color:#1f359d;}
a:visited{text-decoration:underline;color:#1f359d;}
a:hover{text-decoration:none;color:#1f359d;}
a:active{text-decoration:none;color:#1f359d;}

ul, ol{
	font-size:0.9em;
}

.no-display{display:none}

/***** LAYOUT *****/
#container{
	width:67em!important;
	margin:0 auto;
}

#header{
	width:100%;
	
}

#header-left{
	float:left;
	display:inline;
	padding:20px;
}

#header-right{
	float:right;
	display:inline;
	margin:20px 20px;
	padding:0;
	color:#8d8b8b;
	width:20.9em;
}



	#header-links{
		margin:10px 0 0 0;
		padding:0;
	}

		#header-links-left{
			float:left;
			display:inline;
			padding:4px 0 0 0;
		}

		#header-links-right{
			float:right;
			display:inline;
		}

	#header-search{
		margin:12px 0 0 0;
		padding:0;
	}
		input.search-box{
			width:206px;
			height:17px;
			background-image:url(/images/search-box-1.gif);
			border:1px solid #ffffff;
			padding:3px 0 1px 4px;
			display:inline;
			float:left;
			margin:2px 0px 0 0;
		}

		input.search-button{
			border:none;
			cursor:pointer;
			color:#07509b;
			font-size:0.9em;
			margin:0;
			padding:0;
			float:right;
			display:inline;
		}

#main-content-container{}
#main-content-top-left {display: block;	background: url("/images/main-body-top-left.gif") top left no-repeat white;padding:0 0 0 20px;}
#main-content-top-right {display: block;background: url("/images/main-body-top-right.gif") top right no-repeat white;	padding:20px 20px 0px 0;}
#main-content-bottom-left {display: block;height:19px;background: url("/images/main-body-bottom-left.gif") bottom left no-repeat;}
#main-content-bottom-right {display: block;	background: url("/images/main-body-bottom-right.gif") bottom right no-repeat white;}

#left-sidebar{float:left;display:inline;width:13em;}
.main-content-area{float:left;display:inline;width:34em;margin-left:1.6em;}
.main-content-right{float:left;display:inline;width:47em;margin-left:1.6em;}
#right-sidebar{float:right;display:inline;width:14em;}

#footer{margin:0 auto;}
#footer p{text-align:center;}

/***** PLACEHOLDERS ******/
.navy-ph-head {background-image:url(/images/navy-ph-top-right.gif); background-position:top right; background-repeat:no-repeat; }
.navy-ph-head-in {background-image:url(/images/navy-ph-top-left.gif); background-position:top left; background-repeat:no-repeat; padding: 7px 0px 5px 16px }
.navy-ph-content {background-image:url(/images/navy-ph-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; }
.navy-ph-content-in {background-image:url(/images/navy-ph-bottom-left.gif); background-position:bottom left; background-repeat:no-repeat; }
* html .navy-ph-content-in ul {zoom:1}

.grey-right-ph { margin: 0px 0px 15px 0px;  height: 75px; background-image:url(/images/grey-ph-right.gif); background-repeat:no-repeat; background-position: top right }
.grey-right-ph-in {height: 75px; background-image:url(/images/grey-ph-left.gif); background-repeat:no-repeat; background-position: top left }
.grey-right-ph-in p {padding: 11px 0px 0px 13px!important; font-size:1.1em}
/*.grey-right-ph-in p.small {padding: 14px 0px 0px 13px!important; font-size:1.0em; font-weight:bold}*/
.grey-right-ph-in img {margin: 7px 10px 0px 0px}

a.ph-orange:link{color:#c97021;text-decoration:none;}
a.ph-orange:visited{color:#c97021;text-decoration:none;}
a.ph-orange:hover{text-decoration:underline;}
a.ph-orange:active{text-decoration:underline;}

.grey-left-ph { margin: 14px 0 0 0;   height: 64px; background-image:url(/images/right-grey-ph-right.gif); background-repeat:no-repeat; background-position: top right }
.grey-left-ph-in {height: 64px; background-image:url(/images/right-grey-ph-left.gif); background-repeat:no-repeat; background-position: top left }
.grey-left-ph-in img {margin: 10px 0px 0px 12px}
.grey-left-ph-in p {padding: 15px 0px 0px 13px!important; font-size:1.0em; font-weight:bold}

.grey-left-ph a:link{color:#32215a;text-decoration:none;}
.grey-left-ph a:visited{color:#32215a;text-decoration:none;}
.grey-left-ph a:hover{text-decoration:underline;}
.grey-left-ph a:active{text-decoration:underline;}

* html .related-ph{margin:0px 0px 15px 0px;}
.related-ph{margin:0px 0px 15px 0px;}
.related-ph-head {background-image:url(/images/related-ph-tr.gif); background-position:top right; background-repeat:no-repeat; }
.related-ph-head-in {background-image:url(/images/related-ph-tl.gif); background-position:top left; background-repeat:no-repeat; padding: 10px 0px 7px 16px }
.related-ph-content {background-image:url(/images/related-ph-br.gif); background-position:bottom right; background-repeat:no-repeat; }
.related-ph-content-in {background-image:url(/images/related-ph-bl.gif); background-position:bottom left; background-repeat:no-repeat; padding:0}

img.float-right{float:right; display:inline; padding:0px 0 10px 10px;}

img.float-right-icon{float:right; display:inline; padding:6px 4px 0 0;}
img.float-right-icon-big{float:right; display:inline; padding:1px 2px 0 0;}

img.float-left{float:left; display:inline; padding:6px 4px 0 0;}

#trustees-ph-wrap img.float-left{
	float:left;
	display:inline;
	margin:0 16px 20px 0;
	padding:0;
}

#trustees-ph-wrap img.left{
	float:left;
	display:inline;
	margin:0 16px 20px 0;
	padding:0;
}


#latest-news{margin:8px 0 0 0;}
	#latest-news-left{margin:10px 0 0 16px; float:left; display:inline;}
	#latest-news-right{margin:10px 16px 0 0; float:right; display:inline;  font-size:0.9em; }


#feed-tl {display: block;background: url("/images/feed-tl.gif") top left no-repeat white; padding:0 0 0 12px;}
#feed-tr {display: block;background: url("/images/feed-tr.gif") top right no-repeat white; padding: 6px 12px 0 0;}
#feed-bl {display: block;background: url("/images/feed-bl.gif") bottom left no-repeat; padding:7px 0 0 0}
#feed-br {display: block;background: url("/images/feed-br.gif") bottom right no-repeat white;}

#feed-tr p{margin:0; padding:0}
#feed-container img.rss{padding: 0 3px 0 6px;}
#feed-container img.email{padding: 0 3px 0 0;}

#news-press-view-archive{width:16em;float:right;display:inline;font-size:0.8em;line-height:1.6;}
.navy-ph-nohead-tl {display: block;	background: url("/images/navy-ph-nohead-tl.gif") top left no-repeat white;padding:0 0 0 20px;}
.navy-ph-nohead-tr {display: block;background: url("/images/navy-ph-nohead-tr.gif") top right no-repeat white;	padding:20px 20px 0px 0;}
.navy-ph-nohead-bl {display: block;height:19px;background: url("/images/navy-ph-nohead-bl.gif") bottom left no-repeat;}
.navy-ph-nohead-br {display: block;	background: url("/images/navy-ph-nohead-br.gif") bottom right no-repeat white;}

.small-orange-ph-tl {display: block;background: url("/images/small-orange-ph-tl.gif") top left no-repeat white;padding:0 0 0 13px;}
.small-orange-ph-tr {display: block;background: url("/images/small-orange-ph-tr.gif") top right no-repeat white;	padding:7px 13px 0px 0;}
.small-orange-ph-bl {display: block;background: url("/images/small-orange-ph-bl.gif") bottom left no-repeat; padding:7px 0 0 0}
.small-orange-ph-br {display: block;background: url("/images/small-orange-ph-br.gif") bottom right no-repeat white;}

#slideshow{margin:18px 0 0 0}

#trustees-ph-wrap p{
	padding:16px;
}
#trustee-handbook-ph{float:left;display:inline;width:48%; margin:0 0 10px 0;}
#trustee-training-ph{float:right;display:inline;width:48%; margin:0 0 10px 0;}
#dealing-deficits-ph{float:left;display:inline;width:48%;}
#trustee-forum-ph{float:right;display:inline;width:48%;}

/******* PAGE CONTROLS *******/
#page-controls {
		padding: 0;
		margin: 26px 0 0 0;
		font-size:0.9em;
		height:40px;
}

#page-controls a:link{text-decoration:none;color:#336699;}
#page-controls a:visited{text-decoration:none;color:#336699;}
#page-controls a:hover{text-decoration:underline;color:#336699;}
#page-controls a:active{text-decoration:underline;color:#336699;}

	.page-control{float:left; display:inline; margin:0 30px 0 0;  background-repeat:no-repeat; background-position: 0px 2px; padding: 8px 0px 30px 40px}

	#top{background-image:url(/images/icon-btt.gif); padding-left:36px}
	#print{background-image:url(/images/icon-print.gif);}
	#email{background-image:url(/images/icon-email.gif);}

/**** LEFT NAV ***/
#left-nav-wrap{
	width:182px;
	margin:0 0 10px 0;
}

	#left-nav-top{
		width:100%;
		height:17px;
		background-image:url(/images/left-nav-top.gif);
	}

	#left-nav-top-active{
		width:100%;
		height:17px;
		background-image:url(/images/left-nav-top-active.gif);
	}

	#left-nav-list{
		border-left:1px solid #d5d5d5;
		border-right:1px solid #d5d5d5;
	}

		#left-nav-list ul{
			list-style:none;
			background-color: #e4e5e5;
		}

			#left-nav-list ul li{
				border:2px solid #ffffff;
				margin-top:2px;
				padding:4px 8px;
				font-size:1.1em;
			}

				#left-nav-list ul li.first{	border-top:none !important;	padding-top:0px !important;	margin-top:0px !important;}
				#left-nav-list ul li.last{
					border-bottom:none !important;
					padding-bottom:0px !important;
				}
				#left-nav-list ul li.active{
					font-weight:bold;
				}
				#left-nav-list ul li.active-trail{
					background-color:#cacfcf;
					font-weight:bold;
					border:2px solid #ffffff;
					margin-top:2px;
					padding:4px 8px;
					font-size:1.1em;
				}

			#left-nav-list ul ul{
				margin:6px 4px 0px 4px;
				background-color:#cacfcf;
			}

			#left-nav-list ul ul li{
				border:none;
				font-size:1em;
				background: url(/images/left-nav-list-2-bg.gif) no-repeat 0em 0.3em;				
				background-color:#cacfcf;
				margin:0 0 0px;
				margin-top:3px;
				padding:0 0 0 15px;
				font-weight:normal;
			}

				#left-nav-list ul ul ul li{
					background: url(/images/left-nav-list-3-bg.gif) no-repeat 0em 0.3em;
					padding: 0 0 0.3em 10px;
					background-color:#cacfcf;
					margin:0;
					font-weight:normal;
					border:none;
				}

/* #left-nav-list ul li a:link{text-decoration:none;color:#003366;} */
#left-nav-list ul li a:link{text-decoration:none;color:#07509b;}
#left-nav-list ul li a:visited{text-decoration:none;color:#07509b;}
#left-nav-list ul li a:hover{text-decoration:underline;color:#07509b;}
#left-nav-list ul li a:active{text-decoration:underline;color:#07509b;}

	#left-nav-bottom{
		width:100%;
		height:17px;
		background-image:url(/images/left-nav-bottom.gif);
		
	}
	#left-nav-bottom-active{
		width:100%;
		height:17px;
		background-image:url(/images/left-nav-bottom-active.gif);
		
	}


.left-orange-ph{
	width:169px;
	height:22px;
	background-image:url(/images/left-side-orange-ph.gif);
	margin:0px 0px 6px 4px;
	font-weight:normal;
	padding:4px 0 0 8px;
}
	.left-orange-ph a:link{text-decoration:none;color:#ffffff;}
	.left-orange-ph a:visited{text-decoration:none;color:#ffffff;}
	.left-orange-ph a:hover{text-decoration:underline;color:#ffffff;}
	.left-orange-ph a:active{text-decoration:underline;color:#ffffff;}

/***** ****/
#contact-us-banner{
	background-image:url(/images/contact-us-banner.gif);
	width:487px;
	height:155px;
	margin:10px 0 0 0;
}

	#contact-us-in{
		padding:9px 0 0 15px;
	}

	p.call-times{
		margin:-10px 0 0 0;
		color:#C97021;
		font-weight:bold;
		font-size:1.25em;
	}

	p.call-num{
		margin:14px 0 0 0;
	}

	span.locall{
		font-size:1.5em;
		font-weight:normal;
		color:#32215a;
		line-height:2.2;
		padding:0 0 0 6px;
	}

#contact-form-wrap{
	padding:0 0 20px 0;
	border-bottom:1px solid #b8bac2;
}

/**** Lists ****/
ul.header-links{list-style:none;font-size:0.86em;}
ul.header-links li{	display:inline;	padding:0 0 0 2px;}
ul.header-links li a{padding:0 4px 0 0;}

ul.footer-links{list-style:none; margin:6px 0 0 0; text-align:center;}
ul.footer-links li{	display:inline;	padding:0 10px 0 0;}
ul.footer-links li a{padding:0 12px 0 0;}

#breadcrumb-wrap{margin:10px 0 16px 2px;}
#breadcrumb-wrap ul{list-style:none;}
#breadcrumb-wrap li{display:inline;	padding:0 2px 0 0;}
#breadcrumb-wrap li a{padding:0 4px 0 0;}


.main-content-area ul, .main-content-right ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0;}

.main-content-area ul li, .main-content-right ul li {background:  url(/images/blue-bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;}

.related-ph ul{list-style:none; font-size:0.86em; padding:10px 6px 0px 8px; margin: 0}
.related-ph ul li {background:  url(/images/orange-bullet.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 12px 10px;}

 ol{margin: 0px 0px 0px 0px; padding: 0 0 0 0; list-style-position:inside;}
ol li{padding:10px 6px 0px 8px; margin: 0}


#latest-news ul{margin:0 0 0 16px; padding:10px 0 0 0;}

#news-press-wrap ul{
	list-style:none;
	margin:10px 0 0 0;
	font-size:0.8em;
}

	#news-press-wrap ul li{
		margin:0 0 8px 0;
	}

/***** FROM ELEMENTS ***/
.form label{
	float:left;
	width:9em;
	color:#35306f;
	font-size:0.9em;
	font-weight:bold;
	padding:4px 0 0 0;
}

.form input{
	margin:0 0 8px 0;
	padding:3px 0 0 4px;
	width:246px;
	height:18px;
	background:url(/images/form-input-bg.gif);
	border:1px solid #ffffff;
}



.form textarea{
	margin:0 0 8px 2px;
	padding:2px 0 0 4px;
	width:242px;
	height:129px;
	border:1px solid #b8bac2;	
}

.form #contact-buttons{
	margin-left:7.8em;
}

.form .form-submit{
	background:none !important;
	float:left;
	width:auto;
	height:auto;
	display:inline;
	margin:0 10px 0 0;
}

/* Clearfix --------------------------------------------------*/    
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
	



/*pTools styles*/
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.underline{text-decoration:underline;}
img.left{float:left; display:inline; padding:6px 4px 0 0;}
img.right{float:right; padding:0 0 10px 10px; display:inline;}

.left-orange-ph a.active{text-decoration:underline; }
.main-content-area-2col {
display:inline;
float:left;
margin-left:1.6em;
width:49em;
}

.Pager
{
border:solid 2px #07509B;
background-color:#F7F7F7;
padding:5px;
color:	#07509B;
font-size:0.9em;
}

.form .form-submit{float:none;}
.form .form-submitleft{float:left;}

.form input.form-submitleft 
{
background:none;
border:none;
height:28px;
margin:0px;
padding:0px;
width:71px;
}

.form select
{
height:21px;
margin:0 0 8px;
padding:0px;	
}

#sitemap
{
	position:relative;
text-decoration:none;
}

#sitemap li {background-image:none; font-size:13px;}

#sitemap  ul{ list-style-position:inside;}

#sitemap  ul li{
 list-style-type:disc; 
}

#sitemap  ul li ul li{
 list-style-type:circle;padding-left:20px;
}

#sitemap  ul li ul li ul li{
 list-style-type:square; padding-left:20px;
}

#sitemap  ul li ul li ul li ul li{
 list-style-type:disc;padding-left:20px;
}

#dealing-in-this a.active{ font-weight:bold;}

.main-content-1col{
display:inline;
float:left;
margin-left:1.6em;
width:90%;

}

.main-content-1col ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.main-content-1col ul li {
background:transparent url(/images/blue-bullet.gif) no-repeat scroll 0 0.3em;
display:block;
padding:0 0 0.3em 10px;
}


#gallery {
	position:relative;
	height:178px;
	margin-bottom:0px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#fff; 
		color:#ffffff; 
		height:36px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		font-size:1.1em;
		padding:0;
		padding-top:5px;
		color:#003366;
		width:420px;
		float:left;
		 background-color:#fff;
	}
	
	#slideshow{ overflow:hidden;}
	
	.slideimages {padding-top:5px}
	.slideimages a {width:25px;}
	.slideimages img{cursor:pointer;z-index:10000;}
	.red{color:Red;}
	
	#cse-search-results iframe{width:700px}
	
.form input[type=radio]{
	margin:0px;
	padding:0px;
	width:30px;
	height:18px;
	background:none;
	border:1px solid #ffffff;
}

.form td label{width:auto;float:none; font-size:0.8em; font-weight:normal;padding:0px; vertical-align:top;}

.form label.longLabel{width:32em;}
.form label.midLabel{width:20em; margin-right:10px;}
.form input.shortTextbox
{
		margin:0 0 8px 0;
	padding:3px 0 0 4px;
	width:106px;
	height:18px;
	background:url(/images/form-input-small.gif);
	border:1px solid #ffffff;
}

.form p{padding-top:4px; padding-bottom:4px;}

#login{width:300px; margin:20px auto 60px auto;}

.form #login table td label{ vertical-align:middle; padding-bottom:5px; font-size:0.9em; padding-right:6px; font-weight:bold;}

.form #login td.loginBtn input, input.reset1{background:none; width:70px; margin-top:10px; height:25px;padding:2px; cursor:pointer; color:#C97021; font-weight:bold; border:1px solid #35306F}
#login a{font-size:0.8em;}

hr{ height:1px; color:#B8BAC2;}

table{ border:none;}
table td {border:none;margin:0;
padding:0.2em;
vertical-align:top; }
table td img{padding-top:13px}
table td p img{padding-top:0px}

.form1 {
border-color:#FFE6BB;
border-style:none none solid;
border-width:1px;
font-size:85%;
margin:0;
padding:5px 3px 3px;
}

td.form1 label{font-size:110%;}

td.form1 input{ background:none repeat scroll 0 0 transparent;
border:1px solid #35306F;
color:#C97021;
cursor:pointer;
font-weight:bold;
height:25px;
margin-top:10px;
padding:2px;
width:85px;
}

td.form1 label{font-size:110%;}

td.form1 input.disabled{ background:none repeat scroll 0 0 transparent;
border:1px solid #35306F;
color:#ADADAD;
cursor:pointer;
font-weight:bold;
height:25px;
margin-top:10px;
padding:2px;
width:85px;
}

td.form1 input#EnableAgree
{
cursor:pointer;
font-weight:bold;
height:10px;
margin-top:2px;
padding:1px;
width:15px;
}

.form input.check{width:15px; padding:0px; margin:0px; margin-top:5px; margin-right:20px;}
.form label.long{width:250px;}