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

body {
	color: #000;
	background-color: #f5f5f5;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 5px;
}

/* ================= */
/* basic link styles */
/* ================= */

a:link {
	color: #660000;
}
a:link.noul, a:visited.noul {
	text-decoration:none;
}
a:visited {
	color: #660000;
}
a:focus, a:hover, a:active {
	color: #ffffff;
	background-color: #990000;
	text-decoration:none;
}


/* ================= */
/* print-only styles */
/* ================= */

#prthead {
	visibility: hidden;
	height: 1px;
}
#prthead h1 {
	font-size: .1em;
	margin: 0; padding: 0;
}

/* ------------------------------- */
/*           page layout           */
/* ------------------------------- */

/* wrapTop0 and wrapTop1 contain entire page except footer  */
/* (i.e., all of page with shadows on sides, incl. banner)  */

#wrapTop0 {
	width: 99%;
	max-width: 1300px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url(images/shadowR.gif) repeat-y right;
}
#wrapTop1 {
	margin: 0 12px 0 0;
	padding: 0 0 0 0;
	background: url(images/shadowL.gif) repeat-y left;
}

/* styles for banner area and top navigation area */
/* see the spryassets folder for the drop down menu styles */
/* background landscape is in one of the wraps, the photo collage is in bpic1 */
/* both of these are replaced by section-specific style sheets  */

#wrapPgTop0 {
	margin: 0 0 0 12px;
	border-top: 1px solid #666666;
	background: url(images/plfr-nav-bkg.jpg) repeat;
}
#wrapPgTop1 {
	background:  url(images/landscape.jpg) no-repeat left top;
	height: 249px;
	position: relative;
}
#wrapPgTop2 {
	overflow: hidden;
}
#plfrlogo {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 5;
}
#plfrtitle {
	float: right;
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 6;
	padding: 0; margin: 0;
	width: 455px;
	height: 35px;
	background:  url(images/plfr-title.png) no-repeat right top;
}
#bpic1 {
	float: right;
	z-index: 4;
	background: url(images/photos1.jpg) no-repeat;
}

/* page footer outer wrapper */

#wrapPgFoot {
	width: 95%;
	max-width: 1250px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

/* styles for main body elements including the left and right columns */

#wrapMain {
	margin: 3px 0px 3px 12px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #CCCCCC;
}
#wrapColLeft { /* left column (mostly navigation) */
	margin: 0;
	padding: 0;
	display: inline;
	width: 200px;
	text-align: left;
	color: #000;
	float: left;
}
#wrapColLeft .station31 { /* home page only */
	font-size: .8em;
	line-height: 110%;
	margin: 15px 3px 15px 3px;
	padding: 0;
}
#wrapColLeft .station31 p {
	margin: 0;
	margin-top: 6px;
}
#wrapColRight0 {  /* right column, sometimes navigation, sometimes other content */
	margin: 0; 
	padding: 0;
	float: right;
	width: 200px;
	text-align: left;
	color: #000;
}
#wrapColRight1, #wrapColLeft1 {
	margin: 0;
	padding: 5px 5px 5px 5px;
	font-size: .9em;
}
#wrapMainContent0 {  /* main body of page */
	margin: 0; padding: 0;
	background-color: #ffffff;
	color: #000000;
	margin-left: 201px;
	margin-right: 201px;
	text-align: left;
	border-left: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
}
#wrapMainContent1 {
	margin: 0;
	padding: 10px 10px 10px 10px;
	line-height: 130%;
	font-size: .95em;
}

/* --------------------------------------- */
/* page footer elements (other than links  */
/* --------------------------------------- */

#wrapPgFoot .station31 {
	font-size: .8em;
}
#wrapPgFoot .station31 p {
	margin: 0;
	margin-top: 3px;
}
#ds {
	font: .7em  Veranda, sans serif ;
	color: #666666;
}

/* ------------------------------------------------------- */
/* these styles handle navigation                          */
/* nav0 is for the top of page menu on all pages           */
/* see the spry style sheet for the banner area navigation */
/* nav2 is for the left side menus, nav2h is for the home link */
/* nav5 is the horizontal bottom of page links             */
/* nav6 and higher are for the footer area                 */
/* ------------------------------------------------------- */

