/* CSS Document */
/* Default styles */
p,tr,td,th,body, html,h1,h2,h3,h4,h5,h6, fieldset, ul, ol {font-size: 100.01%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
a img,:link img,:visited img, area { border:none }

/* Body styling for centering, background images*/
body {background: #a2c2e7; text-align: center; }
#wrapper {background: url(../images/sr_wrap-bg.gif) top left repeat-y; width: 777px; margin: 14px auto 0 auto; text-align: left; position: relative;}

/* Community Map page styles */
#communityMap {margin: 0 0 0 82px; padding: 0 0 0 0;}
#communityMap img {border: 0; display: block;}


/* Head styles */
#head {height: 149px; overflow: hidden;}
#head div {float: left}
#topNav { height: 35px; width: 777px;}
#bodyShadow img {display: block;}
#body {position: relative; width: 777px; clear: both;}

/* Hides the print heading when viewed on screen */
#printHead {display: none;}

/* class for pictures inline with content */
.inlinePic {float: left; margin: 0 10px 0 0; border: 1px solid #b8b9a1}

/* left column styling */
#lCol {
	position: absolute;
	left: 9px;
	top: 0;
	width: 174px;
	overflow: hidden;
	visibility: visible;
}
#lCol img {display: block}
#lCol img { }
#lCol .imgover {border-bottom: 1px solid #00325d;}
#lCol ul li a {font-size: 12px; height: 13px; }
#wrapper #lCol .on {border-bottom: 1px solid #00325d;}

#lCol .leftOpen {margin-bottom: -5px;}

#lCol ul {font-size: .7em; }
#lCol ul li {list-style: none; background: white; display: block;padding: 0 0 5px 22px;}
/* middle column styling */


#mCol {width: 540px; margin: 0 170px 0 190px; overflow: hidden}
#mCol p { line-height: 161%; margin: 5px 15px 20px 15px}
#mCol .centerPic {padding-bottom: 6px; background: white;}
#mCol h1 {font-weight: normal; margin-bottom: 15px; margin-top: 12px; color: #154e79; padding-left: 15px;  width: 380px;}
#mCol a {font-weight: bold; color: #1764A2; text-decoration: none;}
#mCol a:hover {text-decoration: underline}
#mCol h2 {color: #666633; padding-left: 15px; }
#mCol h3 {font-weight: bold; padding-left: 15px; color: #071B2D }
#mCol h4 {margin-bottom: 15px; margin-left: 15px; margin-top: -12px; font-size: 15px;
	color: #154e79;} 
/*
#mCol ul {margin-top: 15px; margin-left: 15px; list-style: none;  padding-left: 0; margin-bottom: 15px;}
#mCol li {line-height: 100%; margin-bottom: 1.2em; background: url(../images/bullet.gif) 0 2px no-repeat; padding-left: 20px; padding-bottom: 3px;}
*/
#mCol ul {margin-top: 15px; margin-left: 15px; list-style: none;  padding-left: 0; margin-bottom: 15px;}
#mCol li {background: url(../images/bullet.gif) 0 2px no-repeat; padding-left: 20px; padding-bottom: 3px;}


/* dl styles "what's new" list */
#mCol dl {margin: 10px 0 0 15px; padding: 0;}
#mCol dl dt {font-weight: bold; margin: 0 0 4px 0}
#mCol dl dd {margin: 0 0 24px 0; padding: 0;}


address {font-style: normal; margin: 0 0 20px 15px; padding: 0 0 0 0; line-height: 161% }

/* for testimonials page*/
#wrapper .testimonials div {width: 415px; padding: 10px 15px 10px 10px; margin: 0 0 0 0}
#wrapper .testimonials div p {margin: 0 25px 10px 15px; padding: 0 0 0 0;}
#wrapper .testimonials div strong {font-weight: bold;color: #666}

/*styles for line break div - more reliable than a <br> */
#mCol .break {line-height: 1%; height: 1px; clear: both; font-size: 1px;}


#mCol .detail {padding: 15px 0 15px 15px; width: 540px; clear: both; color: #071B2D}
#mCol .detail .img {float: left; margin: 0 0 0 0;}
#mCol .detail .img img {display: inline; border: 1px solid #9e9e7c}
#mCol .detail .content {margin: 0 0 0 105px}
#mCol .detail .content a {color: #386AAA; font-weight: normal}
#mCol .detail .content p {margin: 0 15px 0 0; padding: 0 0 0 0;  overflow: hidden}
#mCol .dark {background: #f1f0e2;}
#mCol .detail .content h3 {margin-left: 0; padding-left: 0;}

/* back to previous page link styles*/
#mCol .backTo {padding-left: 15px; }
#mCol .backTo a {font-size: .7em; padding-left: 15px;background: url(../images/back-arrow.gif) center left no-repeat;}

/* back to page top link styles*/
#mCol .backToTop {padding-left: 15px;}
#mCol .backToTop a {padding-left: 15px; font-size: .7em; background: url(../images/top-arrow.gif) left center no-repeat;}


/*Contact page form styles */
input, select, textarea {border-top: 2px solid #848484; border-left: 2px solid #848484; border-bottom: 0; border-right: 0;}
textarea {border: 1px solid #999;}
form {margin: 0 0 0 15px; padding: 0}
#mCol form h3 {margin: 0 0 15px 0; padding: 0}
form label { color: #071B2D}
#textBoxes label {display: block; float: left; width: 105px; margin-right: 25px; padding-top: 4px;}
#textBoxes {margin: 0 0 20px 0; padding: 0; border: 0;}
#textBoxes input {width: 210px;}
form #phone input {width: 25px;}
form #phone {margin-bottom: 20px; }
#textAreas label {display: block; margin: 0 0 5px 0}
#textAreas select{width: 330px; margin: 0 0 10px 0}
#textAreas textarea { margin: 0 0 10px 0; width: 330px;}
form div {clear: both; display: block; margin: 0 0 12px 0}
.error {color: red; font: 11px/1.8 Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0px 0px 0px 100px; padding: 0px; }

.note {display: block; width: 210px; clear: both; margin-left: 130px;}

/* Styles for bottom links on community map page */
div#mapLinks h2 {padding: 0 0 4px 0}
div#mapLinks {margin: 30px 0 60px 15px;}
div#mapLinks ul {margin: 0; padding: 0; font-size: 85%}
div#mapLinks li {display: inline; list-style: none; background: none; margin: 0; padding: 0;}
div#mapLinks ul li a {color: #1764A2}
/* right column styling 

#rCol {
	position: absolute;
	top: -5px;
	left: 609px;
	padding: 21px 15px 0 15px;
	overflow: hidden;
	width: 135px;
	visibility: visible;
}
#rCol a {color: #4383D3;  font-weight: bold; text-decoration: none;}
#rCol h2 { color: #9F1800; margin-bottom: 5px;}
#rCol a {font-size: .7em; }
#rCol h2 {font-size: 1em;}

#rCol ul li a {font-size: .7em;}

#rCol p {color: #4383D3;  font-weight: bold;font-size: 12px; }
#rCol p a {font-size: 12px}
*/
/* classes to make expandible list work */
.open ul {display: block}
.closed ul {display: none;}

/* Top level right nav styling */

#rCol ul {margin: 0; padding: 0;}
#rCol ul li {list-style: none; line-height: 100%; margin: 0 0 5px 0; padding: 0 0 0 0;}
#rCol ul li a { font-weight: bold; color: #386AAA;text-decoration: none;}
#rCol ul li a:hover {text-decoration: underline}

/* Second level right nav styling */
#rCol ul li ul {margin: 0; padding: 0;}
#rCol ul li ul li {margin: 0 0 3px 0; padding: 0 0 0 0; line-height: 100%}
#rCol ul li ul li a {font-weight: normal; color: #003366; text-decoration: underline;}

/* Style for column ending image container */
#endCol {width: 777px; margin: 0 auto; text-align: center;}
 /* footer styling */
#footer {line-height: 140%; text-align: left; width: 765px; margin: 25px auto;  padding: 0 0 30px 12px; background: url(../images/footer-bg.gif) 12px 100% no-repeat; }
#footer a {color: #333}
.displayFix {display: block;}



/* Our Mission */
p.acronym:first-letter {text-decoration: underline}

/* checklist style */
ul#checklist {margin-top: 25px; list-style: none;}
ul#checklist li {background: url(../images/checkbox.gif) 0 3px no-repeat; list-style: none; display: block; margin-bottom: 12px; padding-left: 25px; margin-right: 15px; line-height: 140%}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	letter-spacing: 2px;
	visibility: hidden;
	font-size: 17px;
	color: #154e79;
 display: block; overflow: hidden; line-height: 75%; height: 21px;
	
}

.sIFR-hasFlash h4 {
	letter-spacing: 2px;
	visibility: hidden;
	font-size: 15px;
	color: #154e79;
 display: block; overflow: hidden; line-height: 75%; height: 19px;
	
}