/* defaults, globals, etc.
==============================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

:focus 
{outline: 0;}

body 
{line-height: 1;
font: 12px "Trebuchet MS", sans-serif;
text-align: left;
background: #241912 url('summer09images/woodback.jpg') no-repeat fixed top center;}

ol, ul 
{list-style: none;}

table 
{border-collapse: separate;
border-spacing: 0;}

caption, th, td 
{text-align: left;
font-weight: normal;}

a, a img
{text-decoration: none}


.summercamptitle span, .important span, .about span, .full span, .aldersgatenav span, .casowasconav span,
.dontforget span, .aldersgatesiteinfo span, .casowascositeinfo span, .itstime span, .itseasy span, .browsebycat span,
.breakthrough span, .breakin span, .ourstaff span
{display: block;
width: 0;
height: 0;
overflow: hidden;}


button 
{width: auto;
overflow: visible;}

.clearit 
{clear: both;
height: 0;
line-height: 0.0;
font-size: 0;}




/* layout
==============================================================================*/
.container
{width:960px;
margin:0 auto;
padding: 0 10px}

#nav
{width: 100%;
height: 62px;
border-top:#69C5BD 9px solid;
border-bottom: #241912 1px solid;
background: transparent url('summer09images/navbarback.png') repeat center}

#navhlight
{width: 384px;
float: right;
margin-top: -72px;
padding-bottom: 18px;
background: transparent url('summer09images/navhlightbottom.png') repeat-x bottom left}

#lcol
{float: left;
width: 576px; 
margin-top: 18px;}

#logoside
{float: left;
width: 192px; 
margin-top: 36px;}

.lcolcenter
{float: left;
width: 384px; 
margin: 42px 0 36px 0;
padding-top:18px;
background: transparent url('summer09images/centercoltop.png') no-repeat top center;}

#rcol
{float: right;
width: 384px;
margin-top: 36px;
position: relative;}

#fixed
{position: fixed;}

#bigcol
{float: right;
width: 768px;
margin-top: 36px;
padding-top:18px;
background: transparent url('summer09images/bigcoltop.png') no-repeat top right;}

#footermain
{width: 100%;
clear: both;
margin-top: 53px;
padding: 36px 0;
border-top: #241912 1px solid;
background: transparent url('summer09images/navbarback.png') repeat center;}

#dontforgetbox
{width: 384px;
float: left; }

#siteinfo
{width: 576px;
float: left;}

#footermini
{clear: both;
width: 100%;}



/* navigation
==============================================================================*/
#nav ul
{display: inline;}

#nav li
{text-align: center;
margin-top: 16px;
text-transform: uppercase;
font-weight: normal;
float: left;
width: 192px;
height: 46px;
overflow: hidden;
font-size:10px;
line-height: 54px;}

#nav li em, #navhlight li em
{text-transform: lowercase;
font-style: italic}

.important
{background: transparent url('summer09images/important.gif') no-repeat top center}

.about
{background: transparent url('summer09images/aboutour.gif') no-repeat top center}

.full
{background: transparent url('summer09images/fullschedule.gif') no-repeat top center}

#nav a, #navhlight a
{display: block;}