#nav0 {
	color: #000;
	margin: 0;
	padding: 0;
	padding-left: 250px;
	text-align: left;
	vertical-align: top;
}
#nav5 {
	padding: 9px 0 0 0; 
	margin: 0;
}
#nav0 h5, #nav1 h5, .nav2 h5, .nav2h h5, #nav5 h5, #nav6 h5 {
	display: none;
	margin: 0;
	padding: 0;
}

.navSubtitle { /* for section titles inside the left side naviation area */
	font-variant: small-caps;
	font-size: .9em;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	background-color: #999999;
	color: #ffffff;
	padding: 2px 0 2px 0;
}
.navSubtitle2, .navSubtitle2b, .navSubtitle3 { /* for section titles inside the left side naviation area */
				/* titles that should be larger */
	font-variant: small-caps;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	background-color: #999999;
	color: #ffffff;
	padding: 1px 0px 1px 0px;
}
.navSubtitle3 {
	font-size: 1em;
}
.navSubtitle2 a {
	padding: 12px 2px 12px 3px;
}
.navSubtitle2b a, .navSubtitle3 a {
	padding: 6px 2px 6px 3px;
}

.nav2 ul, .nav2h ul {
   margin: 0; padding: 0;
}
.nav2h ul {
	margin: 8px 0 6px 0;
}
.nav2 li, .nav2h li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav2 li {
   border-bottom: 1px solid #666666;
}
.nav2 a, .nav2h a, .nav2 li.curr, .nav2 li.nav2sub-curr {
	display: inline-block;
}
.nav2 a, .nav2h a, .nav2 li.curr, .nav2 li.nav2sub-curr {
	text-decoration: none;
    font: small-caps .9em Veranda, sans-serif;
	padding: 4px 2px 5px 3px;
	color: #660000;
	display: block;
}
.nav2h a {
	font-weight:900;
}
.nav2 a {
	background-color: #cccccc;
	background: url(images/plfr-nav-bkg2.jpg) repeat-x;
}
.nav2 li.nav2sub a, .nav2 li.nav3sub a, .nav2 li.nav2pdf a {
	font-size: .85em;
	background: url(images/plfr-nav-bkg2sub.jpg) repeat-y;
	padding-left: 18px;
}
.nav2 li.nav2pdf a {
	background: url(images/plfr-nav-bkg2pdf.jpg) repeat-y;
	padding-left: 27px;
}
.nav2 li.nav3sub a {
	background: url(images/plfr-nav-bkg3sub.jpg) repeat-y;
}
.navSubtitle a, .navSubtitle2 a, .navSubtitle2b a, .navSubtitle3 a {
	display: inline-block;
}
.navSubtitle a, .navSubtitle2 a, .navSubtitle2b a, .navSubtitle3 a {
	text-decoration: none;
	color: #660000;
	display: block;
	background-color: #cccccc;
	background: url(images/plfr-nav-bkg2.jpg) repeat-x;
}
.nav2 a:hover, .nav2h a:hover, .navSubtitle a:hover, .navSubtitle2 a:hover, .navSubtitle2b a:hover, .navSubtitle3 a:hover, .nav2 li.nav2sub a:hover, .nav2 li.nav2pdf a:hover, .nav2 li.nav3sub a:hover {
	background-color: #990000;
	color: #fff;
	background: url(images/plfr-nav-bkg2-on.jpg) repeat-x;
}
.nav2 li.nav2pdf a:hover {
	background: url(images/plfr-nav-bkg2pdf-on.jpg) repeat-x;
}
.nav2 li.curr, .nav2 li.nav2sub-curr {
	background-color: #999;
	color: #fff;
}
.nav2 li.nav2sub-curr {
	font-size: .85em;
	background: url(images/plfr-nav-bkg2sub-curr.jpg) repeat-y;
	padding-left: 18px;
}
.menudot { /* don't think this is used anymore, but keep it */
	margin-right: 4px;
}
/* ---  nav4 is for the right side */
.nav4 ul {
   margin: 0; padding: 0;
}
.nav4 li {
	margin: 0;
	padding: 0;
	list-style: none;
   border-bottom: 1px solid #666666;
}
.nav4 a {
	display: inline-block;
}
.nav4 a, .nav4 a.curr {
	text-decoration: none;
	font-variant:small-caps;
	font-size: .97em;
	padding: 4px 2px 5px 18px;
	color: #660000;
	display: block;
	background-image: url(images/plfr-nav-bkg2sub.jpg);
	background-repeat: repeat-x;
}
.nav4 a.curr {
	background-image: url(images/plfr-nav-bkg2sub-curr.jpg);
	color: #fff;
}
.nav4 a:hover {
	background-color: #990000;
	color: #fff;
	background: url(images/plfr-nav-bkg2-on.jpg) repeat-x;
}
.nav4 a.curr, .nav4 a.curr:hover {
	background-image: none;
	color: #fff;
	background-color: #999999;
}

