/* client.css */
@import url(ewep/public.css);
@import url(forms.css);
@import url(tabs.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);
* {
padding: 0;
margin: 0;
}
body {
padding: 0;
margin: 0;
background: #DDD;
font-size: .7em;
}
p, li, dt, dd {
line-height: 1.5;
}
.cmspage h1, .cmspage h2, .cmspage h3, .cmspage h4, .cmspage h5, .cmspage h6, 
#Content .cmspanel h1, #Content .cmspanel h2, #Content .cmspanel h3, 
#Content .cmspanel h4, #Content .cmspanel h5, #Content .cmspanel h6 {
color: #3f6b89;
margin-bottom: .4em;
}
.cmspage h1, .cmspanel h1 {
font-size: 2em;
margin-top: 0;
}
.cmspage h2, .cmspanel h2 {
font-size: 1.4em;
font-weight: bold;
}
.cmspage h3, .cmspanel h3 {
font-size: 1.3em;
font-weight: bold;
}
.cmspage h4, .cmspanel h4 {
font-size: 1.1em;
}
.cmspage h5, .cmspanel h5 {
font-size: 1.05em;
}
.cmspage p, .cmspage li, .cmspage dt, .cmspage dd, .cmspage label, 
#Content .cmspanel p, #Content .cmspanel li, #Content .cmspanel dt, #Content .cmspanel dd, #Content .cmspanel label {
line-height: 1.5;
}
.cmspage p {
margin-bottom: 1.5em;
}
ul.Horiz {
list-style: none;
float: left;
}
ul.Horiz li, ol.Horiz li {
float: left;
}
table {
margin-bottom: .8em;
}
a:link {
color: #002b5f;
}
a:hover {
color: #3F6B89;
}
#BodyWrapper {
position: relative;
}
/* -------------------------------------
	Search Form
---------------------------------------*/
#Search {
position: absolute;
top: 0;
right: 0;
width: 210px;
z-index: 1200;
}
#Search form {
margin-left: 11px;
font-size: 1.1em;
}
#Search input.TextInput {
color: #666;
border: solid 1px #666;
padding: 1px 7px 2px;
width: 134px;
}
#Search input.GoButton {
position: relative;
top: 7px;
left: 1px;
}
/* -------------------------------------
	Top Wrapper
---------------------------------------*/
#TopWrapper {
padding: 0 210px 0 0;
background: #2E658D url(../imgs/rightcol_paneltop.gif) repeat-x left top;
}
#Header {
position: relative;
float: left;
color: #fff;
width: 100%;
height: 140px;
background: url(../imgs/logo_bkgd.jpg) repeat-x right top;
}
#Header img {
position: relative;
margin-left: 25px;
margin-top: 28px;
z-index: 600;
}
#Header a {
color: #fff;
font-size: 2em;
}
#HeaderPhoto {
position: absolute;
right: 0;
top: 0;
z-index: 500;
}
#HeaderPhoto img {
margin: 0;
}
/* -------------------------------------
	Nav Wrapper
---------------------------------------*/
#NavWrapper {
position: relative;
z-index: 700;
padding: 0 210px 0 0;
background: #174f77 url(../imgs/topwrapper_bkgd.gif) repeat-y right top;
}
#MainNav {
float: left;
width: 100%;
color: #fff;
font-size: 1.05em;
background: #174f77 url(../imgs/navbkgd_btm.gif) repeat-x left bottom;
}
#MainNav .Dec1 {
float: left;
width: 100%;
background: url(../imgs/nav_bkgd.gif) no-repeat right bottom;
}
#MainNav ul {
width: 100%;
background: url(../imgs/navbkgd_top.gif) repeat-x;
}
#MainNav ul li {
white-space: nowrap;
}
#MainNav ul li a, #MainNav ul li a:visited, #MainNav ul li strong {
float: left;
color: #fff;
font-weight: bold !important;
text-decoration: none;
border-left: solid 1px #fff;
border-top: solid 1px #154569;
background: #174f77 url(../imgs/navbkgd_btm.gif) repeat-x left bottom;
padding: 5px 9px 6px;
}
#MainNav ul li.First a, #MainNav ul li.First a:visited {
border-left: none;
}
#MainNav ul li a:hover, #MainNav ul li.Active a, #MainNav ul li.Active a:visited, #MainNav ul li.Active strong {
border-top: solid 1px #001834;
background: #002b5f url(../imgs/navbkgd_btm_over.gif) repeat-x left bottom;
}
/* -------------------------------------
	Text Sizer
---------------------------------------*/
#TextSizer {
color: #fff;
background: #2E658D;
float: right;
width: 210px;
margin-right: -210px;
}
#TextSizer h2 {
float: left;
font-size: .9em;
padding: 0.8em 0.4em 0pt 15px;
}
#TextSizer ul {
list-style: none;
}
#TextSizer ul, #TextSizer li {
float: left;
}
#TextSizer li a {
display: block;
margin: 0pt .2em;
padding: .2em .4em;
}
#TextSizer li a:focus, #TextSizer li a:hover, #TextSizer li a:active {
background-color: #89b3d1;
}
/* -------------------------------------
	Content Wrapper
---------------------------------------*/
#ContentWrapper {
position: relative;
z-index: 700;
padding: 0 214px 0 180px;
background: #fff url(../imgs/leftcol_bkgd.gif) repeat-y;
}
#Content .cmspage, #Content .cmspanel {
font-size: 1em;
}
#Col1, #Col2, #Col3 {
float: left;
}
#Col1 {
width: 180px;
margin-left: -180px;
}
#Breadcrumbs {
color: #002B5F;
margin: 0.8em 2em 0pt;
}
#Breadcrumbs p {
line-height: 1.6;
margin: 0pt;
}
/* -------------------------------------
	Sub Nav
---------------------------------------*/
.SubNav {
color: #002b5f;
}
.SubNav ul {
font-size: 1.1em;
list-style: none;
}
.SubNav a, .SubNav a:visited {
color: #002b5f;
display: block;
border-bottom: 1px solid #CADDFB;
text-decoration: none;
}
.SubNav a:focus, .SubNav a:hover, .SubNav a:active,
.SubNav .SectionName1 a:focus, .SubNav .SectionName1 a:hover, .SubNav .SectionName1 a:active {
color: #2e658d;
}
.SubNav li {
margin-right: 4px;
}
.SubNav ul ul li {
margin-right: 0;
}
.SubNav .Active, .SubNav ul ul, .SubNav .SectionName2 {
display: block;
background: #D2E2FC;
}
.SubNav .SectionName2 {
font-weight: bold;
background: url(../imgs/arrow_subnav.gif) no-repeat .5em .7em;
height: 1%;
}
.SubNav ul ul {
font-size: .9em;
padding-bottom: .6em;
border-bottom: 1px solid #CADDFB;
height: 1%;
}
.SubNav li a, .SubNav .SectionName1 h4, .SubNav .SectionName2 {
padding: .2em .2em .2em 1.1em;
}
.SubNav .SectionName1 h4 {
padding-top: .7em;
padding-bottom: .3em;
padding-left: .6em;
}
.SubNav ul ul a {
padding-left: 2em;
color: #000;
border-bottom: none;
}
.SubNav .SectionName1 a {
border-bottom: none;
}
.SubNav .SectionName1 {
background: url(../imgs/sectionname1_bkgd.gif) no-repeat right bottom;
}
/* -------------------------------------
	Col1 & Col2
---------------------------------------*/
#Col2 {
width: 100%;
}
#Col3 {
color: #fff;
background: #2e658d url(../imgs/rightcol_bkgd.gif) repeat-y;
width: 214px;
margin-right: -214px;
float: right;
margin-bottom: 8px;
}
#Col3 p {
line-height: 1.3;
}
#Col3 .cmspanel {
margin-left: 4px;
padding: 1.5em 0 .2em;
background: url(../imgs/rightcol_paneltop.gif) repeat-x;
}
#Col3 h1, #Col3 h2, #Col3 h3{
margin-bottom: .6em;
color: #88b2d0;
padding-left:15px;
padding-right:15px;
}
#Col3 h4 {
margin-bottom: .4em;
}
#Col3 h5, #Col3 h6 {
margin-bottom: .3em;
}
#Col3 dt, #Col3 dd, #Col3 p, #Col3 ul, #Col3 h4, #Col3 h5, #Col3 h6  {
padding-left:20px;
padding-right:20px;
}
#Col3 a:focus, #Col3 a:hover, #Col3 a:active {
color: #89B3D1;
}
#Col3 a {
color: #fff;
}
#Col3 ul {
margin-bottom: .8em;
padding-right: 20px;
list-style-type: none;
}
#Col3 li {
margin-bottom: .5em;
}
#Col3 ul.Plain {
margin-left: 0pt;
list-style: none;
}
#Col3 .cmspanel img.Right {
float: right;
margin-left: .7em;
}
#Col3 .cmspanel img.Left {
float: left;
margin-right: .7em;
}
#Col3 .Bottom {
background: #2e658d url(../imgs/rightcol_btm.gif) no-repeat left bottom;
height: 37px;
}
#Col3 input.TextInput {
margin-left: 11px;
border:1px solid #666666;
color:#666666;
padding:1px 7px 2px;
width:134px;
}
/* -------------------------------------
	TopRight (PageTools and TopLinks)
---------------------------------------*/
#TopRight {
float: right;
width: 210px;
margin-right: -210px;
}
#PageTools {
font-size: .9em;
color: #fff;
float: left;
width: 210px;
padding-top: 45px;
background: #2E658D url(../imgs/rightcol_paneltop.gif) repeat-x;
border-bottom: solid 1px #89b3d1;
}
#TopLinks {
border-bottom: solid 1px #89b3d1;
}
#TopLinks ul {
list-style: none;
font-weight: bold;
margin-left: 15px;
margin-bottom: 5px;
}
#TopLinks ul li {
background: url(../imgs/arrow.gif) no-repeat 0 .5em;
padding-left: 8px;
padding-bottom: 1px;
}
#TopLinks li a {
color: #fff;
text-decoration: none;
}
#TopLinks li a:focus, #TopLinks  li a:hover, #TopLinks  li a:active {
color: #89B3D1;
text-decoration: underline;
}
/* -------------------------------------
	EmailPrint
---------------------------------------*/
#EmailPrint {
background: #8cb5d3;
border-top: solid 1px #1a4f75;
border-bottom: solid 1px #1a4f75;
}
#EmailPrint {
padding: 0 15px;
}
#EmailPrint ul {
list-style: none;
margin: 5px 0pt;
}
#EmailPrint li {
margin-bottom: .3em;
}
#EmailPrint li a {
display: block;
padding: 0 0 0 16px;
text-decoration: none;
color: #002B5F;
}
#EmailPrint li a:focus, #EmailPrint li a:hover, #EmailPrint li a:active {
color: #002B5F;
text-decoration: underline;
}
#EmailPrint li.Email a {
background: url(../imgs/icons/email.gif) no-repeat 0 .3em;
}
#EmailPrint li.Print a {
background: url(../imgs/icons/printer.gif) no-repeat 0 .2em;
}
#EmailPrint li.Bookmark a {
background: url(../imgs/icons/bookmark.gif) no-repeat 2px .3em;
}
/* -------------------------------------
	Footer
---------------------------------------*/
#FooterDec {
background: #2c4989 url(../imgs/footer_dec.jpg) no-repeat left top;
height: 45px;	
}
#Footer {
color: #fff;
font-size: .85em;
padding: 7px 20px;
background: #8cb5d3;
}
#Footer p {
float: left;
margin: 0;
}
#Footer ul {
list-style: none;
}
#Footer ul li {
border-left: 1px solid #fff;
padding: 0 10px;
}
#Footer ul li.First {
border-left: none;
}
#Footer a {
color: #fff;
}
#Footer a:hover, #Footer a:focus, #Footer a:active {
color: #fff;
}
/* -------------------------------------
	Paging
---------------------------------------*/
table.Paging select {
margin: .4em 0 0;
}
table.Paging span {
margin-bottom: .6em;
}
/* -------------------------------------
	iFrame for Find a Job
---------------------------------------*/
#LawsonRecruitFrame {
height:400px;
width:100%;
}
/* -------------------------------------
	CMS Info Boxes
---------------------------------------*/
.cmsinfo {
color: #000 !important;
background-color: #e1e1e1 !important;
border-top: 3px double #000 !important;
border-bottom: 3px double #000 !important;
margin: .5em 0 !important;
padding: .5em !important;
}
.cmsinfo ul {
margin-left: 1.2em !important;
padding-left: 1.2em !important;
height: auto !important;
border: none !important;
}
.cmsinfo a {
color: #000 !important;
text-decoration: underline !important;
font-weight: normal !important;
}
.cmsinfo small {
margin: 0 !important;
}
.cmsinfo li {
background-image: none !important;
padding-left: 0 !important;
color: #000 !important;
border: none !important;
}

