/* client.css */
@import url(tiny-mce/public.css);
@import url(forms.css);
@import url(datepicker.css);
@import url(interactive/interactive.css);
@import url(interactive/garage_safety.css);
@import url(interactive/general_safety.css);
@import url(interactive/poison_safety.css);
@import url(interactive/suffocation_safety.css);
@import url(interactive/toy_safety.css);
@import url(interactive/water_safety.css);
@import url(interactive/fire_safety.css);
@import url(interactive/safety_kids.css);
@import url(interactive/travel_safety.css);
.cmspage, #Content .cmspanel {
padding: 0 20px;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #8d0633;
}
h1 {
font-weight: normal;
font-size: 1.9em;
}
h2 {
font-weight: normal;
font-size: 1.7em; 
}
h3 {
font-weight: normal;
font-size: 1.5em; 
}
h4 {
font-size: 1.2em; 
}
h5 {
font-size: 1.1em; 
}
a, a:link {
color: #8D0633;
text-decoration: none;
}
a:visited {
color: #8D0633;
}
a:hover, a:focus, a:active {
color: #6E1F2A;
}
/* Main Containers 
------------------------------------- */
body {
font-size: .75em;
color: #444;
background: #6e1f2a;
}
#BodyWrapper {
background: #efcb77 url(../../imgs/foundation/bkgd.gif) repeat-x top;
}
#BodyWrapper2 {
background: url(../../imgs/foundation/wrapBkgd.jpg) no-repeat center 216px;
}
/* Header 
------------------------------------- */
#Header {
width: 972px;
margin: auto;
}
/* Logo */
#Logo {
float: left;
padding-top: 63px;
padding-bottom: 25px;
padding-left: 10px;
width: 280px;
}
#Logo2 {
float: right;
padding-top: 0;
width: 220px;
}
/* Search */
#Search {
position: relative;
float: right;
width: 190px;
margin: 10px 20px 0 0;
background: #fff;
border: 1px solid #dcdedb;
}
#Search form {
float: left;
}
#Search fieldset {
width: 190px;
padding: 0;
}
#Search input#SearchInput {
float: left;
width: 150px;
color: #444;
border: 0px none #fff;
background: #fff;
padding: 5px 0 0 10px;
}
#Search input.ImgButton {
float: right;
}
/* Top Nav */
#TopNav {
padding: 10px;
margin: 0 auto;
float: right;
}
#TopNav ul {
float: right;
list-style: none;
}
#TopNav li {
float: left;
margin-bottom: 0px;
}
#TopNav li a, #TopNav li a:visited {
color: #ffffff;
text-decoration: none;
padding: 4px 8px 6px 6px;
background: url(../../imgs/foundation/topNavSpace.gif) no-repeat right bottom;
display: block;
white-space:nowrap;
}
#TopNav li.Last a, #TopNav li.Last a:visited {
background: none;
}
#TopNav li a:hover, #TopNav li a:focus, #TopNav li a:active {
color: #d6a3b5;
}
/* Top Banner Wrapper 
------------------------------------- */
#TopBannerWrapper {
width: 960px;
margin: -2px auto 0;
padding: 0 10px;
}
#TopBanner { 
height: 154px;
padding: 4px 4px 0;
border-bottom: 4px solid #fff;
position: relative;
background: url(../../imgs/bannerBkgd.jpg) no-repeat;
}
#TopBannerArch {
position: absolute;
top: 0;
left: 0;
width: 960px;
height: 158px;
background: url(../../imgs/foundation/arch.png) no-repeat;
}
/* Main Nav Wrapper
------------------------------------- */
#MainNavWrapper {
width: 980px;
margin: 0 auto;
}
#MainNav {
width: 960px;
margin: 4px auto 0;
background: #f6c54f url(../../imgs/MainNavBk.gif) repeat-x bottom left;
}
#MainNav ul {
float: left;
list-style: none;
}
#MainNav li {
float: left;
margin-bottom: 0px;
padding-right: 2px;
background: url(../../imgs/mainSpacer.gif) no-repeat right bottom;
}
#MainNav li.Last {
background: none;
}
#MainNav li a, #MainNav li strong {
display: block;
font-size: 1.1em;
font-weight: bold;
color: #00186b;
text-decoration: none;
}
#MainNav li strong, 
#MainNav li a:hover, #MainNav li a:focus, #MainNav li a:active {
background: url(../../imgs/mainNavActive.gif) repeat-x bottom left;
}
#MainNav li a span, #MainNav li strong span {
display: block;
padding: 12px 13px 12px 13px;
line-height: 1.8em;
white-space: nowrap;
}
/* Columns 
------------------------------------- */
#ColWrapper {
width: 960px;
margin: 0 auto;
background: url(../../imgs/foundation/contentBk.png) repeat-y top left;
padding:6px 10px 8px;
}
#Col1Col2 {
width: 738px;
float: left;
}
#Col3 {
width: 202px;
float: left;
background: #eece7c;
border: 1px solid #ffffff;
margin: 4px 0 10px;
padding: 4px 4px .8em 4px;
}
#Col1 {
float: left;
width: 180px;
padding: 4px 9px 10px 10px;
position: relative;
}
#Col2 {
float: left;
width: 530px;
padding-top: 11px;
background: url(../../imgs/foundation/contentTop.gif) no-repeat top left;
}
/* Proximtiy Nav
------------------------------------- */
#ProximityNav {
width: 180px;
background: #f8d789;
margin-bottom: 2em;
}
#ProximityNav h2 {
font-size: 1.2em;
font-weight: normal;
padding: .4em 2px .4em 6px;
background: #8d0633;
margin: 0;
}
#ProximityNav h2 strong {
font-weight: normal;
color: #FFFFFF;
}
#ProximityNav h2 a, #ProximityNav h2 a:link {
color: #FFFFFF;
text-decoration: none;
}
#ProximityNav h2 a:hover, #ProximityNav h2 a:focus, #ProximityNav h2 a:active {
color: #f9d174;
}
#ProximityNav ul {
list-style: none;
}
#ProximityNav ul li {
margin: 0;
line-height: 1.5em;
border-bottom: solid 1px #f1c466;
}
#ProximityNav ul li li {
border: none;
}
#ProximityNav ul li a, #ProximityNav ul li strong {
color: #00277f;
text-decoration: none;
display: block;
padding: .5em 2px .5em 6px;
}
#ProximityNav ul ul li a {
padding: .3em 2px .3em 14px;
}
#ProximityNav ul li.Active a, #ProximityNav ul li.Active strong {
color: #00277f;
}
#ProximityNav ul li a:hover, #ProximityNav ul li a:focus, #ProximityNav ul li a:active {
background: #f1c466;
}
#ProximityNav li.Active {
font-weight: bold;
}
#ProximityNav li.Active li {
font-weight: normal;
font-size: .9em;
}
#ProximityNav ul ul {
padding: 0 0 .5em;
}
#ProximityNav ul li.Active ul li a, #ProximityNav ul li.Active ul li strong {
color: #00277f;
}
#ProximityNav ul li.Active ul li a:hover, #ProximityNav ul li.Active ul li a:focus, #ProximityNav ul li.Active ul li a:active {
background: #f1c466;
}
/* Content
------------------------------------- */
#Content {
background: url(../../imgs/foundation/contentBot.gif) no-repeat bottom left;
padding-bottom: 10px;
}
.DecA {
width: 532px;
background: url(../../imgs/foundation/contentBk.gif) repeat-y bottom left;
padding: 1px 0;
}
/* -- Breadcrumbs -- */
#Breadcrumbs {
color: #002075;
font-size: .8em;
padding: .2em 10px .8em 18px;
}
#Breadcrumbs a, #Breadcrumbs a:link {
color: #002075;
text-decoration: underline;
}
#Breadcrumbs a:hover, #Breadcrumbs a:focus, #Breadcrumbs a:active {
color: #315da6;
}
#Breadcrumbs strong {
font-weight: normal;
}
/* Column 3
------------------------------------- */
/* -- Page Tools -- */
#PageToolsWrapper {
background: url(../../imgs/foundation/col3Line.gif) repeat-x bottom left;
padding: .8em 0em .4em .2em;
}
#PageToolsWrapper .Dec {
float: left;
}
#TextSizer li, #PageTools li {
margin: 0;
}
/* -- Text Sizer -- */
#TextSizer {
float: left;
padding-top: 4px;
}
#TextSizer h2 {
display: none;
}
#TextSizer ul {
float: left;
}
#TextSizer a {
cursor: pointer;
display: block;
height: 13px;
overflow: hidden;
text-indent: -32767px;
width: 11px;
}
#TextSizer a.Normal {
background: url(../../imgs/icons/small_font.gif) no-repeat center 0;
}
#TextSizer a.Large {
background: url(../../imgs/icons/medium_font.gif) no-repeat center 0;
}
#TextSizer a.X-Large {
background: url(../../imgs/icons/large_font.gif) no-repeat center 0;
}
#TextSizer li a:hover, #TextSizer li a:focus, #TextSizer li a:active {
background-color: transparent;
background-position: center -13px;
}
/* -- Page Tools -- */ 
#PageTools {
float: left;
}
#PageTools ul {
float: left;
list-style: none;
}
#PageTools li {
float: left;
padding-left: 11px;
}
#PageTools li a {
color: #315da6;
font-size: .8em;
padding-left: 18px;
cursor: pointer;
display: block;
height: 13px;
display: inline;
overflow: hidden;
}
#PageTools li.Print a {
background: url(../../imgs/icons/print.gif) no-repeat 0 0;
}
#PageTools li.Email a {
background: url(../../imgs/icons/email.gif) no-repeat 0 0;
}
#PageTools li.AddThis a {
text-decoration: none;
padding-left: 13px;
background: url(../../imgs/icons/share.gif) no-repeat 0 0;
}
#PageTools li a:hover, #PageTools li a:focus, #PageTools li a:active {
color: #102264;
background-position: 0 -14px;
}
/* Panels
------------------------------------- */
#BottomPanels #BelowLeft {
float: left;
width: 50%;
}
#BottomPanels #BelowRight {
float: right;
width: 50%;
}
#Col1 .cmspanel {
padding: 0 4px .6em 4px;
background: #eece7c;
border: 1px solid #ffffff;
font-size: .9em;
}
#Col1 .cmspanel h2, #Col1 .cmspanel h3, #Col1 .cmspanel h4{
margin-top: 0;
padding: .4em 0 .6em 0;
font-size: 1.2em;
background: url(../../imgs/foundation/col3Line.gif) repeat-x bottom left;
font-weight: normal;
}
#Col3 .cmspanel {
padding: 0 0 .6em 0;
background: url(../../imgs/foundation/col3Line.gif) repeat-x bottom left;
}
#Col3 .cmspanel p{
font-size: .9em;
}
#Col3 .cmspanel a, #Col3.cmspanel a strong{
text-decoration: none;
}
#Col3 .cmspanel h2, #Col3 .cmspanel h3, #Col3 .cmspanel h4{
margin-top: 0;
padding: .4em 0 .6em 0;
font-size: 1.2em;
background: url(../../imgs/foundation/col3Line.gif) repeat-x bottom left;
font-weight: normal;
}
.cmspanel ul {
list-style: none;
}
.cmspanel ul li{
font-weight: normal;
padding: .2em 6px .4em 6px;
margin: 0;
}
.cmspanel ul li a, .cmspanel ul li a strong {
font-weight: normal;
font-size: .9em;
}
/* begin accordion 
.cmspanel ul.Accordion {
margin: 0;
padding-top: 1px;
list-style: none;
}
.cmspanel ul.Accordion li {
margin: 2px 0 0 0;
padding: 0;
clear: both;
}
.cmspanel ul.Accordion li a {
color: #1b8378;
text-decoration: none;
display: block;
padding-left: 0;
line-height: 22px;
font-size: 1em;
background: #f6f8f7 url(../../imgs/accordClose.gif) no-repeat left bottom;
border: 1px solid #bfded9;
}
.cmspanel ul.Accordion li a span {
background: url(../../imgs/accordTop.gif) no-repeat left top;
display: block;
padding-left: 26px;
}
.cmspanel ul.Accordion li.Open a span{ 
color: #1B8378;
background: url(../../imgs/accordOpen.gif) no-repeat left bottom; 
}
.cmspanel ul.Accordion li.Open a {
background: #f6f8f7;
}
.cmspanel ul.Accordion li.Open li a {
background: #f6f8f7;
}
.cmspanel ul.Accordion li.Last a {
}
.cmspanel ul.Accordion ul { 
margin: 2px;
padding: 5px 10px 10px 24px;
background: #f3f7fa;
}
.cmspanel ul.Accordion li.Last ul {
border-top: none;
}
.cmspanel ul.Accordion ul li {
margin-bottom: 0em;
}
.cmspanel ul.Accordion ul li a, .cmspanel ul.Accordion li.Open ul a {
color: #2e5e9e;
text-decoration: none;
display: inline;
height: auto;
line-height: normal;
font-size: .9em;
font-weight: normal;
padding-left: 0;
background-image: none;
border: none;
}
.cmspanel ul.Accordion ul li a:hover, .cmspanel ul.Accordion ul li a:focus, .cmspanel ul.Accordion ul li a:active, 
.cmspanel ul.Accordion li.Open ul a:hover, .cmspanel ul.Accordion li.Open ul a:focus, .cmspanel ul.Accordion li.Open ul a:active {
color: #0f236c;
}*/
/* Footer
------------------------------------- */
#FooterWrapper {
background: #6e1f2a url(../../imgs/foundation/FooterBk.gif) repeat-x top left;
}
#FooterTop {
color: #fff;
margin: 0 auto;
width: 960px;
padding-top: 6px;
}
#FooterPanel .cmspanel ul {
list-style: none;
}
#FooterPanel .cmspanel ul li {
padding: 0;
margin: 0;
}
#Contact {
float: left;
width: 480px;
padding-left: 10px;
line-height: 1.2em;
}
#Contact a, #Contact strong, #Contact a:visited  {
color: #f4aa00;
font-size: 1em;
text-decoration: none;
margin-left: 7px;
padding-left: 9px;
border-left: 1px solid #ffbd2c;
}
#Contact a:hover, #Contact a:active, #Contact a:focus {
color: #f8d079;
text-decoration: none;
}
.ContactTitle {
font-size: 1.4em;
}
#SocialPanel {
float: right;
width: 440px;
padding-right: 20px;
text-align: right;
}
#FooterPanel .cmspanel {
width: 940px;
margin: 0 auto;
padding: 10px 0;
background: url(../../imgs/foundation/footerBorder.gif) repeat-x bottom left
}
#FooterPanel ul{
list-style: none;
line-height: 1.6em;
font-size: 1em;
color: #f4aa00;
}
#FooterPanel li {
margin-bottom: 0px;
}
#FooterPanel li a , #FooterPanel li a strong , #FooterPanel li a:visited {
display: block;
font-size: .9em;
padding: 0px 0px 0px 0px;
line-height: 1.4em;
color: #ffffff;
white-space:nowrap;
text-decoration: none;
}
#FooterPanel li a:hover , #FooterPanel li a:focus , #FooterPanel li a:active  {
display: block;
color: #f8d079;
text-decoration: none;
}
#FooterPanel td {
width: 20%;
}
#Copyright {
width: 940px;
margin: 0 auto;
padding: 10px 0 10px 0;
color: #fff;
font-size: .9em;
line-height: .9em;
}
#Copyright a, #Copyright strong, #Copyright a:visited  {
color: #fff;
font-size: 1em;
text-decoration: none;
}
#Copyright a:hover, #Copyright a:active, #Copyright a:focus {
color: #f8d079;
font-size: 1em;
text-decoration: none;
}
/* Style Guide Elements
------------------------------------- */
div.CalloutRight, div.CalloutWide, div.Caption {
background: #f3e5c7;
}
div.CalloutRight.Plain, div.CalloutRight.Plain a,
div.CalloutWide.Plain {
background: #ffffff;
}
#Content div.CalloutRight a, #Content div.CalloutRight a:link, 
#Content div.CalloutRight a:focus, #Content div.CalloutRight a:hover, 
#Content div.CalloutRight a:active, #Content div.CalloutRight li,
#Content div.CalloutWide a, #Content div.CalloutWide a:link, 
#Content div.CalloutWide a:focus, #Content div.CalloutWide a:hover, 
#Content div.CalloutWide a:active, #Content div.CalloutWide li
{background-color: #f3e5c7;
}
#Content div.CalloutRight.Plain a, #Content div.CalloutRight.Plain a:link, 
#Content div.CalloutRight.Plain a:focus, #Content div.CalloutRight.Plain a:hover, 
#Content div.CalloutRight.Plain a:active, #Content div.CalloutRight.Plain li,
#Content div.CalloutWide.Plain a, #Content div.CalloutWide.Plain a:link, 
#Content div.CalloutWide.Plain a:focus, #Content div.CalloutWide.Plain a:hover, 
#Content div.CalloutWide.Plain a:active, #Content div.CalloutWide.Plain li
{background-color: #ffffff;
}
div.CalloutWide img {
margin-top: 2.8em;
}
tr.ColorRow {
background: #f3e5c7;
}
/*tabs*/
.cmspage ul.Tabnav {
background: transparent url(../../imgs/foundation/tabs/tabnav.gif);
}
.TabContainerlive .Tab {
border-color: #f9d175;
}
ul.Tabnav li a {
background: #dfdfdf url(../../imgs/foundation/tabs/tabs_inactive_right.gif) no-repeat top right;
color: #8D0633;
}
ul.Tabnav li {
background: url(../../imgs/foundation/tabs/tabs_inactive_left.gif) no-repeat 0 0;
}
ul.Tabnav li.Tabactive a {
background-image: url(../../imgs/foundation/tabs/tabs_active_right.gif);
}
ul.Tabnav li.Tabactive {
background-image: url(../../imgs/foundation/tabs/tabs_active_left.gif);
}
ul.Tabnav li a:hover {
color: #2971AB;
}
/*calendar*/
.CalendarSearch .UpcomingEvents .ResultsContainer,
.CalendarList .ResultsContainer {
border-top: 1px solid #f1c466;
border-bottom: 1px solid #f1c466;
}
.CalendarDetail h3 {
border-top: 1px solid #f1c466;
}
.CalendarDetail h2.EventTitle {
border-bottom: 1px solid #f1c466;
}
.CalendarDetail .RegDetails {
background: #F8D789;
}
.CalendarDetail .RegDetails a, .CalendarDetail .RegDetails a:visited {
background: #8D0633;
border: 1px solid #8d0633;
}
.CalendarDetail .RegDetails a:hover, 
.CalendarDetail .RegDetails a:focus, 
.CalendarDetail .RegDetails a:active {
background: #a4385c;
color: #ffffff;
}
.CalendarDetail .FindMoreEvents {
border-top: 1px solid #f1c466;
}
.SearchBox fieldset {
background: url(../../../imgs/foundation/calendar/searchbox_right.gif) no-repeat top right;
}
.SearchBox {
background: url(../../../imgs/foundation/calendar/searchbox_left.gif) no-repeat 0 0;
}
#CalendarSearch ul.Tabnav li {background-image: url(../../../imgs/foundation/calendar/tabs_inactive_left.gif);}
#CalendarSearch ul.Tabnav li a {background-image: url(../../../imgs/foundation/calendar/tabs_inactive_right.gif);}
#CalendarSearch ul.Tabnav li.Tabactive {background-image: url(../../../imgs/foundation/calendar/tabs_active_left.gif);}
#CalendarSearch ul.Tabnav li.Tabactive a {background-image: url(../../../imgs/foundation/calendar/tabs_active_right.gif);}
#CalendarSearch .TabContainerlive {
background: url(../../../imgs/foundation/calendar/tabnav_bottomright.gif) no-repeat top right;
}
#Content #CalendarSearch ul.Tabnav {
background: url(../../../imgs/foundation/calendar/tabnav_bottomleft.gif) no-repeat bottom left;
}
input.Button {
background: #fbf0d8;
}