/* ---  nav5 and 6 and 7 are for footer area */

#nav5 ul {
   margin: 0; padding: 0;
   font: .9em Veranda, sans-serif;
   padding: 3px 0 3px 0;
}
#nav5 li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	padding: 3px 10px 3px 10px;
}
#nav5 ul li a {
	text-decoration: underline;
	font-variant: small-caps;
	padding: 3px 3px 3px 3px;
}
#nav6 {
	text-align: left;
}
#nav6 ul, #nav7 {
	margin: 0; padding: 0;
	font: .8em Veranda, sans serif;
}
#nav6 li {
	margin: 0; padding: 0;
	list-style: none;
	padding: 2px 0px 2px 0px;
}
#nav6 ul li a,  #nav7 a {
	text-decoration: none;
	padding: 2px 2px 2px 2px;
}
#nav7 {
	display: inline;
	float: right;
	width: 90px;
	text-align: center;
}
#artemis a:hover {
	background-color: transparent;
}

#nav5 ul li a:hover, #nav6 ul li a:hover, #nav7 a:hover {
	text-decoration: none;
}
/* -------------------- */
/* top of page elements */

h1 {
	font-size: 1.6em;
	border-bottom: 1px dashed #d3d3d3;
	padding-bottom: 12px;
	line-height: 110%;
}
.h1sub {
	font-size: .8em;
}
.h1sub9 {
	font-size: .9em;
}
h2 {
	font-size: 1.35em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}

/* -- misc styles for page body */

#breadcrumbs {
	font-size: .75em;
	color: #666;
}
#breadcrumbs a {
	text-decoration: none;
	padding: 2px 0 2px 0;
}

/* styles for next page or previous page arrows (currently only on the bottom of the page) */

.nextPrevRight {
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	display: inline;
	float: right;
}
.nextPrevLeft {
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	float: left;
}
.nextPrevRight a, .nextPrevLeft a {
	text-decoration: none;
	padding: 3px 3px;
}




/* -- misc styles for right column */
/* -- see the plfr-about style sheet for the bocminutes styles */

#memoFromChiefYellow {
	color #000;
	font-size: .85em;
	padding-right: 2px;
	background: #ffff99 url(images/noteYellowPageCurl.gif) no-repeat right bottom;
}
#memoFromChiefGray {
	color: #fff;
	font-size: 0.85em;
	padding-right: 2px;
	line-height: 150%;
	background: #999999 url(images/noteGrayPageCurl.gif) no-repeat right bottom;
	font-weight: 700;
}
#memoFromChiefYellow p, #memoFromChiefGray p {
	margin-left: 5px;
	margin-right: 5px;
}
.memoFromHeader, .memoFromHeaderLg { /* make sure this stays below the style that indents the paragraphs in generaL */
	margin: 5px 5px 5px 33px;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: 700;
	border-bottom: 1px dashed #999;
	text-align:center;
}
.memoFromHeaderLg {
	padding-top: 10px; 
	font-size: 1.2em;
}
#memoFromChiefGray .memoFromHeader, #memoFromChiefGray .memoFromHeaderLg {
	border-bottom: 1px dashed #fff;
}
.yellowAnnouncementBox1, .yellowAnnouncementBox2, .redAnnouncementBox1, .grayAnnouncementBox1, .grayAnnouncementBox2, .grayAnnouncementBox3, .blueAnnouncementBox1 {
	margin: 0; padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color #000;
	background: #ffff99;
}
.yellowAnnouncementBox2 {
	border: 4px double #000000;	
}
.redAnnouncementBox1 {
	color: #fff;
	background-color: #990000;
}
.grayAnnouncementBox1 {
	color: #000;
	background-color: #bebebe;
}
.grayAnnouncementBox2 {
	color: #000;
	background-color: #b5b5b5;
	border: 2px dotted #666666;
}
.grayAnnouncementBox3 {
	color: #fff;
	background-color: #666666;
}
.blueAnnouncementBox1 {
	color: #000;
	background-color: #cae1ff;
}