#nav a:link, #navhlight a:link, #nav a:visited, #navhlight a:visited
{color: #D6D0A6;}

#nav a:focus, #nav a:hover, #nav a:active
{color: #69C5BD;}

#navald a:focus, #navald a:hover, #navald a:active
{color: #F48C2A;}

#navcas a:focus, #navcas a:hover, #navcas a:active
{color: #ACBC37;}

#navald
{border-top: #F48C2A 9px solid;
width: 192px;
float: left;
background: transparent url('summer09images/navhlightback.png') repeat top center;}

#navcas
{border-top: #ACBC37 9px solid;
width: 192px;
float: left;
background: transparent url('summer09images/navhlightback.png') repeat top center;}

#navhlight ul
{}

#navhlight li
{text-align: center;
text-transform: uppercase;
font-weight: normal;
font-size:10px;
line-height: 18px;}

.aldersgatenav
{height: 28px;
width: 192px;
margin-bottom: 5px;
background: transparent url('summer09images/aldersgatenav.gif') no-repeat bottom center}

.casowasconav
{height: 28px;
width: 192px;
margin-bottom: 5px;
background: transparent url('summer09images/casowasconav.gif') no-repeat bottom center}


/* link style, main content
==============================================================================*/
#rcol a, #lcol a, #bigcol a
{padding: 0 2px;}

 a:link.casgreen, a:visited.casgreen 
{color: #ACBC37}

 a:link.aldorange, a:visited.aldorange 
{color: #F48C2A}

a:link.ccrmblue, a:visited.ccrmblue 
{color: #69C5BD}

#rcol a:focus, #lcol a:focus, #bigcol a:focus, #rcol a:hover, #lcol a:hover, #bigcol a:hover, #rcol a:active, #lcol a:active, #bigcol a:active
{color: #241912}

a:focus.casgreen, a:hover.casgreen, a:active.casgreen 
{background-color: #ACBC37}

a:focus.aldorange, a:hover.aldorange, a:active.aldorange 
{background-color: #F48C2A}

a:focus.ccrmblue, a:hover.ccrmblue, a:active.ccrmblue 
{background-color: #69C5BD}


/* footer
==============================================================================*/
.dontforget
{height: 38px;
width: 192px;
margin-top: -8px;
background: transparent url('summer09images/dontforget.gif') no-repeat bottom center}

#dontforgetbox p
{font-size:0.917em;
line-height: 1.636em;
color: #D6D0A6;
padding: 0 18px 1.636em 65px;}

.siteinfoa, .siteinfoc
{width: 287px;
float: left;
border-left: 1px solid #69C5BD}

.aldersgatesiteinfo
{height: 26px;
width: 192px;
margin: 0 0 0px 36px;
background: transparent url('summer09images/aldersgatenav.gif') no-repeat bottom left}

.casowascositeinfo
{height: 26px;
width: 192px;
margin: 0 0 0px 36px;
background: transparent url('summer09images/casowasconav.gif') no-repeat bottom left}

.siteinfoa h4, .siteinfoc h4
{font-size:0.75em;
line-height: 2em;
margin: 5px 0 0px 36px;
letter-spacing: .2em;
text-transform: uppercase;}

.siteinfoa h4
{color: #F48C2A}

.siteinfoc h4
{color: #ACBC37}

#siteinfo p
{font-size:0.917em;
line-height: 1.636em;
margin: 0 0 0 36px;
color: #D6D0A6}

.siteinfoa a:link, .siteinfoa a:visited
{padding: 1px;
color: #F48C2A;}

.siteinfoa a:focus, .siteinfoa a:hover, .siteinfoa a:active
{color: #241912;
background-color: #F48C2A;}

.siteinfoc a:link, .siteinfoc a:visited
{padding: 1px;
color: #ACBC37;}

.siteinfoc a:focus, .siteinfoc a:hover, .siteinfoc a:active
{color: #241912;
background-color: #ACBC37;}

.sinfobot
{padding-bottom: 1.636em }


#footermini h6
{font-size:0.833em;
line-height: 1.8em;
text-align: center;
text-transform: uppercase;
font-weight: bold;}

#footermini a:link, #footermini a:visited
{display: block;
color: #241912;
background-color:#69C5BD;}

#footermini a:focus, #footermini a:hover, #footermini a:active
{display: block;
color: #241912;
background-color:#D6D0A6;}

#footermini em
{text-transform: lowercase;
font-style: italic;
font-weight: normal;}


/* right column
==============================================================================*/
.rcolbox
{width: 384px;
padding-bottom: 18px;
margin-bottom: 27px;
background: transparent url('summer09images/rcolboxbottom.png') no-repeat bottom center}

.picin
{float: left;
padding: 9px 9px 9px 0}


.rcolbox p
{padding: 4px 18px 5px 18px;
color: #D6D0A6;
font-size:1em;
line-height: 1.5em;
background: transparent url('summer09images/navhlightback.png') repeat top center;}

.rcolbox h6
{font-size:0.833em;
line-height: 1.8em;
font-style: italic;
padding: .9em 18px .9em 18px;
background: transparent url('summer09images/navhlightback.png') repeat top center;}

p.pfix
{padding-bottom: 20px}

.itstime
{height: 38px;
width: 384px;
background: transparent url('summer09images/itstime.png') no-repeat bottom center}

.itseasy
{height: 39px;
width: 384px;
background: transparent url('summer09images/itseasy.png') no-repeat bottom center}

.browsebycat
{height: 39px;
width: 384px;
background: transparent url('summer09images/browsebycat.png') no-repeat bottom center}

.breakin
{height: 39px;
width: 384px;
background: transparent url('summer09images/breakin09.png') no-repeat bottom center}

.ourstaff
{height: 39px;
width: 384px;
background: transparent url('summer09images/ourstaff.png') no-repeat bottom center}

#buttonwrapper
{width: 384px;
height: 35px;
background: transparent url('summer09images/navhlightback.png') repeat top center;}

.aldbutton a, .casbutton a
{height: 35px;
width: 139px;
float: left}

.aldbutton
{padding-left: 16px}

.aldbutton img
{margin: 13px 15px}

.casbutton img
{margin: 13px 20px}

.aldbutton a:link, .aldbutton a:visited
{background: transparent url('summer09images/aldbutton1.gif') no-repeat top center}

.casbutton a:link, .casbutton a:visited
{background: transparent url('summer09images/casbutton1.gif') no-repeat top center}

.aldbutton a:focus, .aldbutton a:hover, .aldbutton a:active
{background: transparent url('summer09images/aldbutton2.gif') no-repeat top center}

.casbutton a:focus, .casbutton a:hover, .casbutton a:active
{background: transparent url('summer09images/casbutton2.gif') no-repeat top center}


#aldlist li, #caslist
{font-size:0.917em;
line-height: 1.636em;
font-weight: bold;
padding-left: 18px;
text-transform: uppercase;}

#aldlist a:link, #aldlist a:visited
{color: #F48C2A}

#aldlist a:focus, #aldlist a:hover, #aldlist a:active
{color: #241912;
background-color: #F48C2A}

#caslist a:link, #caslist a:visited
{color: #ACBC37}

#caslist a:focus, #caslist a:hover, #caslist a:active
{color: #241912;
background-color: #ACBC37}


/* left column
==============================================================================*/
#logoside img
{margin-left: 14px;
margin-top: 10px}

#logoside p
{font-size:0.917em;
line-height: 1.636em;
color: #D6D0A6;
font-style: italic;
padding: 0 18px 18px 18px;}

#logoside h2
{padding: 0px 18px 9px 18px;
font-size:0.917em;
line-height: 1.636em;
font-weight: bold;
text-transform: uppercase}

.centerald, .centercas, .centerccrm
{padding-bottom: 19px;
margin: 0 10px;
background: transparent url('summer09images/centercolbottom.png') no-repeat bottom center}

.lcolcenter h1, .lcolcenter h2, .lcolcenter ul, .lcolcenter h4, .lcolcenter p, .bigcolccrm h1, .bigcolccrm h2, .bigcolccrm p, .bigcolccrm h4
{padding: 0 18px;
background: transparent url('summer09images/navhlightback.png') repeat top center;}

.lcolcenter h1, .bigcolccrm h1
{font-size:1.5em;
line-height: 1em;
font-weight: normal;
padding-bottom: 3px;}

.lcolcenter h4, .bigcolccrm h4
{font-size:0.917em;
line-height: 1.636em;
font-weight: bold;
text-transform: uppercase;
color: #D6D0A6}

.lcolcenter h4 em
{font-weight: normal;
font-style: italic;
text-transform: lowercase}

.lcolcenter h2
{font-size:1.167em;
line-height: 1.286em;
padding-top: 36px}

.lcolcenter p, .bigcolccrm p
{font-size:1em;
line-height: 1.5em;
color: #D6D0A6}

.lcolcenter li
{font-size:0.917em;
line-height: 1.636em;
text-transform: uppercase;
font-weight: bold}

.lcolcenter strong, td em
{text-transform: uppercase;
font-style: italic;
font-weight: bold;
color: #69C5BD}

.centerccrm h1
{color: #69C5BD}

.centerccrm p
{padding-bottom: 1.5em}

.centerald h1, .centerald h2, .centerald li, h2.alder
{color: #F48C2A;}

.centercas h1, .centercas h2, .centercas li, h2.casow
{color: #ACBC37;}

.breakthrough
{height: 338px;
width: 576px;
background: transparent url('summer09images/breakthrough.gif') no-repeat center}


/* index content
==============================================================================*/
.summercamptitle
{height: 217px;
width: 576px;
background: transparent url('summer09images/summercamp09title.gif') no-repeat center}

#video
{height: 260px;
width: 432px;
padding: 18px;
margin-left: 41px;
border: #241912 1px solid;
background: transparent url('summer09images/navhlightback.png') repeat top center;}


/* big column, CCRM
==============================================================================*/
#logoside a.logofix img
{margin-top: 24px;}

.bigcolccrm
{padding-bottom: 18px;
margin-left: 10px;
background: transparent url('summer09images/bigcolbottom.png') no-repeat bottom right}

.bigcolccrm h1, .bigcolccrm h2
{color: #69C5BD}

#bigcol em
{font-weight: normal;
font-style: italic;
text-transform: lowercase;}

.bigcolccrm h2
{font-size:1em;
line-height: 1.5em;
font-weight: bold;
padding-top: 36px;
text-transform: uppercase;}

.bigcolccrm h4, .bigcolccrm p
{padding-bottom: 18px}

.bigcolccrm a
{display: block}

table#fullprograms
{width:758px;
border-collapse:collapse;
font-size:1em;
border-top: 1px solid #69C5BD;
line-height: 1.5em;
color: #D6D0A6;}

th.top
{border-bottom: 1px solid #69C5BD}

th 
{text-align:left;
padding-left: .375em;
font-weight: bold;
background: transparent url('summer09images/navhlightback.png') repeat top center;}

td 
{padding: 1em 1em 1em .375em;
background: transparent url('summer09images/navhlightback.png') repeat top center;}

td a
{font-weight: bold}

td strong
{text-transform: uppercase;
font-weight: bold;}


td.double
{background-color: #241912}