@charset "utf-8"; 

a, a:link, a:visited, a:hover, a:active {color:#252525; outline:none;}
:focus {-moz-outline-style:none;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clrright {clear:right;}
.clrleft {clear:left;}
.nomarg {margin-bottom:-22px;}
.header {color:#1A387E; margin-bottom:-8px;}
hr {color:#1A387E; border-bottom:1px solid #fff;}
.pad5 {padding:5px;}
.sm9 {font-size:0.63em;}
.sm10 {font-size:0.69em; line-height:1em;}
img {behavior:url(inc/pngbehavior.htc);}
#map img {behavior:none!important;}
#map {line-height:15px;}
.box {width:300px; background:#cef8ff; border:1px solid #9ad3dd; padding:10px;}

/****** LAYOUT ******/
* {outline-style:none;}
html,body {height:100%; width:100%; margin:0 auto;}
body {margin:0 auto; text-align:center; padding:0; font:62.5% Verdana, Arial, Helvetica, sans-serif; color:#32393a; background:#cdf8ff url(/images/bg.jpg) repeat-x;}
#wrapper {width:1000px; height:auto; margin:0 auto; padding:0; text-align:left; background:url(//www.familyenrichmentcenter.com/images/bgwrapper.png) repeat-y; font:1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;}
#header {height:343px; margin:0 auto; margin-top:-40px;}
#content {width:980px; margin:0px; padding:0 10px 0 10px; background:url(//www.familyenrichmentcenter.com/images/contentbg.jpg) repeat-y;}
h1 {font:1.6em Arial, Helvetica, sans-serif; margin:0; padding:0;}
h2 {font:1.5em Arial, Helvetica, sans-serif; margin:0; padding:0;}
h3 {font:1.4em Arial, Helvetica, sans-serif; margin:0; padding:0;}

/******* FOOTER *******/
#footer {height:80px; line-height:13px; font-size:.8em; clear:both;}
#footer a {text-decoration:none;}
#footer #credit {float:right; width:120px;}
#footer #credit a {color:#6badb8; text-decoration:none;}
#footer #credit a:hover {color:#252525; text-decoration:none;}

/******* HORIZONTAL NAV MENU ***********/
ul#hrznav {margin:0; border:0 none; padding:0; width:1000px; list-style:none; height:23px;}
ul#hrznav li {margin:0; border:0 none; padding:0; float:left; display:inline; list-style:none; position:relative; height:23px;}
ul#hrznav ul {margin:0 0 0 15px; border:0 none; padding:0; width:200px; list-style:none; display:none; position:absolute; top:23px; left:0;}
ul#hrznav ul li {float:none; display:block!important; display:inline;}
ul#hrznav a {float:none!important; float:left; display:block; font:11px/19px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; height:auto!important; height:1%;}
ul#hrznav a:hover, ul#hrznav li:hover a, ul#hrznav li.iehover a {}
ul#hrznav li:hover li a, ul#hrznav li.iehover li a {float:none; background:#7dd1e5; color:#144d5a; padding:4px; border:1px solid #aeeaf9;}
ul#hrznav li:hover li a:hover, ul#hrznav li:hover li:hover a, ul#hrznav li.iehover li a:hover, ul#hrznav li.iehover li.iehover a {background:#aeeaf9; color:#144d5a;}
ul#hrznav ul ul, ul#hrznav ul ul ul {display:none; position:absolute; top:0; left:160px;}
ul#hrznav li:hover ul ul, ul#hrznav li:hover ul ul ul, ul#hrznav li.iehover ul ul, ul#hrznav li.iehover ul ul ul {display:none;}
ul#hrznav li:hover ul, ul#hrznav ul li:hover ul, ul#hrznav ul ul li:hover ul, ul#hrznav li.iehover ul, ul#hrznav ul li.iehover ul, ul#hrznav ul ul li.iehover ul {display:block;}
ul#hrznav ul.narrow {width:100px; left:15px;}

/********** CONTACT FORM **********/
form#contact {margin:0; padding:5px; float:right; width:275px;}
#contact label,#contact input {display:block; width:150px; float:left; margin-bottom:10px;}
#contact label {text-align:right; width:75px; padding-right:5px;}
#contact br {clear:left;}
#contact fieldset {background:#485059; color:#fff; border:1px solid #7c5b47; margin:20px 0px 20px 0px; position:relative; display:block; padding:0px 10px 10px 10px;}
#contact legend {color:#e79904; font-variant:small-caps; font:bold 1.0em Verdana, Arial, Helvetica, sans-serif; padding:2px 5px; position:relative; left:-7px; top:-0.75em;}
#contact fieldset ol {padding-top:0.25em;}
#contact #city {display:block; width:60px; margin-right:12px; float:left; margin-bottom:10px;}
#contact #comments {display:block; width:240px; height:70px; margin-bottom:15px;}
textarea{overflow:auto;}
#contact #submit {width:85px; height:32px; margin-left:90px;}
#contact .shhhh, .shhhh {display:none;}

/* - - - - - ASK A QUESTION FORM - - - - - */
#askform {width:200px; padding:10px; text-align:center; float:right;}
#askform input {float:left; display:block; width:200px; margin-bottom:5px; text-align:left; color:#464646; background:#CDF8FF; border:1px solid #464646; padding:2px;}
#askform textarea {float:left; display:block; width:200px; height:150px; margin-bottom:5px; text-align:left; color:#464646; background:#CDF8FF; border:1px solid #464646; padding:2px;}
#askform textarea:active, #askform textarea:focus {background-color:#fff; border-color:#000; color:#000;}
#askform input:active, #askform input:focus {background-color:#fff; border-color:#000; color:#000;}
#askform input.submit {float:none; display:inline; width:100px; text-align:center; margin:0 auto; padding:3px; cursor:pointer; background:#464646; border:1px solid #CDF8FF; color:#CDF8FF; height:30px;}
#askform input.submit:hover, #askform input.submit:active, #askform input.submit:focus {border-color:#464646; background:#43A9C2; color:#000;}
div#socialheader {position:relative;z-index:10;right:0;text-align:right;width:1000px;height:40px;}
#facebook {position:absolute; display:block; z-index:10; top:0px;right:0px;width:40px;height:40px;}
#twitter {position:absolute; display:block; z-index:10; top:0px;right:50px;width:40px;height:40px;}
#paypal {position:absolute; display:block; z-index:10; top:42px;right:0px; width:132px;height:40px;}
#paypal2 {float:left;}
.footerbgfix {position:relative;top:0;}

#links {width:428px; height:62px; background:url("/images/linksbg.png") no-repeat; margin-left:22px;padding:15px 0 0 50px;}
*:first-child+html #links {padding-top:28px;}


#register {display:block; width:146px; height:50px; background:url("/images/register.png") 0 0 no-repeat;margin:2px 0 0 165px;}
#register:hover {background:url("/images/registerroll.png") 0 0 no-repeat;}
#sponsorsbox {width:360px; height:118px; padding-top:20px; text-align:center; padding-bottom:10px;}
#marqueecontainer {position:relative; top:13px; left:8px; width:350px; height:65px; overflow:hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #marqueecontainer {margin-right:-315px;}
}
#sponsorship {display:block; width:146px; height:50px; background:url("/images/sponsorship.png") 0 0 no-repeat;float:left;margin:2px 0 0 10px;}
#sponsorship:hover {background:url("/images/sponsorshiproll.png") 0 0 no-repeat;}
