/*This is the core style sheet for the Apple Day Camp Website*/

body {
margin: 0px;
padding: 0px;
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
background-color: #c7c7c7;
}

h1 {
font-size: 1.5em;
font-style: italic;
letter-spacing: 5px;
}

p {
font-size: .7em;
text-align: justify;
line-height: 2em;
}

#wrap {
height: 100%;
width: 100%;
}

#wrap-inner {
position: absolute;
height: 100%;
width: 760px;
left: 50%;
margin-left: -380px;
border-left: 0px #993333 solid;
border-right: 0px #993333 solid;
}

#header {
width: 758px;
height: 100px;
background: #0A0A59 url(images/header.png) no-repeat top left;
padding: 0px;
color: #ffffff;
margin: 0px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
}

#text-bar {
width: 100%;
background-color: #00195C;
border-top: 1px #ffffff solid;
padding: 0px;
margin:0px;
}

#text-bar p {
font-size: .7em;
color: #ffffff;
text-align: left;
margin: 0px;
padding-left: 10px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
}

#home {
float: left;
padding: 0px;
margin: 0px;
}

a:link {
color: #3333cc;
}

a:visited {
color: #3333cc;
}

a:focus {
color: #3333cc;
}

a:hover {
color: #0A0A59;
}

a:active {
color: #3333cc;
}

#content {
position: relative;
width: 760px;
length: 100%;
background-color: #c7c7c7;
}

#navbar a:hover, body#camp #t-camp a {
color: #ffffff;
}

#message {
position: relative;
float: right;
width: 533px;
length: 100%;
background-color: #ffffff;
padding: 20px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
}

#message li {
font-size: .7em;
text-align: justify;
}

#message dl {
font-size: .7em;
text-align: justify;
}

#program ul li {
list-style: none;
line-height: 1.5em;
}

#right {
float: right;
margin-left: 20px;
border: 1px #C1B085 solid;
padding: 5px;
}

#left {
float: left;
margin-right: 20px;
border: 1px #C1B085 solid;
padding: 5px;
}

#navbar {
position: absolute;
width: 184px;
length: 100%;
top: 0px;
left: 0px;
padding: 0px;
padding-top: 10px;
text-size: .7em;
float: left;
margin: 0px;
background: #c7c7c7;
}

#navbar a {
line-height: 1.5em;
text-decoration: none;
}

#navbar a:hover {
color: #ffffff;
}

.box {
width: 185px;
margin: 0px;
}

.box h3 {
padding: 3px 0px 2px 8px;
margin: 0px;
font-size: 70%;
color: white;
background: url(images/navbarheading.gif) repeat-x top left;
border-left: 1px #000000 solid;
}

.box ul {
margin: 0;
padding: 0px 8px 4px 8px;
margin-left: 0px;
margin-right: 0px;
list-style: none;
font-size: 70%;
}

.box ul li {
padding: 0;
padding-left: 5px;
}

#footer {
float: right;
width: 573px;
font-size: .7em;
color: #ffffff;
background: #666666;
border: 1px #000000 solid;
padding: 0px;
margin: 0px;
}

#footer p {
text-align: center;
padding: 0px;
margin: 0px;
}

/* The containing box for the gallery. */
#container {
position:relative;
background: #ffffff url(images/blueridgelogo.gif) 200px 40px no-repeat;
width: 520px;
height: 330px;
margin: 0px;
padding: 5px;
border: 1px #aaaaaa solid;
}

/* Removing the list bullets and indentation */
#container ul {
float: left;
width: 200px; 
height: 300px;
list-style: none;
padding: 0px;
margin: 0px;
}

#container li {
float: left;
}

/* Remove the images and text from sight */
#container a.gallery span { 
position: absolute;
width: 1px; 
height: 1px;
top: 5px;
left: 5px;  
overflow: hidden; 
background: #ffffff;
}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
display: block; 
color: #000000; 
text-decoration: none;
border: 1px solid #ffffff;
margin: 1px 2px 1px 2px; 
text-align: left; 
cursor: default;
}

#container a.slide01 {
background: url(images/lake_01t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

#container a.slide02 {
background: url(images/lake_02t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

#container a.slide03 {
background: url(images/lake_03t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

#container a.slide04 {
background: url(images/lake_04t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

* html #container a.slide04 {
width: 75px;
height: 50px;
}

#container a.slide05 {
background: url(images/lake_05t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

#container a.slide06 {
background: url(images/lake_06t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

* html #container a.slide06 {
width: 75px;
height: 50px;
}

#container a.slide07 {
background: url(images/lake_07t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

#container a.slide08 {
background: url(images/lake_08t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

#container a.slide09 {
background: url(images/lake_09t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

#container a.slide10 {
background: url(images/lake_10t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

#container a.slide11 {
background: url(images/lake_11t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

#container a.slide12 {
background: url(images/lake_12t.jpg) no-repeat; 
width: 75px;
height: 50px;
}

/* change the thumbnail border color */
#container a.gallery:hover {
border: 1px solid #000000; 
}

/* styling the :hover span */
#container a.gallery:hover span { 
position: absolute;
width: 350px; 
height: 318px;
left: 172px;       
top: 5px;
}

#container a.gallery:hover img {
border: 1px solid #ffffff; 
float: left; 
}