/* Dedicated To Youth Styles */

html, body { margin: 0px; }

html, body, table, a {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
a:link { color: #000000; }
a:visited { color: #999999; }
a:hover { color: #ff008a; }

td { 
text-align: center;
vertical-align: top;
}

a img { border: none; }

h1, h2 {
margin: 0px;
margin-bottom: 8px;
font-size: 14pt;
}
h2 { 
font-size: 13pt;
font-style: italic;
}

.keytable { /* main outer table (so named so as not to duplicate existing shop classes) */
width: 857px;
margin-left: auto; margin-right: auto; /* Mac IE centering fix */
margin-top: 8px;
}
.keytabletd { /* vertical center td */
width: 851px;
background: #ff008a; 
border-left: 1px solid #000000;
}
.sideshadow { /* the shadow on the right of the main box */
padding-left: 6px;
background: url('grafix/sideshadow.gif') top left repeat-y;
}

.nav { /* the black nav bar */
width: 838px;
margin-left: auto; margin-right: auto;
color: #ff008a;
}
.navcenter {
width: 100%;
background: #000000; 
}
.navcenter a { 
color: #ffffff; 
text-decoration: none;
}
.navcenter a:visited { color: #777777; }
.navcenter a:hover { color: #ff008a; }

.navspacer {
vertical-align: middle;
margin-top: 3px;
margin-left: 10px;
margin-right: 10px;
}

.maincontent { /* the pale pink content box (lower) */
width: 838px; 
margin-left: auto; margin-right: auto; 
background: #ffe6f4;
}

.copyright { /* copyright & credits at the bottom */
width: 837px;
margin-left: auto; margin-right: auto; 
margin-bottom: 10px;
}
.copyright, .copyright a { font-size: 9pt; }

.whitebox { /* all bevelled white boxes inside maincontent box */
margin-left: auto; margin-right: auto;
background: #ffffff;
}
.whitetop, .whitebot { width: 100%; }
.whiteleft, .whiteright { height: 100%; }
.whitetop { border-top: 1px solid #000000; }
.whitebot { background: url('grafix/whitebot.gif') bottom left repeat-x; }
.whiteleft { border-left: 1px solid #000000; }
.whiteright { background: url('grafix/whiteright.gif') top right repeat-y; }

.whitebox_title { /* graphic whitebox titles on the homepage */
position: relative;
margin-top: -20px;
margin-left: -12px;
}

#whitemain, #ourprograms, #proglist { /* id = whitemain if one big white box (not homepage) */
background: #ffffff url('grafix/handprint.gif') top right no-repeat; 
}
#upcomingevents, #radioshow, #welcomebox, #spotlight { /* various whiteboxes on homepage */
margin-bottom: 10px; 
}
.radioshowcenter { /* center td of radioshow box on homepage */
background: #ffffff url('grafix/radioshowbg.gif') top right no-repeat; 
}
#ourprograms, #proglist { /* both boxes on progs page */
margin-top: 10px;
margin-left: auto; margin-right: auto;
}
#ourprograms { width: 550px; }
#proglist { width: 250px; }

.boldlink { font-weight: bold; } /* bold links on the programs page */

.illustration { /* all images on contact / about / programs etc pages */
margin: 15px;
border: 2px solid #aaaaaa;
}

.pinkbox { /* various info sidebars / boxes dotted around the site */
border: 2px solid #aaaaaa;
background: #ffe6f4;
}

.resourcesright { /* more resources box on right of resources page */
width: 220px;
float: right;
margin: 10px;
}

.recipie { /* hidden recipie boxes on resources page */
width: 95%;
padding: 10px;
}

.didyouknow { /* did you know box on programs/kitchenclub */
width: 200px;
float: right;
margin: 10px;
padding: 10px;
}

.centered { margin-left: auto; margin-right: auto; } /* all centered tables etc */

/*
YE OLDE CALENDAR STUFF
.calendarbox { /* the squares on the calendar page *//*
width: 130px;
height: 130px;
border: 1px solid #666666;
margin: 1px;
float: left;
overflow: auto;
}
.calendarboxdate { 
font-weight: bold; 
text-align: left;
font-size: 10pt;
}
.calendarday { font-style: italic; }
.calendarbox, .calendarbox a { 
font-size: 9pt;
font-weight: normal;
}
*/

.calday { /* days on the new calendar table */
width: 112px;
background: #ff6699;
color: #ffffff;
font-weight: bold;
}

.calblank, .calbox, .calboxon { /* calblank = the blank day boxes on the calendar */
width: 112px;
height: 112px;
border: 1px solid #dddddd;
}
.calbox { border: 1px solid #888888; } /* the day boxes on the calendar */
.calboxon { /* today box on the calendar */
border: 1px solid #ff008a; 
background: #ffccff;
} 

.caldate { 
font-weight: bold; 
text-align: left;
margin-left: 5px;
}

.calbox, .calbox a { 
font-size: 9pt;
font-weight: normal;
}

.hr { /* bottom rule on new calendar table */
border-top: 1px solid #ff6699;
}