html
{
background:#D3D2C3 url(../site/images/layouts/standard/canvas_gradient.gif) repeat-x 0 0;
height:100%;
}

body
{
background:transparent url(../site/images/layouts/standard/canvas_shadow.gif) repeat-y 50% 0;
margin:0;
padding:0;
min-height:100%;
}

* html body
{
height:100%;
overflow:visible;
}

form
{
background:transparent url(../site/images/layouts/standard/canvas_intersect.gif) no-repeat 50% 0;
text-align:center;
}

div#header,
div#date,
div#breadcrumbs,
div#menu,
div#content,
div#footer
{
padding:0 10px;
width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:#ffffff;
}

* html div#header,
* html div#date,
* html div#breadcrumbs,
* html div#menu,
* html div#content,
* html div#footer
{
position:relative;
right:-1px;
z-index:1;
}

div#header
{
padding-top:10px;
}

* html div#menu
{
z-index:100;
}

div#footer
{
background:transparent url(../site/images/layouts/standard/footer_line.gif) repeat-x 0 0;
padding:0px 10px 20px 10px;
}

div#footer img,
div#footer input
{
display:inline;
vertical-align:middle;
}

div#footer table
{
margin-top:10px;
}

/* teens stuff */
html.teens
{
background:#960B16 url(../site/images/layouts/teens/canvas_gradient.gif) repeat-x 0 0;
}

html.teens body
{
background:transparent url(../site/images/layouts/teens/canvas_shadow.gif) repeat-y 50% 0;
}

html.teens form
{
background:transparent url(../site/images/layouts/teens/canvas_intersect.gif) no-repeat 50% 0;
}

html.teens div#footer
{
background:transparent url(../site/images/layouts/teens/footer_line.gif) repeat-x 0 0;
}

/* sections */

/* kill the breadcrumbs dotted line */
html.aquatics body.level1 div#breadcrumbs .ImageDividerLine,
html.childcare body.level1 div#breadcrumbs .ImageDividerLine,
html.camps body.level1 div#breadcrumbs .ImageDividerLine,
html.fitness body.level1 div#breadcrumbs .ImageDividerLine,
html.youthsports body.level1 div#breadcrumbs .ImageDividerLine,
html.otherprograms body.level1 div#breadcrumbs .ImageDividerLine,
html.moreaboutthey body.level1 div#breadcrumbs .ImageDividerLine
{
background-image:none;

}

/* make space for the section banner */
html.aquatics body.level1 div#content,
html.childcare body.level1 div#content,
html.camps body.level1 div#content,
html.fitness body.level1 div#content,
html.youthsports body.level1 div#content,
html.otherprograms body.level1 div#content,
html.moreaboutthey body.level1 div#content
{
padding-top:150px;
background-repeat:no-repeat;
background-position:50% 0;
}

html.aquatics body.level1 div#content
{
background-image:url(../content/images/headers/aquatics_lg.jpg);
}
html.childcare body.level1 div#content
{
background-image:url(../content/images/headers/childcare_lg.jpg);
}
html.camps body.level1 div#content
{
background-image:url(../content/images/headers/camps_lg.jpg);
}
html.fitness body.level1 div#content
{
background-image:url(../content/images/headers/fitness_lg.jpg);
}
html.youthsports body.level1 div#content
{
background-image:url(../content/images/headers/youthsports_lg.jpg);
}
html.otherprograms body.level1 div#content
{
background-image:url(../content/images/headers/otherprograms_lg.jpg);
}
html.moreaboutthey body.level1 div#content
{
background-image:url(../content/images/headers/moreaboutthey_lg.jpg);
}

/* make space for the sub-section graphic */
html.aquatics body.level2plus div#content,
html.childcare body.level2plus div#content,
html.camps body.level2plus div#content,
html.fitness body.level2plus div#content,
html.youthsports body.level2plus div#content,
html.otherprograms body.level2plus div#content
{
background-repeat:no-repeat;
background-position:20px 0;
}
/*
html.moreaboutthey body.level2plus #left
{
background-repeat:no-repeat;
background-position:0 -11px;
}
*/
html.aquatics body.level2plus div#content td#left,
html.childcare body.level2plus div#content td#left,
html.camps body.level2plus div#content td#left,
html.fitness body.level2plus div#content td#left,
html.youthsports body.level2plus div#content td#left,
html.otherprograms body.level2plus div#content td#left
{
padding-top:90px;
}
/*
html.moreaboutthey body.level2plus div#content td#left
{
padding-top:110px;
}
*/

