/* MenuBegin:menu_topnav_ffoo */
ul.menu_topnav_ffoo { margin: 0; border: 0; padding: 0; list-style: none; line-height: 22px; }
ul.menu_topnav_ffoo li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.menu_topnav_ffoo ul { margin: 0; border: 0; padding: 0; list-style: none; display: none; position: absolute; top: 22px; left: 0; }
ul.menu_topnav_ffoo ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

/* 1st Level */
ul.menu_topnav_ffoo a { color: #fff; text-decoration: none; border-right: 1px solid #ccc; text-align: left; padding: 0px 10px; font: normal 11px/22px Verdana, Geneva, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_topnav_ffoo a:hover,
ul.menu_topnav_ffoo li:hover a,
ul.menu_topnav_ffoo a:hover,
ul.menu_topnav_ffoo li.over a { color: #fff; background: #8bba3f; text-decoration: underline; }
ul.menu_topnav_ffoo a.last { border-right: 0; }

/* 2nd Level */
ul.menu_topnav_ffoo li:hover li a,
ul.menu_topnav_ffoo li.over li a { width: 140px; background: #669c12; text-decoration: none; border-top: 1px solid #ccc; border-bottom:0; border-right:0; float: none; }
ul.menu_topnav_ffoo li:hover li a:hover,
ul.menu_topnav_ffoo li:hover li:hover a,
ul.menu_topnav_ffoo li.over li a:hover,
ul.menu_topnav_ffoo li.over li.over a { color: #fff; background: #8bba3f; text-decoration: underline; text-decoration: underline; }
ul.menu_topnav_ffoo li:hover ul,
ul.menu_topnav_ffoo li.over ul { width: 140px; }
ul.menu_topnav_ffoo li:hover li:hover li a.first,ul.menu_topnav_ffoo li.over li.over li a.first { border-top: 0; }

/* 3rd Level */
ul.menu_topnav_ffoo li:hover li:hover li a,
ul.menu_topnav_ffoo li.over li.over li a { width: 140px; background: #669c12; text-decoration: none; border-top: 1px solid #ccc; border-bottom:0; border-right:0; }
ul.menu_topnav_ffoo li:hover li:hover li a:hover,
ul.menu_topnav_ffoo li:hover li:hover li:hover a,
ul.menu_topnav_ffoo li.over li.over li a:hover,
ul.menu_topnav_ffoo li.over li.over li.over a { color: #fff; background: #8bba3f; text-decoration: underline; text-decoration: underline; }
ul.menu_topnav_ffoo li:hover li a.first,ul.menu_topnav_ffoo li.over li a.first { border-top: 0; }

ul.menu_topnav_ffoo ul ul { display: none; position: absolute; top: 0; left: 160px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_topnav_ffoo li:hover ul ul,ul.menu_topnav_ffoo li.over ul ul { display: none; }
ul.menu_topnav_ffoo li:hover ul,ul.menu_topnav_ffoo ul li:hover ul,ul.menu_topnav_ffoo li.over ul,ul.menu_topnav_ffoo ul li.over ul { display: block; }
ul.menu_topnav_ffoo .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:menu_topnav_ffoo */

/* MenuBegin:topnav_ffoo_fix */
ul.topnav_ffoo_fix { margin: 0; border: 0; padding: 0; list-style: none; line-height: 22px; }
ul.topnav_ffoo_fix li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.topnav_ffoo_fix ul { margin: 0; border: 0; padding: 0; list-style: none; width: 140px; display: none; position: absolute; top: 22px; left: 0; }
ul.topnav_ffoo_fix ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

/* 1st Level */
ul.topnav_ffoo_fix a { color: #fff; text-decoration: none; width: 120px; border-right: 1px solid #ddd; text-align: left; padding: 0px 10px; font: normal 11px/22px Verdana, Geneva, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.topnav_ffoo_fix a:hover,
ul.topnav_ffoo_fix li:hover a,
ul.topnav_ffoo_fix a:hover,
ul.topnav_ffoo_fix li.over a { color: #fff; text-decoration: none; }
ul.topnav_ffoo_fix a.last { border-right: 0; }

/* 2nd Level */
ul.topnav_ffoo_fix li:hover li a,
ul.topnav_ffoo_fix li.over li a { color: #336699; background: #fff; border-top: 1px solid #ddd; border-bottom:0; border-right:0; float: none; }
ul.topnav_ffoo_fix li:hover li a:hover,
ul.topnav_ffoo_fix li:hover li:hover a,
ul.topnav_ffoo_fix li.over li a:hover,
ul.topnav_ffoo_fix li.over li.over a { color: #fff; text-decoration: none; color: #336699; text-decoration: underline; }
ul.topnav_ffoo_fix li:hover li:hover li a.first,ul.topnav_ffoo_fix li.over li.over li a.first { border-top: 0; }

/* 3rd Level */
ul.topnav_ffoo_fix li:hover li:hover li a,
ul.topnav_ffoo_fix li.over li.over li a { color: #336699; background: #fff; border-top: 1px solid #ddd; border-bottom:0; border-right:0; }
ul.topnav_ffoo_fix li:hover li:hover li a:hover,
ul.topnav_ffoo_fix li:hover li:hover li:hover a,
ul.topnav_ffoo_fix li.over li.over li a:hover,
ul.topnav_ffoo_fix li.over li.over li.over a { color: #fff; text-decoration: none; color: #336699; text-decoration: underline; }
ul.topnav_ffoo_fix li:hover li a.first,ul.topnav_ffoo_fix li.over li a.first { border-top: 0; }

ul.topnav_ffoo_fix ul ul { display: none; position: absolute; top: 0; left: 140px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.topnav_ffoo_fix li:hover ul ul,ul.topnav_ffoo_fix li.over ul ul { display: none; }
ul.topnav_ffoo_fix li:hover ul,ul.topnav_ffoo_fix ul li:hover ul,ul.topnav_ffoo_fix li.over ul,ul.topnav_ffoo_fix ul li.over ul { display: block; }
ul.topnav_ffoo_fix .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:topnav_ffoo_fix */

/* CSS Document */ body {
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
 margin: 0;
 padding: 0;
 text-align: center;
 color: #666666;
 background-color: #fff;
 background-image: url(../../graphics/violence/no_violence_bg.jpg);
 background-repeat: repeat-x;
 background-position: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menu_submenu_ffoo {
border-bottom:0px solid #ccc;
 list-style: none;
 padding: 0px 0px 0px 0px;
margin:0pt;
font-family:Arial,Helvetica,sans-serif;
}

.menu_submenu_ffoo li {
 border-top: 1px dotted #aaa;
}

.menu_submenu_ffoo a {
 font-size: 10pt;
 line-height: 1.5em;
 list-style: none;
 padding: 0px 4px 4px 4px;

 color:#fff;
 text-decoration: none;
}
.menu_submenu {
border-bottom:0px solid #ccc;
 list-style: none;
 padding: 0px 0px 0px 0px;
margin:0pt;
font-family:Arial,Helvetica,sans-serif;
}

.menu_submenu li {
 border-top: 1px dotted #aaa;
}

.menu_submenu a {
 font-size: 10pt;
 line-height: 1.5em;
 list-style: none;
 padding: 0px 4px 4px 4px;

 color:#62A62D;
 text-decoration: none;
}
.menu_submenu a:hover {
 text-decoration: underline;
}

#container {
/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
/* the auto margins (in conjunction with a width) center the page */
/* this overrides the text-align: center on the body element. */
 width: 770px;
 background: #FFFFFF;
 margin: 0 auto;
 border: 0px solid #000000;
 text-align: left;
}
#banner {
 background-color: #ffffff;
 background-image: url(../../graphics/violence/no_violence_logo.gif);
 height: 46px;
 width: 582px;
 padding-top: 0;
 padding-right: 0px;
 padding-bottom: 0;
 padding-left: 0px;
}
#banner a {
 display: block;
 width: 100%;
 height: 100%;
}
#banner h1 {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* using padding instead of margin will allow you to keep the element away from the edges of the div */
 margin: 0;
 padding: 10px 0;
}
#nav {
 height: 32px;
 background-image: url(../../graphics/violence/nav_bg.gif);
 background-repeat: repeat-x;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0;
 padding-left: 0px;
position:relative;
z-index: 999;

}
#contentNew {
 float: left;
 width: 540px;
 display: block;
}
#rightNew {
 float: right;
 width: 201px;
 margin-left: 5px;
 margin-top: 10px;
 vertical-align: top;
}
#Welcomebanner {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #banner instead of text, you may want to remove the padding. */
 margin: 0;
 padding: 0 0px 0 0px;
 background-color: transparent;
 background-image: url(../../graphics/violence/no_violence_welcome2.jpg);
 height: 165px;
 background-repeat: no-repeat;
 position: relative;
z-index: 0;
}
#Welcomebanner h1 {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* using padding instead of margin will allow you to keep the element away from the edges of the div */
 margin: 0;
 padding: 0 0;
}
#Welcomemessage {
 margin: 0 0 0 242px;
 width: 500px;
 float: right;
 padding: 0px 4px;
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;
 height: 140px;
 background-repeat: no-repeat;
 display: inline;
 position: relative;
}
#Welcomemessage p {
 display: block;
 margin: 5px;
 padding: 0;
}
#BannerAbout {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #banner instead of text, you may want to remove the padding. */
 margin: 0;
 padding: 0 0px 0 0px;
 background-color: #ffffff;
 background-image: url(../../graphics/violence/bannerAbout.jpg);
 height: 140px;
 background-repeat: no-repeat;
}
#BannerMessage {
 margin: 0 0 0 258px;
 width: 300px;
 float: left;
 padding: 0px 4px;
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 height: 140px;
 background-repeat: no-repeat;
 display: inline;
}
#BannerMessage p {
 display: block;
 margin: 5px;
 padding: 0;
}
#BannerViolence {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #banner instead of text, you may want to remove the padding. */
 margin: 0;
 padding: 0 0px 0 0px;
 background-color: #ffffff;
 background-image: url(../../graphics/violence/bannerViolence.jpg);
 height: 140px;
 background-repeat: no-repeat;
}
#BannerPledge {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #banner instead of text, you may want to remove the padding. */
 margin: 0;
 padding: 0 0px 0 0px;
 background-color: #ffffff;
 background-image: url(../../graphics/violence/bannerPledge.jpg);
 height: 140px;
 background-repeat: no-repeat;
}
#BannerFathers {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #banner instead of text, you may want to remove the padding. */
 margin: 0;
 padding: 0 0px 0 0px;
 background-color: #ffffff;
 background-image: url(../../graphics/violence/bannerFathers.jpg);
 height: 140px;
 background-repeat: no-repeat;
}
#BannerCoaching {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #banner instead of text, you may want to remove the padding. */
 margin: 0;
 padding: 0 0px 0 0px;
 background-color: #ffffff;
 background-image: url(../../graphics/violence/bannerCoaching.jpg);
 height: 140px;
 background-repeat: no-repeat;
}
#BannerEvents {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #banner instead of text, you may want to remove the padding. */
 margin: 0;
 padding: 0 0px 0 0px;
 background-color: #ffffff;
 background-image: url(../../graphics/violence/bannerEvents.jpg);
 height: 140px;
 background-repeat: no-repeat;
}
#BannerResources {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #banner instead of text, you may want to remove the padding. */
 margin: 0;
 padding: 0 0px 0 0px;
 background-color: #ffffff;
 background-image: url(../../graphics/violence/bannerResources.jpg);
 height: 140px;
 background-repeat: no-repeat;
}
#homepageAd {
/* since this element is floated, a width must be given */
/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/* the background color will be displayed for the length of the content in the column, but no further */
 float: right;
 width: 174px;
 background: #ffffff;
 padding: 0px 0px;
 background-image: url(../../graphics/violence/homepage_ad.jpg);
 background-repeat: no-repeat;
 height: 165px;
}
#home-leftcol {
 float: left;
 width: 258px;
 height: 136px;
 overflow: hidden;
 background-image: url(../../graphics/violence/no_violence_coaching.jpg);
}
#home-middlecol {
 float: right;
 width: 258px;
 height: 136px;
 overflow: hidden;
 background-image: url(../../graphics/violence/no_violence_petition.jpg);
}
#home-rightcol {
 float: right;
 width: 258px;
 height: 136px;
 overflow: hidden;
 background-image: url(../../graphics/violence/no_violence_founders.jpg);
}
#sidebar1 {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* since this element is floated, a width must be given */
/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/* the background color will be displayed for the length of the content in the column, but no further */
/* padding keeps the content of the div away from the edges */
 margin: 0;
 float: left;
 width: 258px;
 background: #fff;
 padding: 0px 0px 0px 0px;
 height: 136px;
 overflow: hidden;
 background-image: url(../../graphics/violence/no_violence_petition.jpg);
 background-repeat: no-repeat;
}
#sidebar2 {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* since this element is floated, a width must be given */
/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/* the background color will be displayed for the length of the content in the column, but no further */
/* padding keeps the content of the div away from the edges */
 margin: 0;
 float: right;
 width: 254px;
 background: #fff;
 padding: 0px 0px 0px 0px;
 height: 136px;
 overflow: hidden;
 background-image: url(../../graphics/violence/no_violence_founders.jpg);
}
#middleContent {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* using padding instead of margin will allow you to keep the element away from the edges of the div */
 margin: 0;
 padding: 0 0;
 background: url(../../graphics/violence/no_violence_coaching.jpg) no-repeat;
 height: 136px;
 width: 257px;
 float: left;
}
#mainContent {
/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
/* remember that padding is the space inside the div box and margin is the space outside the div box */
 margin: 0 0 0 158px;
 padding: 0 20px;
}
#containerInfo {
/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
/* the auto margins (in conjunction with a width) center the page */
/* this overrides the text-align: center on the body element. */
 width: 770px;
 background: #FFFFFF;
 margin: 4 auto;
 border: 1px solid #666666;
 text-align: left;
}
#container1px {
/* this overrides the text-align: center on the body element. */
 width: 770px;
 border: 1px solid #666666;
 background-color: #FFFFFF;
 background-image: url(../../graphics/violence/no_violence_logo.jpg);
 background-repeat: no-repeat;



 height: 194px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 18px;
 font-weight: normal;
 color: #0000FF;
 text-align: left;
}
#HaborHouse {
/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
/* remember that padding is the space inside the div box and margin is the space outside the div box */
 margin: 0 0 0 250px;
 padding: 0 20px;
}
#contactInfo {
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #banner instead of text, you may want to remove the padding. */
 margin: 0;
 background-color: #ffffff;
 background-image: url(../../graphics/violence/no_violence_logo.jpg);
 height: 165px;
 background-repeat: no-repeat;
 width: 188px;
 padding-top: 0;
 padding-right: 0px;
 padding-bottom: 0;
 padding-left: 0px;
}
#Contactmessage {
 width: 355px;
 float: left;
 color: #01346E;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 158px;
 line-height: 18px;
}
#24Hour {
 color: #669900;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
}
#SponsorBox {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* since this element is floated, a width must be given */
/* the background color will be displayed for the length of the content in the column, but no further */
/* padding keeps the content of the div away from the edges */
 margin: 0;
 float: right;
 width: 192px;
 padding: 0px 0px 0px 0px;
 height: 136px;
 overflow: hidden;
 background-image: url(../../graphics/violence/sponsor_bg.gif);
 background-repeat: no-repeat;
 background-position: top;
}
#SponsorAllstate {
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* since this element is floated, a width must be given */
/* padding keeps the content of the div away from the edges */
 margin: 0;
 float: none;
 width: 192px;
 height: 136px;
 overflow: hidden;
 background-image: url(../../graphics/violence/sponsor_bg.gif);
 background-color: #fff;
 background-repeat: no-repeat;
 padding-top: 40px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 clear: left;
}
#rightbar1 {
/* since this element is floated, a width must be given */
/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/* the background color will be displayed for the length of the content in the column, but no further */
 float: right;
 width: 200px;
 background: #fff;
 padding: 25px 0;
 background-image: url(../../graphics/violence/sponsor_bg.gif);
 background-repeat: no-repeat;
 background-position: center top;
 margin-top: 10px;
 margin-right: 10px;
 text-align: center;
 display: inline;
}
#leftSide {
/* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
/* remember that padding is the space inside the div box and margin is the space outside the div box */
 margin: 0 250px 0 0;
 padding: 5px 2px 0 157px;
 background-image: url(../../graphics/violence/harbor-house-logo.gif);
 height: 320px;
 background-repeat: no-repeat;
 color: #01346E;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
}
#harborhouse {
/* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
/* remember that padding is the space inside the div box and margin is the space outside the div box */
 margin: 0 250px 0 0;
 padding: 5px 2px 0 157px;
 background-image: url(clientuploads/harborhouseformadv.jpg);
 height: 165px;
 background-repeat: no-repeat;
 color: #01346E;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
}
#InfoCenterBox {
 border: 1px solid #666666;
 width: 770px;
}
#SponsorHeader {
 color: #ffffff;
 margin: 0px;
 padding-bottom: 2px;
 text-transform: none;
 background-color: #0077C0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12%;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-align: center;
}
#footer {
 background: #ffffff;
 float: none;
 color: #666;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 20px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-top-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 border-left-color: #CCCCCC;
}
#footer p {
/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
 margin: 0;
 padding: 10px 0;
}
#eventsContainer {
 float: right;
 font-family: "helvetica light", helvetica, sans-serif;
 font-size: 1em;
 background: #BFD6F0;
 color: #FFFFFF;
 clear: both;
 padding: 1px;
 border: 4px solid #4C6178;
 margin-bottom: 1px;
}
#eventsContainer form {
 margin: 0;
 display: block;
 width: 191px;
}
#eventsContainer p {
 margin-bottom: 1em;
}
#eventsContainer p span.title {
 color: #FFFFFF;
 font-size: 1.2em;
}
#donateContainer {
 float: right;
 font-family: "helvetica light", helvetica, sans-serif;
 font-size: 1em;
 background: #fff;
 color: #FFFFFF;
 clear: both;
 padding: 1px;
 border: 0px solid #4C6178;
 margin-bottom: 10px;
 margin-top: 9px;
}
.event {
}
.event a {
 font-size: 1.1em;
}
.event .date {
 display: block;
 margin-top: .25em;
 font-size: 1.0em;
}
.fltrt {
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
 float: right;
 margin-left: 8px;
}
.fltlft {
/* this class can be used to float an element left in your page */
 float: left;
 margin-right: 8px;
}
.clearfloat {
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
 clear: both;
 height: 0;
 font-size: 1px;
 line-height: 0px;
}
A {
 color: #4C6178;
 text-decoration: underline;
}
A:hover {
 text-decoration: none;
}
TH, TD, {
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
}
H1 {
 color: #668793;
 font-size: 16pt;
 font-weight: bold;
}
#enewsBox {
 width: 191px;
 background-color: #4C6178;
}
#enewsBox h2 {
 background-color: #4C6178;
 margin: 0;
 padding: 4px;
 font-family: Arial, Helvetica, sans-serif;
 color: #BFD6F0;
 font-size: 12px;
}
.m0outer {
}
.m0table0 {
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8px;
 background-image: url(../../graphics/violence/harborhouse_bottom.png);
 text-decoration: none;
}
.m0iout {
 color: #ffffff;
 text-align: center;
 font-size: 8pt;
 font-weight: normal;
 background-image: url(../../graphics/violence/harborhouse_bottom.png);
 background-repeat: repeat-x;
 height: 28px;
 text-decoration: none;
 vertical-align: middle;
}
div.m0iout {
 line-height: 2.7em;
}
.m0iover {
 color: #ffffff;
 text-align: center;
 font-size: 8pt;
 font-weight: normal;
 background-color: #669C12;
 text-decoration: underline;
 height: 28px;
}
.m0idown {
 color: #ffffff;
 background-color: #363F99;
 background-image: url(../../graphics/violence/harborhouse_bottom.png);
 background-repeat: repeat-x;
 text-align: center;
 font-size: 8pt;
 font-weight: normal;
 height: 28px;
 text-decoration: none;
}
div.m0idown {
 line-height: 2.7em;
}
.m1iout {
 background-color: #8BBA3F;
 color: 363F99;
 padding-left: 5px;
 font-size: 8pt;
 font-weight: normal;
 height: 20px;
}
div.m1iout {
 line-height: 2em;
}
.m1idown {
 background-color: #669C12;
 padding-left: 5px;
 color: #fff;
 font-size: 8pt;

 font-weight: normal;
 height: 20px;
 text-decoration: none;
}
div.m1idown {
 line-height: 2em;
}
.m1iover {
 background-color: #669C12;
 padding-left: 5px;
 color: #fff;
 text-decoration: underline;
 font-size: 8pt;
 font-weight: normal;
 height: 20px;
}
.m1table {
 background-color: #FFF8D8;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none;
}
.m2iout {
 background-color: #ffffff;
 color: 993300;
 padding-left: 5px;
 border-color: #cccccc;
 border-collapse: collapse;
}
.m2idown {
 background-color: #993300;
 padding-left: 5px;
 color: #fffffff;
}
.m2iover {
 background-color: #993300;
 padding-left: 5px;
 color: ffffff;
}
.m2table {
 background-color: #FFFFFF;
 border-collapse: collapse;
 border: 1px;
 border-color: #CC0000;
}
.blogArchiveMonth {
 padding-left: 10px;
}
.blogArchiveYear {
 font-weight: bold;
}
.blogCommentsLink {
 font-size: 8pt;
}
.blogDate {
 padding-top: 5px;
 font-size: 8pt;
 font-weight: bold;
}
.blogDividerBottom {
}
.blogDividerComments {
 height: 1px;
 background-color: #cccccc;
}
.blogDividerTop {
 height: 1px;
 background-color: #cccccc;
}
.blogEntry {
 padding-top: 5px;
}
.blogEntryFooter {
 padding-bottom: 10px;
}
.blogFooter {
 height: 1px;
 background-color: #cccccc;
}
.blogPosted {
 padding-bottom: 5px;
 padding-top: 5px;
 color: #668793;
 font-size: 8pt;
}
.blogTitle {
 color: #668793;
 font-weight: bold;
 padding-top: 10px;
}
.bodyMain {
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
}
.breadcrumbBold {
 font-size: 8pt;
 font-weight: bold;
 text-decoration: none;
 color: #6B9E11;
 padding-top: 8px;
}
.breadcrumbBold:hover {
 text-decoration: underline;
}
.breadcrumbLight {
 font-size: 8pt;
 text-decoration: none;
}
.calendarBody {
 background: #c1d8e1;
}
.calendarDayOff {
 color: #668793;
 font-size: 8pt;
 font-weight: normal;
 line-height: 140%;
 text-decoration: none;
}
.calendarDayOn {
 color: #668793;
 font-size: 8pt;
 font-weight: bold;
 line-height: 140%;
 text-decoration: underline;
}
.calendarDayOn:hover {
 background-color: #668793;
 color: #ffffff;
 text-decoration: none;
}
.calendarMonth {
 color: #668793;
 font-size: 8pt;
 font-weight: bold;
 text-decoration: none;
 text-transform: capitalize;
}
.calendarMonth:hover {
 text-decoration: underline;
}
.calendarMonthGlance {
 font-size: 8pt;
 text-decoration: none;
}
.calendarMonthGlance:hover {
 text-decoration: underline;
}
.calendarpopDay {
 color: #000000;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
}
.calendarpopEmptyDay {
 background-color: #e7e7e7;
}
.calendarpopEvent {
 font-size: 10pt;
 font-weight: bold;
 text-decoration: none;
}
.calendarpopEvent:hover {
 text-decoration: underline;
}
.calendarpopEventOff {
 background-color: #ffffff;
}
.calendarpopEventOn {
 background-color: #c1d8e1;
}
.calendarpopEventTime {
 color: #668793;
 font-size: 8pt;
}
.calendarpopHeader {
 color: #000000;
 font-size: 11pt;
 font-weight: bold;
 text-decoration: none;
}
.calendarpopLink {
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none;
}
.calendarpopLink:hover {
 text-decoration: underline;
}
.calendarpopNormal {
 color: #000000;
 font-size: 10pt;
 font-weight: normal;
}
.calendarpopScroll {
 font-size: 10pt;
 text-decoration: none;
}
.calendarpopScroll:hover {
 text-decoration: underline;
}
.calendarpopToday {
 font-weight: bold;
}
.calendarpopWeek {
 color: #000000;
 font-size: 10pt;
 font-weight: bold;
 text-decoration: none;
}
.calendarScroll {
 font-size: 7pt;
 text-decoration: none;
}
.calendarScroll:hover {
 text-decoration: underline;

}
.calendarToday {
 font-weight: bold;
}
.calendarWeek {
 color: #668793;
 font-size: 8pt;
 font-weight: bold;
}
.copyright {
 font-size: 8pt;
 padding-left: 10px;
}
.datebox {
 font-size: 8pt;
 padding-left: 10px;
}
.directoryFieldLabel {
 font-weight: bold;
}
.directoryHeading {
 color: #668793;
 font-size: 11pt;
 font-weight: bold;
 padding-bottom: 10px;
}
.directoryListHeadline {
 font-weight: bold;
}
.enewsBoxEdit {
}
.enewsBoxSubmit {
 text-align: left;
 background-color: #4C6178;
 padding-bottom: 1px;
 padding-left: 5px;
 padding-top: 3px;
}
.eventBigLink {
 font-size: 8pt;
 font-weight: normal;
}
.eventBigLink:hover {
}
.eventDateHeader {
 background-color: #e3e3e3;
 font-size: 8pt;
}
.eventDetail {
 padding-left: 10px;
}
.eventHeadline {
 font-weight: bold;
 text-decoration: none;
}
.eventHeadline:hover {
 text-decoration: underline;
}
.eventHeadlineTD {
 padding-left: 10px;
}
.eventMoreLink {
 font-size: 8pt;
 padding-left: 10px;
}
.eventMoreLink:hover {
}
.eventNormalText {
}
.eventSmallText {
}
.FAQA {
}
.FAQAnswer {
}
.FAQLink {
}
.FAQLink:hover {
}
.FAQList {
}
.FAQMoreLink {
}
.FAQMoreLink:hover {
}
.FAQQ {
 color: #668793;
 font-weight: bold;
}
.FAQQHome {
}
.FAQQuest {
 color: #668793;
 font-weight: bold;
}
.FAQQuestHome {
}
.FAQTopLink {
}
.formBody {
}
.formHeading {
}
.formSmallText {
}
.formText {
}
.formTextRequired {
}
.headerHeadline {
 font-size: 18pt;
 font-weight: bold;
 color: #000000;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: right;
}
.headerTagline {
 font-size: 14pt;
 color: 828282;
 font-weight: bold;
 font-style: italic;
 padding-bottom: 5px;
 padding-top: 5px;
 text-align: right;
}
.homePhoto {
 margin-bottom: 10px;
 margin-right: 20px;
}
.image {
 margin: 10px;
}
.imageCaption {
 color: #668793;
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
 padding-bottom: 5px;
 padding-top: 2px;
 text-align: center;
}
.jobHeading1 {
 color: #668793;
 font-size: 12pt;
 font-weight: bold;
}
.jobHeading2 {
 color: #668793;
 font-weight: bold;
}
.jobLink {
}
.jobSmallText {
}
.jobSmallTextBold {
}
.jobText {
}
.mapBoxEdit {
}
.mapBoxText {
}
.mapHeader {
}
.mapSmallText {
}
.menuPipe {
 color: #ffffff;
 font-size: 8pt;
 text-decoration: none;
}
.menuPipeLink {
 color: #ffffff;
 font-size: 8pt;
}
.menuPipeLink:hover {
}
.menuPipeTop {
 color: #FFFFFF;
 text-decoration: none;
}
.menuPipeTopLink {
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none;
}
.menuPipeTopLink:hover {
 text-decoration: underline;
}
.menuTD1 {
 border-left: 0px solid #dde8ed;
 background-color: #4C6178;
}
.menuTD1selected {
 border-left: 1px solid #dde8ed;
 background-color: #668793;
}
.menuHeader {
 background-color: #c5d7de;
}
.menuFooter {
}
.menuSeperator {
 background-color: #7697a3;
}
.menuTD2 {
 background-color: #dbdbdb;
 padding-bottom: 2px;
 padding-top: 2px;
 padding-left: 10px;
}
.menuTDBullet1 {
 padding-left: 5px;
 vertical-align: top;
}
.menuTDBullet1selected {
 padding-left: 5px;
 vertical-align: top;
}
.menuText1 {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 font-size: 12px;
}
.menuText1:hover {
 text-decoration: underline;
}
.menuText1selected {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}
.menuText1selected:hover {
 text-decoration: underline;
}
.menuText2 {
 color: #668793;
 font-size: 8pt;
 text-decoration: none;
}
.menuText2:hover {
 text-decoration: underline;
}
.menuText1Format {
 padding-left: 5px;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-right: 2px;
}
.menuText1selectedFormat {
 padding-left: 5px;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-right: 2px;
}
.menuText2Format {
}
.menuText2selectedFormat {
}
.moreLink {
}
.moreoverCopyright {
 font-size: 8pt;
 font-style: italic;
 text-decoration: none;
}
.moreoverDate {
 color: #666666;
 font-size: 7pt;
 padding-left: 5px;
}
.moreoverDateHome {
 color: #666666;
 font-size: 7pt;
 padding-left: 5px;
}
.moreoverHeadline {
 font-weight: bold;
 text-decoration: none;
}
.moreoverHeadline:hover {
 text-decoration: underline;
}
.moreoverHeadlineHome {
 font-size: 8pt;
 font-weight: bold;
 text-decoration: none;
}
.moreoverHeadlineHome:hover {
 text-decoration: underline;
}
.moreoverMoreLink {
 font-size: 8pt;
 font-weight: normal;
}
.moreoverMoreLink:hover {
}
.moreoverMoreLinkHome {
 font-size: 8pt;
}
.moreoverMoreLinkHome:hover {
}
.moreoverSource {
 color: #666666;
 font-size: 8pt;
}
.moreoverSource:hover {
}
.moreoverSourceHome {
 color: #666666;
 font-size: 8pt;
}
.moreoverSourceHome:hover {
}
.moreoverTitleHome {
 font-weight: bold;
 text-decoration: none;
}
.moreoverTitleHome:hover {
 text-decoration: underline;
}
.newsBody {
}
.newsBullet {
 font-weight: bold;
 padding-left: 10px;
}
.newsHeadline {
 color: #668793;
 font-size: 12pt;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}