/* ======= */
#LatestNews li {
padding-bottom: .5em;
}

/* -------------------------------------
  Photo Slider
---------------------------------------- */
.PhotoSlider ul {
margin: 0;
padding: 0;
list-style: none;
}
.PhotoSlider li {
padding: 0;
background-image: none;
}
.PhotoSlider img {
margin: 0 auto;
}
.PhotoSlider {
width: 262px;
padding: 6px;
text-align: left;
position: relative;
background: #f1f1f1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.PhotoSlider .Border {
border: 1px solid #e6e6e6;
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.PhotoSlider .Overflow {
width: 260px;
overflow: hidden;
position: relative;
}
.PhotoSlider .Container {
left: 0;
width: 100%;
position: relative;
}
.PhotoSlider .Slide {
/* Must contain a width and a margin-right. */
width: 250px;
margin: 0;
padding: 5px;
float:left;
}
.PhotoSlider .PhotoCaption {
margin: 0;
padding: 8px 6px;
font-size: .85em;
color: #666;
}
.PhotoSlider .Buttons {
text-align: center;
font-size: .85em;
padding: 5px;
border-top: 1px solid #e6e6e6;
height: 20px;
position: relative;
}
.PhotoSlider .Buttons em {
font-style: normal;
position: relative;
top: 3px;
height: 1%;
}
.PhotoSlider .Prev, .PhotoSlider .Next {
height: 19px;
width: 26px;
display: block;
position: absolute;
outline: none;
}
.PhotoSlider .Prev {
top: 5px;
left: 80px;
background: url(../imgs/slider/prev.gif) no-repeat 0 0;
}
.PhotoSlider .Next {
top: 5px;
right: 80px;
background: url(../imgs/slider/next.gif) no-repeat 0 0;
}
.PhotoSlider .Next:hover, .PhotoSlider .Prev:hover {
background-position: -26px 0;
}
.PhotoSlider .Inactive {
background-position: -52px;
cursor: default;
}
.PhotoSlider .Inactive:hover {
background-position: -52px;
}