#fireDangerStatus {
	color: #000;
	text-align: center;
}

.rightColHead1, #fireDangerStatus h3 {
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: 700;
	text-align:center;
}

.rightColHead2, .grayColHead1, .grayColHead2, .grayColHead3, .grayColHead4, .grayColHead5 {
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: 700;
	text-align:center;
	background-color:#999;
	color:#FFF;
	display:block;
	padding-top: 3px;
	padding-bottom: 3px;
}
#fireDangerStatus .rightColHead2, .grayColHead2 {
	border-top: #990000 solid 3px;
}
.grayColHead3 {
	border-bottom: #990000 solid 3px;
}
.grayColHead4 {
	border-top: #990000 solid 3px;
	border-bottom: #990000 solid 3px;
}
.grayColHead5 {
	background-color:#666;
}

/* -- misc styles for anywhere */

.sm60 {
	font-size: .60em;
}
.sm70 {
	font-size: .70em;
}
.sm80 {
	font-size: .80em;
}
.sm85 {
	font-size: .85em;
}
.sm90 {
	font-size: .90em;
}
.sm95 {
	font-size: .95em;
}
.lg110 {
	font-size: 1.1em;
}
.lg110bold {
	font-size: 1.1em;
	font-weight: 900;
}
.lg120 {
	font-size: 1.2em;
}
.lg120bold {
	font-size: 1.2em;
	font-weight: 900;
}
.lg130 {
	font-size: 1.3em;
}
.lg130bold {
	font-size: 1.3em;
	font-weight: 900;
}
.lg140 {
	font-size: 1.4em;
}
.lg140bold {
	font-size: 1.4em;
	font-weight: 900;
}

.smGrayNote {
	font-size: 0.8em;
 	color: #333333;
}
.boldGray {
 	color: #666666;
	font-weight:900;
}
.boldRed1 {
	color: #FF0000;
	font-weight:900;
}
.grayInverseLg {
	font-size: 1.2em;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #666666;
	padding: 2px;
}
.smCapBoldBlack {
	font-size: 0.95em;
	font-weight: 900;
	font-variant: small-caps;
	color: #000000;
	line-height: 120%;
}
.smCapBoldBlack1 {
	font-size: 1em;
	font-weight: 900;
	font-variant: small-caps;
	color: #000000;
	line-height: 120%;
}
.indentedText {
	margin-left: 30px;
}
.clrflt {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clrfltleft {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clrfltright {
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.spread125 {
	line-height: 125%;
}
.spread150 {
	line-height: 150%;
}

.photoNews {
	display: inline;
	float: right;
	display: inline;
	float: right;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-left: 20px;
}

/* styles for pages with bios such as the commissioners and personnel */
.bios td {
	padding-top: 15px;
	
}
.bios h3, .bios h4 {
	margin-top: 0;
}
.portraitPhoto {
	display: inline;
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
	text-align: center;
	background: #e8e8e8;
	width: 180px;
}
.portraitPhoto img {
	padding-top: 20px;
	padding-bottom: 5px;
}
.portraitPhoto a {
	font-size: .8em;
}

table.personnelPhoto, table.volunteerPhoto {
	text-align: center;
	margin: auto;
}
table.personnelPhoto td, table.volunteerPhoto td {
	padding: 10px;
	text-align: center;
	vertical-align: top;
	font-size: .8em;
	width: 20%;
}
table.volunteerPhoto td {
	width: 10%;
}
/* styles for pages with checklists such as the fire safety checklist */

#checklist {
	text-align:center;
	margin:auto;
}
#checklist h3, #checklist h4, #checklist ul, #checklist p {
	text-align:left;
}
.checkBoxListRed {
	list-style-image:url(images/checkBox-red.gif);
	color: #FF0000;
}
.checkBoxListBlack {
	list-style-image:url(images/checkBox-black.gif);
	color:#000000;
}
#checklist .checkBoxListRed {
	margin-bottom: 0;
}
#checklist .checkBoxListBlack {
	margin-top: 0;
}
/* list styles in general */

.listDoubleSpaced li, .listDoubleSpaced, ul.listDoubleSpaced li {
	margin-bottom: 1em;
}
.listRedDot li, .listRedDot, ul.listRedDot li {
	list-style-image: url(images/red-dot.gif);
}
.listRedDotDoubleSpaced li, .listRedDotDoubleSpaced, ul.listRedDotDoubleSpaced li {
	list-style-image: url(images/red-dot.gif);
	margin-bottom: 1em;
}
.listGrayDot li, .listGrayDot, ul.listGrayDot li {
	list-style-image: url(images/gray-dot.gif);
}
.listGrayDotDoubleSpaced li, .listGrayDotDoubleSpaced, ul.listGrayDotDoubleSpaced li {
	list-style-image: url(images/gray-dot.gif);
	margin-bottom: 1em;
}
.listBlackTriangleSm li, .listBlackTriangleSm, ul.listBlackTriangleSm li {
	list-style-image: url(images/black-triangle-sm.gif);
}
.listBlackTriangleSmDoubleSpaced li, .listBlackTriangleSmDoubleSpaced, ul.listBlackTriangleSmDoubleSpaced li {
	list-style-image: url(images/black-triangle-sm.gif);
	margin-bottom: 1em;
}
.listRedTriangleSm li, .listRedTriangleSm, ul.listRedTriangleSm li {
	list-style-image: url(images/red-triangle-sm.gif);
}
.listRedTriangleSmDoubleSpaced li, .listRedTriangleSmDoubleSpaced, ul.listRedTriangleSmDoubleSpaced li {
	list-style-image: url(images/red-triangle-sm.gif);
	margin-bottom: 1em;
}
.listGrayTriangleSm li, .listGrayTriangleSm, ul.listGrayTriangleSm li {
	list-style-image: url(images/gray-triangle-sm.gif);
}
.listGrayTriangleSmDoubleSpaced li, .listGrayTriangleSmDoubleSpaced, ul.listGrayTriangleSmDoubleSpaced li {
	list-style-image: url(images/gray-triangle-sm.gif);
	margin-bottom: 1em;
}
.listRedDiamondSm li, .listRedDiamondSm, ul.listRedDiamondSm li {
	list-style-image: url(images/red-diamond-sm.gif);
}
.listRedDiamondSmDoubleSpaced li, .listRedDiamondSmDoubleSpaced, ul.listRedDiamondSmDoubleSpaced li {
	list-style-image: url(images/red-diamond-sm.gif);
	margin-bottom: 1em;
}
.listBlackDiamondSm li, .listBlackDiamondSm, ul.listBlackDiamondSm li {
	list-style-image: url(images/black-diamond-sm.gif);
}
.listBlackDiamondSmDoubleSpaced li, .listBlackDiamondSmDoubleSpaced, ul.listBlackDiamondSmDoubleSpaced li {
	list-style-image: url(images/black-diamond-sm.gif);
	margin-bottom: 1em;
}
.listGrayDiamondSm li, .listGrayDiamondSm, ul.listGrayDiamondSm li {
	list-style-image: url(images/gray-diamond-sm.gif);
}
.listGrayDiamondSmDoubleSpaced li, .listGrayDiamondSmDoubleSpaced, ul.listGrayDiamondSmDoubleSpaced li {
	list-style-image: url(images/gray-diamond-sm.gif);
	margin-bottom: 1em;
}

/* for borders and boxes */
.border-black3 {
	border: 3px solid #000000;
}
.border-white-RedBkg10 {
	border: 3px solid #fff;
	background-color:#FF0000;
}
.border-red10-WhiteBkg10 {
	border: 10px double #FC0000;
	margin: 1px;
	background-color:#fff;
}