html.aquatics body.level2plus div#content
{
background-image:url(../content/images/headers/aquatics_sm.jpg);
}
html.childcare body.level2plus div#content
{
background-image:url(../content/images/headers/childcare_sm.jpg);
}
html.camps body.level2plus div#content
{
background-image:url(../content/images/headers/camps_sm.jpg);
}
html.fitness body.level2plus div#content
{
background-image:url(../content/images/headers/fitness_sm.jpg);
}
html.youthsports body.level2plus div#content
{
background-image:url(../content/images/headers/youthsports_sm.jpg);
}
html.otherprograms body.level2plus div#content
{
background-image:url(../content/images/headers/otherprograms_sm.jpg);
}
/*
html.moreaboutthey body.level2plus #left
{
background-image:url(../content/images/headers/moreaboutthey_sm.jpg);
}
*/

/* section context wrapper */
div.SectionContextWrapper h3.WrapperTitle
{
display:block;
margin:0 0 0.25em 0;
padding:0;
font-family:Arial, Tahoma, Verdana, sans-serif;
font-size:8pt;
font-weight:bold;
padding-left:9px;
}
div.SectionContextWrapper div.WrapperContent
{
padding:8px;
border:solid 1px #7f7f7f;
}

/* section colors */
p.ContentHeader
{
margin:0 0 0.25em 0;
padding:0;
}

html.aquatics .ContentHeader,
html.aquatics div.SectionContextWrapper h3.WrapperTitle
{
color:#0071B0;
}
html.aquatics div.SectionContextWrapper div.WrapperContent
{
border-color:#7FB8D7;
}
html.childcare .ContentHeader,
html.childcare div.SectionContextWrapper h3.WrapperTitle
{
color:#3C457B;
}
html.childcare div.SectionContextWrapper div.WrapperContent
{
border-color:#9DA2BD;
}
html.camps .ContentHeader,
html.camps div.SectionContextWrapper h3.WrapperTitle
{
color:#4F7458;
}
html.camps div.SectionContextWrapper div.WrapperContent
{
border-color:#A7B9AB;
}
html.fitness .ContentHeader,
html.fitness div.SectionContextWrapper h3.WrapperTitle
{
color:#616673;
}
html.fitness div.SectionContextWrapper div.WrapperContent
{
border-color:#B0B2B9;
}
html.youthsports .ContentHeader,
html.youthsports div.SectionContextWrapper h3.WrapperTitle
{
color:#879D32;
}
html.youthsports div.SectionContextWrapper div.WrapperContent
{
border-color:#C3CE98;
}
html.otherprograms .ContentHeader,
html.otherprograms div.SectionContextWrapper h3.WrapperTitle
{
color:#578387;
}
html.otherprograms div.SectionContextWrapper div.WrapperContent
{
border-color:#ABC1C3;
}
html.moreaboutthey .ContentHeader,
html.moreaboutthey div.SectionContextWrapper h3.WrapperTitle
{
color:#834228;
}
html.moreaboutthey div.SectionContextWrapper div.WrapperContent
{
border-color:#C1A093;
}

/* menu */
div#menu td.MoreAboutTheY
{
white-space:nowrap;
}
div#menu td.MoreAboutTheY a.StandardMenuLink,
div#menu td.MoreAboutTheY a.TeensMenuLink
{
font-weight:bold;
}
div#menu td.MoreAboutTheY img
{
display:inline;
vertical-align:text-top;
}
div#menu td.MoreAboutTheY .StandardDropdownMenu,
div#menu td.MoreAboutTheY .TeensDropdownMenu
{
margin-left:-30px;
}
div#menu td.MoreAboutTheY td
{
text-align:left;
}