.newsListBlurb {
 font-weight: normal;
 padding-left: 10px;
}
.newsListHeadline {
 font-weight: bold;
 text-decoration: none;
}
.newsListHeadline:hover {
 text-decoration: underline;
}
.newsListHeadlineTD {
 padding-left: 10px;
}
.newsListPublishline {
 font-size: 8pt;
 font-weight: bold;
 padding-left: 10px;
}
.newsListMoreLink {
 font-size: 8pt;
 padding-left: 10px;
}
.newsListMoreLink:hover {
}
.newsPrevNext {
 line-height: 14pt;
}
.newsPublished {
 color: #666666;
 font-size: 8pt;
}
.newsSubHeadline {
 color: #668793;
 font-size: 8pt;
 text-align: left;
 text-decoration: none;
}
.photoAlbumBody {
}
.photoAlbumDescription {
 padding-bottom: 10px;
}
.photoAlbumTitle {
}
.photoGalleryBG {
 background: #ffffff;
}
.photoGalleryBGTop {
 background: #000000;
}
.photoGalleryBody {
 background-color: #668793;
}
.photoGalleryCaption {
 padding-top: 5px;
 text-align: center;
}
.photoGalleryDescription {
 font-size: 8pt;
 text-align: center;
}
.photoGalleryNumbers {
 background-color: #333333;
 font-size: 8pt;
}
.photoGalleryTitle {
 font-size: 8pt;
}
.photoPagnationTD {
 text-align: center;
 font-size: 8pt;
}
.photoRemote {
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 font-size: 8pt;
 font-weight: bold;
}
.photoRemoteTD {
 padding-bottom: 10px;
 padding-top: 10px;
 text-align: center;
}
.pollChoices {
 padding-left: 15px;
}
.pollHeading {
 color: #668793;
 font-size: 12pt;
 font-weight: bold;
 text-align: left;
}
.pollHomeChoices {
 font-size: 8pt;
}
.pollHomeQuestion {
 font-size: 8pt;
}
.pollLink {
 color: #668793;
 font-size: 8pt;
 font-weight: normal;
 padding-left: 10px;
}
.pollQuestion {
 color: #668793;
 font-size: 12pt;
 font-weight: bold;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-top: 10px;
}
.pollResultChoices {
 font-size: 8pt;
 font-weight: bold;
 padding-left: 10px;
}
.pollResultHeading {
 color: #668793;
 font-size: 8pt;
 font-weight: bold;
 text-align: left;
}
.pollResultHomeChoices {
 font-size: 8pt;
 font-weight: bold;
}
.pollResultHomeHeading {
 color: #668793;
 font-weight: bold;
 text-align: left;
}
.pollResultHomeLink {
 font-size: 8pt;
 font-weight: bold;
}
.pollResultHomeQuestion {
 color: #668793;
 font-size: 8pt;
 font-weight: bold;
 text-align: left;
}
.pollResultLink {
 font-size: 8pt;
 font-weight: bold;
}
.pollResultQuestion {
 color: #668793;
 font-size: 12pt;
 font-weight: bold;
 padding-left: 10px;
}
.pollVote {
 padding-bottom: 10px;
 padding-top: 10px;
 text-align: center;
}
.prevnextLink {
}
.searchBox {
 vertical-align: middle;
}
.searchBoxInput {
 font-size: 8pt;
 vertical-align: middle;
}
.searchBoxList {
}
.searchBoxTable {
}
.searchBoxText {
 font-size: 8pt;
}
.searchHeading {
 font-size: 8pt;
 font-weight: bold;
 color: #587885;
 padding-right: 5px;
}
.searchHeadline {
}
.searchTopMatches {
}
.searchModule {
}
.searchModuleMore {
}
.searchModuleResults {
}
.sectionHeader {
 color: 668793;
 font-size: 16pt;
 padding-left: 20px;
 padding-bottom: 20px;
}
.sectionLink {
 font-size: 8pt;
 font-weight: bold;
}
.sectionLink:hover {
}
.sendpageBody {
 background-color: #9ab8c4;
}
.sendpageFormText {
 color: #ffffff;
 font-weight: normal;
}
.sendpageFormTextRequired {
 color: #ffffff;
 font-weight: bold;
}
.sendpageHeader {
 color: #ffffff;
 font-weight: bold;
 padding-top: 10px;
}
.shoppingAlert {
 font-size: 8pt;
}
.shoppingBody {
 font-size: 8pt;
}
.shoppingCartEvenRow {
 background-color: #ffffff;
}
.shoppingCartOddRow {
 background-color: #ebebeb;
}
.shoppingCartTableHeader {
 background-color: #668793;
 color: #ffffff;
 font-size: 8pt;
 font-weight: bold;
}
.shoppingForm {
 font-size: 8pt;
}
.shoppingFormQuantity {
 background-color: #9db3d0;
 font-size: 8pt;
}
.shoppingFormRequired {
 font-size: 8pt;
 font-weight: bold;
}
.shoppingHeading {
}
.shoppingInStock {
}
.shoppingItemHeading {
}
.shoppingOutOfStock {
 color: #dd0000;
}
.shoppingLowStock {
}
.stockBox {
}
.stockHeader {
}
.stockLinks {
 font-size: 8pt;
}
.stockLinks:hover {
}
.stockSmallText {
 font-size: 8pt;
 text-decoration: none;
}
.stockText {
 font-size: 8pt;
 text-decoration: none;
}
.WXForecastLink {
 text-align: center;
}
.WXForecastLink:hover {
}
.heading2 {
}
.heading3 {
}
.normaltext {
}
.WXSmalltext {
 font-size: 7pt;
 font-weight: normal;
 text-decoration: none;
}
.WXSmalltextHigh {
 color: #ff3333;
 font-size: 7pt;
 font-weight: bold;
 text-decoration: none;
}
.WXSmalltextLow {
 color: #3366cc;
 font-size: 7pt;
 font-weight: bold;
 text-decoration: none;
}
.newsCopyright {
 font-family: verdana,arial,helvetica;
 text-align: center;
 width: 100%;
 font-size: 1;
 font-style: italic;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {
 display: block;
}
/* Hides from IE-mac */ * html .clearfix {
 height: 1%;
}
/* End hide from IE-mac */ .enewsBoxSubmit {
 text-align: center;
 background: #4C6178;
}
.enewsBoxText {
 color: #ffffff;
 font-size: 8pt;
 padding-bottom: 1px;
 padding-left: 15px;
 padding-top: 3px;
 background: #4C6178;
}
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }