/*
  Park Board Standard StyleSheet - Revised Jun 2006.
  PLEASE DO NOT MODIFY THIS FILE !!!
*/

/* strike announcement */
div.strike {width: 606px; border: 1px solid #006600; background-color: #EEFFEE; margin-top: 15px; margin-bottom: 15px; text-align: center; padding: 10px; padding-top: 0px; padding-bottom: 15px; }
div.strike H5 { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; font-weight: bold; font-variant: normal; text-transform: none; margin-top: 20px; margin-bottom: 0px; }
div.strike p {margin-top: 5px; }
div.strike a {font-size: 11px; font-weight: bold; text-decoration: none; }
div.strike a:link {text-decoration: underline; }
div.strike a:visited {text-decoration: underline; }
div.strike a:hover {text-decoration: none; }
div.strike a:active {text-decoration: underline; }

/* styles for standard HTML tags */
html, body, p { color: #000000; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
li { color: #000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; }
H1, H2, H3, H4, H5, H6 {color: #006600; }
H1 { color: #006600; font: bold 20px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 12px 0px; }
H2 { color: #006600; font: bold 16px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; }
H3, H4, H5, H6 { color: #006600; font: bold 13px Verdana, Arial, Helvetica, sans-serif; margin: 15px 0 10px 0; }
a:link { color: #000066; text-decoration: underline; }
a:visited { color: #003300; text-decoration: underline; }
a:hover { color: #FF0000; text-decoration: none; }
a:active { color: #000066; text-decoration: underline; }

/* styles for standard form elements */
input, textarea, option { color: #000000; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* main and secondary styles in the header bar. */
.headingextralarge {color: #006600; font: bold 24px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; }
.headinglarge {color: #006600; font: bold 20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 12px 0; }
.headingmedium {color: #006600; font: bold 15px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; }
.headingsmall {color: #006600; font: bold 13px Verdana, Arial, Helvetica, sans-serif; margin: 15px 0 10px 0; }

/* standard style for body copy. */
.body { color: #000000; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.bodybold { color: #000000; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.bodylarge { color: #000000; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.bodysmall { color: #000000; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.bodytiny { color: #000000; font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.whiteongrey { color: #FFFFFF; background-color: #999999; }

/* apply this class to the blackbar text so the links will be white and have a gold hover. */
.blackbar {color: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; text-decoration: none;}
.blackbarbold { color: #FFFFFF; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none;}
a.blackbarhighlight { color: #99FF99; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none;}
a.blackbar { font: 12px Arial, Helvetica, sans-serif; text-decoration: none;}
a.blackbarbold { font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none;}
a.blackbar { color: #FFFFFF; text-decoration: none; }
a.blackbar:link, a.blackbarbold:link, a.blackbar:visited, a.blackbarbold:visited { color: #FFFFFF; text-decoration: none;}
a.blackbarhighlight:link, a.blackbarhighlight:visited { color: #99FF99; font: bold Arial, Helvetica, sans-serif; text-decoration: none;}
a.blackbar:hover, a.blackbarbold:hover, a.blackbarhighlight:hover { color: #FF9900; text-decoration: none;}
a.blackbar:active, a.blackbarbold:active { color: #FFFFFF; text-decoration: none;}
a.blackbarhighlight:active { color: #99FF99; text-decoration: none;}

/* styles for the standard left side menu items. */
.sidemenu {color: #000000; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; }
.sidemenubold { color: #006600; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; }
a.sidemenu:link, a.sidemenu:visited { color: #000000; text-decoration: none; }
a.sidemenubold:link, a.sidemenubold:visited { color: #006600; text-decoration: none; }
a.sidemenu:hover, a.sidemenubold:hover { color: #FF0000; text-decoration: underline; }
a.sidemenu:active { color: #000000; text-decoration: none; }
a.sidemenubold:active { color: #006600; text-decoration: none; }
img.leftmenulogo { }

/* style for navigation buttons */
span.button { background-image: url("/parks/images/button.gif"); background-repeat: repeat-x; height: 19px;	border: none; text-align: center; padding: 1px 5px 2px 5px;	white-space: nowrap; vertical-align: top; cursor: pointer; }
span.buttonleft, span.buttonright, span.buttonmid { background-repeat: no-repeat; height: 19px; border: none; padding: 1px 0 2px 0; cursor: pointer; }
span.buttonleft { background-image: url("/parks/images/button_left.gif"); width: 4px; }
span.buttonright { background-image: url("/parks/images/button_right.gif"); width: 4px; }
span.buttonmid { background-image: url("/parks/images/button_mid.gif"); width: 11px; }
a.button:link, a.button:visited, a.button:hover, a.button:active { font: 12px Arial, Helvetica, sans-serif; text-decoration: none; vertical-align: top; }
a.button:link, a.button:visited { color: #000000; }
a.button:hover { color: #FF0000; }
a.button:active { color: #000000; }

/* table styles. */
table { border-style: none; margin: 0px;  border-collapse: collapse; }
tr { vertical-align: top; }
th { font: bold 14px Arial, Helvetica, sans-serif; text-align: left; vertical-align: top;  }
td { color: #000000; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; vertical-align: top;  }

table.tabledata { border: 1px solid #999999; padding: 0 3px 0 3px; border-collapse: collapse; }
th.tabledata { background-color: #DDDDDD; font-size: 11px; font-weight: bold; border: 1px solid #999999; padding: 0 3px 0 3px; }
td.tabledatasub { background-color: #F0F0F0; font-size: 11px; border: 1px solid #999999; padding: 0 3px 0 3px; }
td.tabledata { font-size: 11px; border: 1px solid #999999; padding: 0 3px 0 3px; }

table.tablegrid {border: 1px solid #999999; padding: 1px 5px 1px 5px; border-collapse: collapse; } 
th.tablegrid { border: 1px solid #666666; background-color: #009933; color: #FFFFFF; padding: 1px 5px 1px 5px; border-bottom: 3px solid #000000; }
tr.tablegrid { border: 1px solid #999999; padding: 1px 5px 1px 5px; }
td.tablegrid { border: 1px solid #999999; padding: 1px 5px 1px 5px; }
td.tablegridsub { background-color: #DDDDDD; border: 1px solid #999999; border-bottom: 1px solid #000000; padding: 1px 5px 1px 5px; }
td.tablegridpalegreen  { background-color: #EEFFEE; border: 1px solid #999999; padding: 1px 5px 1px 5px; }
td.tablegridgreen { background-color: #DDFFDD; border: 1px solid #999999; padding: 1px 5px 1px 5px; }
td.tablegridblue { background-color: #E9F9FF; border: 1px solid #999999; padding: 1px 5px 1px 5px; }

table.tablelined {border: 1px solid #999999; padding: 1px 5px 1px 5px; border-collapse: collapse; }
th.tablelined { background-color: #009933; color: #FFFFFF; padding: 1px 5px 1px 5px; border-bottom: 3px solid #000000; }
td.tablelined { border-bottom: 1px solid #999999; padding: 1px 5px 1px 5px; }
td.tablelinedsub { background-color: #DDDDDD; border-bottom: 1px solid #000000; padding: 2px 5px 2px 5px; }
td.tablelinedpalegreen, td.tablelinedgreen, td.tablelinedblue { border-bottom: 1px solid #999999; padding: 1px 5px 1px 5px; }
td.tablelinedpalegreen  { background-color: #EEFFEE; }
td.tablelinedgreen { background-color: #DDFFDD; }
td.tablelinedblue { background-color: #E9F9FF; }

table.tableunlined {border: 1px solid #999999; padding: 1px 5px 1px 5px; border-collapse: collapse; }
th.tableunlined { background-color: #009933; color: #FFFFFF; padding: 1px 5px 1px 5px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #000000; }
td.tableunlined { border: none; padding: 1px 5px 1px 5px; }
td.tableunlinedsub { background-color: #DDDDDD; border: none; padding: 1px 5px 1px 5px; }
td.tableunlinedgreen, td.tableunlinedblue, td.tableunlinedpalegreen { border: none; padding: 1px 5px 1px 5px; }
td.tableunlinedgreen { background-color: #DDFFDD; }
td.tableunlinedblue { background-color: #E9F9FF; }
td.tableunlinedpalegreen { background-color: #EEFFEE; }

table.tablesidebar { border: 2px solid #009933; float: right; margin: 5px 5px 15px 10px; }
th.tablesidebar { background-color: #009933; color: #FFFFFF; padding: 1px 5px 1px 5px; }
td.tablesidebar { background-color: #F9FFF9; padding: 1px 5px 1px 5px; }
td.tablesidebarsub { background-color: #E6FFE6; padding: 1px 5px 1px 5px; }
a.tablesidebar:link, a.tablesidebar:visited { color: #006600; font-weight: bold; text-decoration: none; }
a.tablesidebar:hover { color: #FF0000; font-weight: bold; text-decoration: none; }
a.tablesidebar:active { color: #006600; font-weight: bold; text-decoration: none; }

table.tablesidebarnoalign { border: 2px solid #009933; margin: 5px 5px 15px 10px; }
th.tablesidebarnoalign { background-color: #009933; color: #FFFFFF; padding: 1px 5px 1px 5px; }
td.tablesidebarnoalign { background-color: #F9FFF9; padding: 1px 5px 1px 5px; }
td.tablesidebarsubnoalign { background-color: #E6FFE6; padding: 1px 5px 1px 5px; }
a.tablesidebarnoalign:link, a.tablesidebarnoalign:visited { color: #006600; font-weight: bold; text-decoration: none; }
a.tablesidebarnoalign:hover { color: #FF0000; font-weight: bold; text-decoration: none; }
a.tablesidebarnoalign:active { color: #006600; font-weight: bold; text-decoration: none; }

table.tablegreensidebar {  border: 4px solid #FFFFFF; float: right; margin: 5px 5px 5px 10px; }
td.tablegreensidebar { background-color: #009933; color: #FFFFFF; border: 3px solid #FFFFFF; padding: 1px 10px 1px 10px; }
a.tablegreensidebar:link, a.tablegreensidebar:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.tablegreensidebar:hover { color: #FFFF00; font-weight: bold; text-decoration: none; }
a.tablegreensidebar:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }

table.tablegreysidebar { border: 2px solid #999999; float: right; margin: 5px 5px 15px 10px; }
th.tablegreysidebar { background-color: #333333; color: #FFFFFF; padding: 1px 5px 1px 5px; }
td.tablegreysidebar { background-color: #F6F6F6; padding: 1px 5px 1px 5px; }
td.tablegreysidebarsub { background-color: #CCCCCC; padding: 1px 5px 1px 5px; }
a.tablegreysidebar:link, a.tablegreysidebar:visited { color: #006600; font-weight: bold; text-decoration: none; }
a.tablegreysidebar:hover { color: #FF0000; font-weight: bold; text-decoration: none; }
a.tablegreysidebar:active { color: #006600; font-weight: bold; text-decoration: none; }

/* footer style at the bottom of pages. */
.footer { color: #000000; font: 10px Arial, Helvetica, sans-serif; }
.footerbold { color: #006600; font: bold 11px Arial, Helvetica, sans-serif; }

/* IMAGES STYLES */
/* image style with thin border */
img.photoborder { border: 1px solid #333333; margin-right: 2px; margin-left: 2px; }
img.photonoborder { margin-right: 2px; margin-left: 2px; }
img.photoleft { border: 1px solid #333333; float: left; margin: 0 20px 10px 1px; }
img.photoright { border: 1px solid #333333; float: right; margin: 0 1px 10px 20px; }
img.photorightnoborder { float: right; margin: 0 1px 10px 20px; }

/* SPECIAL PURPOSE STYLES */
/* attention grabber red on yellow highlight */
.needswork { border: 1px dotted red; border-bottom: 2px solid red; background-color:#FFFFCC }
/* attention grabber red bold */
.alert { color: #FF0000; font-weight: bold; }
/* This is for 1 line under top heading of Board agendas */
.recording { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: center;}
/* This is for aligning images to the right when set as a background */
.rightalignbgphoto { background-repeat: repeat-y; background-position: top right; } 

/* large white on green link style for A-Z index links */
.indexlargebold { font-size: 18px; font-weight: bold; text-decoration: none; color: #FFFFFF; background: #006600; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexlargebold { font-size: 18px; font-weight: bold; text-decoration: none; background: #006600; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexlargebold:link, a.indexlargebold:visited { font-size: 18px; font-weight: bold; text-decoration: none; background: #006600; color: #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexlargebold:hover { font-size: 18px; font-weight: bold; text-decoration: none; background: #006600; color: #FF9900; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexlargebold:active { font-size: 18px; font-weight: bold; text-decoration: none; background: #006600; color: #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
/* medium white on green link style for A-Z index links */
.indexmediumbold { font-size: 15px; font-weight: bold; text-decoration: none; color: #FFFFFF; background: #006600; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexmediumbold { font-size: 15px; font-weight: bold; text-decoration: none; background: #006600; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexmediumbold:link, a.indexmediumbold:visited { font-size: 15px; font-weight: bold; text-decoration: none; background: #006600; color: #FFFFFF;border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF;  }
a.indexmediumbold:hover { font-size: 15px; font-weight: bold; text-decoration: none; background: #006600; color: #FF9900; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexmediumbold:active { font-size: 15px; font-weight: bold; text-decoration: none; background: #006600; color: #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
/* small bold white on green link style for A-Z index links */
.indexsmallbold { font-size: 11px; font-weight: bold; text-decoration: none; color: #FFFFFF; background: #006600; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexsmallbold { font-size: 11px; font-weight: bold; text-decoration: none; background: #006600; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexsmallbold:link, a.indexsmallbold:visited { font-size: 11px; font-weight: bold; text-decoration: none; background: #006600; color: #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexsmallbold:hover { font-size: 11px; font-weight: bold; text-decoration: none; background: #006600; color: #FF9900; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexsmallbold:active { font-size: 11px; font-weight: bold; text-decoration: none; background: #006600; color: #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
/* small white on green link style for A-Z index links */
.indexsmall { font-size: 12px; text-decoration: none; color: #FFFFFF; background: #006600; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexsmall { font-size: 12px; text-decoration: none; background: #006600; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexsmall:link, a.indexsmall:visited { font-size: 12px; text-decoration: none; background: #006600; color: #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexsmall:hover { font-size: 12px; text-decoration: none; background: #006600; color: #FF9900; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
a.indexsmall:active { font-size: 12px; text-decoration: none; background: #006600; color: #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }

/* icon links */
a.pdf { background-image: url(/parks/images/pdf.gif); background-repeat: no-repeat;  background-position: right center; padding-right: 16px; }

/* right side column (ParkFinder) */
.contentrightcolumn { padding: 5px; }
ul.buttonstrip { display: inline; list-style: none; margin: 0; padding: 0; line-height: 26px; }
ul.buttonstrip li { display: inline; margin: 0; padding: 2px; }
ul.buttonstrip li a { font-size: 11px; font-weight: bold; white-space: nowrap; padding: 1px 6px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 2px solid #999999; border-right: 2px solid #999999; text-decoration: none; color: black; background: transparent url(/parks/images/button_normal.gif); }
ul.buttonstrip li a:hover { text-decoration: none; border-top: 1px solid #99cc99; border-left: 1px solid #99cc99; border-bottom: 2px solid #4f9d4f; border-right: 2px solid #4f9d4f; color: black; background: transparent url(/parks/images/button_highlight.gif); }
ul.buttonstrip li a:visited { text-decoration: none; color: black; }
/* styles for park details */
.textbox233 { font: 11px Arial, Helvetica, sans-serif; }
table.textbox233 {width: 233px; border: none; text-align:center; margin-top: 0px; }
tr.textbox233 { }
th.textbox233topedgegrey { height: 7px; background-image: url(/parks/images/roundedboxes/textbox233_topedgegrey.gif); background-color:#666666; background-repeat:no-repeat; }
th.textbox233topgrey { color: #FFFFFF; background-color:#666666; background-image: url(/parks/images/roundedboxes/textbox233_topbggrey.gif); background-repeat: repeat-y; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; }
td.textbox233toplinegrey { height: 4px; background-color:#333333; background-image: url(/parks/images/roundedboxes/textbox233_toplinegrey.gif); background-repeat: no-repeat; }
th.textbox233topedgeblue { height: 7px; background-color:#064087; background-image: url(/parks/images/roundedboxes/textbox233_topedgeblue.gif); background-repeat:no-repeat; }
th.textbox233topblue { color: #FFFFFF; background-color:#064087; background-image: url(/parks/images/roundedboxes/textbox233_topbgblue.gif); background-repeat: repeat-y; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; }
td.textbox233toplineblue { height: 4px; background-color:#333333; background-image: url(/parks/images/roundedboxes/textbox233_toplineblue.gif); background-repeat: no-repeat; }
th.textbox233topedgegreen { height: 7px; background-color:#095F30; background-image: url(/parks/images/roundedboxes/textbox233_topedgegreen.gif); background-repeat:no-repeat; }
th.textbox233topgreen { color: #FFFFFF; background-color:#095F30; background-image: url(/parks/images/roundedboxes/textbox233_topbggreen.gif); background-repeat: repeat-y; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; }
td.textbox233toplinegreen { height: 4px; background-color:#333333; background-image: url(/parks/images/roundedboxes/textbox233_toplinegreen.gif); background-repeat: no-repeat; }
th.textbox233topedgered { height: 7px; background-color:#5E0C1A; background-image: url(/parks/images/roundedboxes/textbox233_topedgered.gif); background-repeat:no-repeat; }
th.textbox233topred { color: #FFFFFF; background-color:#5E0C1A; background-image: url(/parks/images/roundedboxes/textbox233_topbgred.gif); background-repeat: repeat-y; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; }
td.textbox233toplinered { height: 4px; background-color:#333333; background-image: url(/parks/images/roundedboxes/textbox233_toplinered.gif); background-repeat: no-repeat; }
td.textbox233bottom { padding:5px 10px; background-color:#CCCCCC; background-image: url(/parks/images/roundedboxes/textbox233_bottombg.gif); background-repeat: repeat-y; font: 11px Arial, Helvetica, sans-serif; text-align:left; }
td.textbox233bottomline { height: 3px; background-color:#CCCCCC; background-image: url(/parks/images/roundedboxes/textbox233_bottomline.gif); background-repeat: no-repeat; }
td.textbox233bottomedge { height: 7px; background-color:#CCCCCC; background-image: url(/parks/images/roundedboxes/textbox233_bottomedge.gif); background-repeat: no-repeat; }

/* printable version of form elements */
.box3d { padding: 0; font-family: Arial,Helvetica,sans-serif; font-weight: normal; border-top: 1px solid threeddarkshadow; border-left: 1px solid threeddarkshadow; border-bottom: 2px solid threedlightshadow; border-right: 2px solid threedlightshadow;}
.selected { color: highlighttext; background-color: highlight;}
.hc_option {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; }

@media screen {
/*#dwtheader { display: inline; }
#dwtsidebar { display: inline; }
#dwtfooter { display: inline; }*/
#printheader { display: none; }
#printfooter { display: none; }
.printonly { display: none; }
}

@media print {
/* hide sections for hardcopy */
#dwtheader { display: none; }
#dwtsidebar { display: none; }
#dwtfooter { display: none; }
#printheader { display: inline; border-bottom: 1px solid #006600; margin-bottom: 4px; }
#printfooter { display: inline; border-top: 1px solid #006600; margin-top: 4px; }
.printonly { display: inline; }
.noprint { display: none; }
}