/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

#skiplinks, hr{display:none;}
body { color:#5b5b5b; font-size:80%;}

/* Site
-------------------------------------------------------------- */
  
/* Put your site styles here */
#pagewidth {width:930px; margin:0 auto;text-align:left; padding:25px 0 50px 0;}
#header { position:relative; height:514px;}
	#logo {position:absolute;top:18px;left:0;height:145px; width:930px; background:transparent url("img/logo.jpg") no-repeat left bottom; z-index:10;}
	#logo {padding-bottom:0;}  /*padding bottom 0 to remove space in IE5 Mac */
	#logo h1 {font-size:3px;padding:0px;margin:0px; }
	#logo h1 a {display:block;height:66px;left:291px;position:absolute;text-decoration:none;text-indent:-9999em;top:10px;width:360px;}
	
	#photo { position:absolute; top:163px; left:10px; padding:5px 7px 6px 7px; width:897px; height:340px; background:transparent url("img/bg_photo.jpg") no-repeat left bottom; }




#navbar { position:absolute; z-index:20; top:100px;left:33px;  }
#main {background:transparent url("img/bg_main.jpg") no-repeat center top; padding:20px 9px 0px 10px;}


#navbar .lavaLampWithImage {
            position: relative;
            height: 30px;
            width: 980px;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
        }
#navbar .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
#navbar .lavaLampWithImage li.back {
                        background: url("img/lavalamp.png") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;

                    }
#navbar .lavaLampWithImage li.back .left {
                            background: url("img/lavalamp.png") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
									 color:#fff;
                        }

#navbar .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #273a58;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
* html  #navbar .lavaLampWithImage li a { margin:auto 5px;}
#navbar .lavaLampWithImage li a:hover, #navbar .lavaLampWithImage li a:active {
                            border: none; 
									 color:#fff; 
                        }

#leftc { width:334px; float:left; }
#mainc { width:560px; float:left; margin-left:16px; }

#leftc .box {margin-bottom:20px;min-height:250px; height:auto !important; height:250px; background:#263e5f url(img/rex.png) no-repeat center 17px; color:#fff; padding:47px 17px 20px 17px;}
#leftc .box h3 { font-size:1.3em; }
#leftc .box h4 { font-weight:normal; color:#e9a712; margin-bottom:0.7em}
#leftc .box p { text-align:justify;}
#leftc .box a.link-more { color:#283b58;margin-top:0.5em;display:block; text-align:center; text-decoration:none;width:55px;line-height:18px; background:transparent url("img/link.png") no-repeat left center;}

#leftc .banner { margin-bottom:20px;}
#leftc .banner img {padding:3px; border:1px solid #263e5f;}

#mainc h2 { margin-bottom:0.5em;font-family:Georgia, "Times New Roman", Times, serif;line-height:1em; font-size:3em; font-weight:normal;color:#273a58; }
#mainc h3 {border-bottom:1px solid #ccc; margin-bottom:0.5em; padding-bottom:0.5em;font-family:Georgia, "Times New Roman", Times, serif;line-height:1.2em; font-size:1.8em; font-weight:normal;color:#273a58; }
#mainc h4 {margin-bottom:0.5em; padding-bottom:0.5em;font-family:Georgia, "Times New Roman", Times, serif;line-height:1.2em; font-size:1.3em; font-weight:normal;color:#273a58; }


#footer {border-top:1px solid #ccc;margin:0 10px; padding:18px 0; }
#footer a {color:#5B5B5B}
#footer .logo { width:248px; float:left;}
#footer .footer-a { width:515px; float:left;}
#footer .footer-b { width:147px; float:left; text-align:right;}
#footer .colored  {color:#283b58; font-weight:bold;}
#footer p {margin:0; font-size:0.9em}


#submenu { margin-bottom:40px;}
#submenu ul {margin:0; padding:0;}
#submenu ul li {margin:0; padding:0; list-style-type:none; display: inline; /* This fixes the IE6 Win gap! */}
#submenu ul li a { padding: 6px 10px; color:#848484; border-bottom:1px solid #d2d2d2; text-decoration:none; display:block;vertical-align: bottom; }
#submenu ul li a:hover,#submenu ul li a.current  { font-weight:bold; background-color:#e9a712; color:#fff}

#map {width:520px; height:350px; border:1px solid #CDD2D8; margin-bottom:20px}


#header .box { float:left; width:293px; overflow:hidden;}
#header .box {margin-bottom:20px; height:273px; background:#263e5f url(img/rex.png) no-repeat center 17px; color:#fff; padding:47px 17px 20px 17px;}
#header .box h3 { font-size:1.3em; }
#header .box h4 { font-weight:normal; color:#e9a712; margin-bottom:0.7em}
#header .box p { text-align:justify;}
#header .box a.link-more { color:#283b58;margin-top:0.5em;display:block; text-align:center; text-decoration:none;width:55px;line-height:18px; background:transparent url("img/link.png") no-repeat left center;}

#photo .photo {float:right; width:570px}

.article_details {text-align: right; font-style: italic;}
#header .box p.article_link {text-align: right; font-style: italic;}
#header .box p.article_link a {color: #E9A712;}

.controlPanel img {display: inline;}

p.age_form{width: 250px; float: left;}