/*Treelot Stylesheet*/

* {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }


body {margin: 0;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
line-height: 16px;
font-size: 12px;
 }

h2 {font-size: 16px;
font-weight: bold;
color: #ca2151;
border-bottom: 1px #64944b solid;
line-height: 20px;
text-shadow: grey 1px 1px 1px;
}

h3 {font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 16px }

li{
list-style-image: url(images/star.gif);
}

em {
font-style: oblique; }

strong {
font-weight: bolder; }

img {
border: none;
}

a:link, a:visited {
text-decoration: none;
color: #e14772; }

a:hover {
color: #64944b;
border-bottom: 1px #e14772 dotted;
text-decoration: none; }

a:hover img {
border-bottom: none; }

/*For linked images that still display hover properties, use this class=image.*/
a.image, a.image:link, a.image:visited, a.image:active, a.image:hover {
text-decoration:	none;
border-bottom:	none;
}

#wrapper {
background-image: url(images/vCandy_Background.gif);
background-repeat: repeat-y;
}

#header {padding-top: 5px;
padding-bottom: 5px;
height: 114px;
/* width: 100%; */
text-align: center;
background-color: #fff; /*white background*/
color: #666666;
background-image: url(images/kids_art_masthead.jpg);
background-repeat: repeat-x;
background-position: top left; }

#header_border {height: 5px;
width: 100%;
background-color: #fff; /*white background*/
background-image: url(images/hCandy.gif);
background-repeat: repeat-x;
background-position: bottom left; }

#header p {
font-size: 14px;
text-align: center;
font-weight: bold; }

#leftcolumn {padding: 10px;
float: left;
color: #666666; 
width: 180px;
 }

#date {
font-size: 12px;
text-align: center;
line-height: 12px;
font-weight: bold;
margin-top: 300px; }

#navbar {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
background-color: #c82150;
border-top: 1px #ea1472 solid;
border-bottom: 1px #ea1472 solid;
font-weight: bold;
padding: 0px;
width: 175px;
float: left;
}

#navbar a:link, #navbar a:visited {
color: #ffffff;
background-color: #e14772;
text-decoration: none;
display: block;
border-left: 10px #2bff96 solid;
border-right: 10px #2bff96 solid;
margin-top: 1px;
margin-bottom: 1px;
padding-top: 3px;
padding-left: 20px;
padding-bottom: 3px }

#navbar a:hover {background-color: #ca2151;
text-decoration: none;
border-left: 10px #21ca45 solid;
border-right: 10px #0c6 solid;
border-bottom: none; }

#navbar a.current {background-color: #189132;
}

#maincontent {padding: 20px 40px 30px 20px;
width: 500px;
text-align: left;
margin-left: 200px;
color: #333333;
}

/*Webobjects */
#mainwocontent {padding: 20px 40px 30px 20px;
color: #333333;
}

#footer {padding: 2%;
text-align: center;
clear: both;
background-color: #ffffff;
color: #333333;
background-image: url(images/hCandy.gif);
background-repeat: repeat-x;
background-position: top left; }

#registration {padding: 20px 40px 30px 10px;
width: 800px;
height: 600px;
text-align: left;
background-color: #ffffff;
color: #333333;
 }

#footer p {
color: #999; }

#footer a:hover{
border-bottom: none;
}

.schedule {
line-height: 10px;
margin-left: 80px;
text-indent: -30px; }

.photo {
padding: 10px;
text-align: center;
border: 1px solid #64944b;
background-color: #fff; }

.charity {
text-align: left;
vertical-align: bottom;
color: #fff;
border: none; }

.charity a:hover {
border: none;
}

.finePrint {
line-height: 12px;
font-size: 10px;
}

/*Selectors for calendar table*/
.calTableBorder {border:0px solid #e14772;}
.calTableBackground {background:#fff;}
.calCellBorderTop {border-top:#189132 1px solid;}
.calCellBorderRight {border-right:#189132 1px solid;}
.calColumnHeading {background:#2bff96;}
.calDate {
font-size:8px;
font-weight: bold;
color: #ca2151;
}
.calEvent {font-size:10px;}

.vCandyStripe {background: url(images/vCandy.gif)}
.hCandyStripe {background: url(images/hCandy.gif)}

.greenTableBorder {border:#189132 2px solid;}

.table_date a:link, .table_date a:visited {
text-decoration: none;
color: #000000; }

.table_date a:hover {
color: #000000;
border-bottom: 1px #000000 dotted;
text-decoration: none; }

/*Selectors for photo contact sheet*/
div.pic {
float: left;
height: 130px;
width: 130px;
padding: 15px;
margin: 5px 3px;
background: url(images/frame_ls.gif) center no-repeat;
}

div.pt {
background-image: url(images/frame_pt.gif);
}

div.pic img {
border: 1px solid;
border-color: #444 #AAA #AAA #444;
}

div.ls img {
height: 96px; 
width: 128px;
margin: 16px 0;
}

div.pt img {
height: 128px; 
width: 96px;
margin: 0 16px;
}

div.pic a:hover{
border-bottom: none;
}

/*Selectors for Products: img should be less than 200px wide*/

div.product {
width: 218px;
height: 265px;
margin: 5px;
padding: 4px;
border: 1px solid #64944b;
font-size: 10px;
text-decoration: none;
text-align: center;
float: left;
color: #64944b;
line-height: 10px; }

div.product p {
font-weight: bolder;
color:  #64944b;
}

div.product em {
font-style: oblique;
color: #ca2151; }	

/*Selectors for Special Box Descriptions ie. of Charities*/

div.box_desc {
width: 218px;
height: 265px;
margin: 5px;
padding: 4px;
border: 1px solid #64944b;
font-size: 12px;
text-decoration: none;
text-align: center;
float: left;
/* color: #ccc; */
line-height: 1.5em; }