/* 
    Document   : styles
    Created on : Aug 19, 2013, 2:18:08 PM
  
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
body{
    background:url(images/background.jpg) top center no-repeat #FEF901; 
    font-family:Rosario,Arial;
}
.wrapper{
    width:940px;
    padding:10px;
    display:block;
    margin:150px auto;
    background-color:#D7D6B1;
    overflow:hidden;
}

.wrapper article{
    width:680px;
    float:left;
    font-weight:bold;
    background-color:white;
}
.wrapper article #copy{
    padding:30px;
    overflow:hidden
}
.wrapper article img.hero-image{
    width:100%;
}
.wrapper aside{
    float:left;
    width:200px;
}
header{
    background-color:#FEF901;
    position:relative;
}
header.main-head hgroup{
    padding:.75em 5em;
    display:block;
}
header .top-nav ul{
    list-style-type: none;
}
header .top-nav ul li{
    display:inline-block;
    font-size:2.5em;
    line-height:1.5em;
    padding-left:2em;
}
.logo{
    position:absolute;
    right:0;
    top:-20px;
}
header nav a{
    color:black;
    text-decoration: none;
}
.camps {background:url(images/camps-bg.jpg); position:relative;height: 141px;}
    .camps-index {height:141px;}
    .camps-inner {height:135px;}
    #img-nav {list-style:none; margin:0; padding:0;}
    a.main-img-nav {display:block; position:absolute; top:19px; height:93px; text-indent:-10000px;}
        #camp-get {width:223px; left:19px;}
        #camp-summer {width:220px; left:242px;}
        #camp-adult {width:220px; left:470px;}
        #camp-plan {width:226px; left:690px;}

        .img-nav-dropdown-content {position:absolute; z-index:10; top:100px; margin:0; padding:0; border:1px solid #664f23; display:none;} 
        #sub-camp-get {width:205px; left:28px;}
        #sub-camp-summer {width:204px; left:252px;}
        #sub-camp-adult {width:203px; left:477px;}
        #sub-camp-plan {width:206px; left:700px;}

#right {float:right; width:245px; background:url(images/right-bg.jpg) top left no-repeat;}		
    #nav {list-style:none; width:204px; margin:0 auto; padding:20px 0; text-align:center;} 
        .main-item {border:4px solid #6da41c; background:#fff; padding:1px; margin-bottom:8px;}
            .main-item-link {display:block; width:194px; text-align:center; padding:3px 0; font-size:17px; font-weight:bold; color:#fff; background:#6da41c; font-family:"Times New Roman", Times, serif;}
            .main-item-link:hover {color:#000;}
                .sub-nav {margin:0; padding:2px 0 14px 0; list-style:none;}
                .sub-nav a {display:block; font-size:12px; color:#848036; font-family:Arial, Helvetica, sans-serif;}
                .sub-nav a:hover {color:#000;}
            #nav a {text-decoration:none;}