/*
Title:    Golden Slipper Camps for Boys and Girls
Author:   Tome Wilson - tome@creativewebgroup.net
Last Updated:  2008-08-11
*/

/* ---[ structure ]--------------------- */

html {margin: 0; padding: 0}
body {margin: 0; padding: 0; background: url(images/shell/background.gif); background-repeat: repeat-y; background-color: #fff}

#top {width: 100%; height: 131px; display: block; background: url(images/shell/top/background.jpg); min-width: 760px}
#main {width: 100%; display: block}
#nav {width: 131px; display: block; float: left; font-size: .1em; clear: right; background: url(images/shell/navigation/background.jpg); background-repeat: no-repeat}
#balloon {width: 131px; height: 80px; text-align: center; background-color: #fff; margin-bottom: 10px; padding-top: 14px; background: url(images/shell/navigation/Balloon.gif); background-repeat: no-repeat; background-position: top center}
#text {padding: 12px 12px 12px 145px; font-family: arial, helvetica, monaco, sans-serif; color: #000; font-size: .9em; line-height: 1.6em}
#OT {padding: 6px; width: auto; border: 1px solid #6a82de; font-family: arial, helvetica, monaco, sans-serif; color: #000; font-size: .9em; line-height: 1.6em}
.OT {float: left; margin: 0 10px 0 0; padding-bottom: 10px}
#footer-nav {padding: 4px; margin: 1.4em 0 1.4em 0; text-align: center; border-top: .1em solid #6A82DE; font-size: .8em; border-bottom: .1em solid #6A82DE; clear: both}
.space {background-color: #6a82de; margin: 0 .4em; display: inline; padding-right: 1px}
#copyright {clear: both; text-align: center; margin: 0 0 1.4em 0; font-size: .8em}

/* ---[ elements ]--------------------- */

img {border: none}
a img {border: none}
em {font-style: italic}
.em {font-style: italic}
strong {font-weight: bold}
.strong {font-weight: bold}
.small {font-size: 85%}
td img {display: block}
hr {height: 0; border: 0; border-top: 1px solid #4a7bbd; width: 100%}
.hr {font-size: 1px; border-bottom: 1px solid #f1ab00; margin: 10px 0}
.clear {clear: both}

p {margin: 0 0 .9em 0}
.bump {margin: 0 0 1.6em 0}
#climber {float: right; margin: 0 0 6px 6px}

#footer hr {clear: both}
#OT hr {clear: both}


/* ---[ links ]--------------------- */

a:link {text-decoration: none; color: #000}
a:visited {text-decoration: none; color: #000}
a:hover {text-decoration: underline; color: #4a7bbd}
a:active {text-decoration: none; color: #000}

#NAV {border-right: 1px solid #6a82de; border-bottom: 1px solid #6a82de; font-family: arial, helvetica, monaco, sans-serif; padding: .6em; font-size: .8em; margin: 0 .8em .8em -12px; float: left}
#NAV ul {margin: 0 0 .3em -2em; padding: 0}
#NAV ul ul {margin: 0 0 .6em .2em; padding: 0}
#NAV li {margin: 0 0 .8em 2em; padding: 0; list-style-type: none}
#NAV li li {margin: .5em 0 0 1.2em; padding: 0; list-style-type: circle}

#text a:link {text-decoration: underline; color: #000}
#text a:visited {text-decoration: underline; color: #000}
#text a:hover {text-decoration: underline; color: #4a7bbd}
#text a:active {text-decoration: underline; color: #000}

#footer-nav a:link {text-decoration: none; color: #000}
#footer-nav a:visited {text-decoration: none; color: #000}
#footer-nav a:hover {text-decoration: underline; color: #4a7bbd}
#footer-nav a:active {text-decoration: none; color: #000}


#click a:link {border: 1px solid #6a82de; font-size: .8em; color: #6a82de; padding: 4px; margin: 0 .4em 0 .4em; text-decoration: none}
#click a:visited {border: 1px solid #6a82de; font-size: .8em; color: #6a82de; padding: 4px; margin: 0 .4em 0 .4em; text-decoration: none}
#click a:hover {border: 1px solid #f1ab00; font-size: .8em; color: #f1ab00; padding: 4px; margin: 0 .4em 0 .4em; text-decoration: none}
#click a:active {border: 1px solid #6a82de; font-size: .8em; color: #6a82de; padding: 4px; margin: 0 .4em 0 .4em; text-decoration: none}

.gold a:link  {text-decoration: none; color: #f1ab00}
.gold a:visited  {text-decoration: none; color: #f1ab00}
.gold a:hover  {text-decoration: underline; color: #6a82de}
.gold a:active  {text-decoration: none; color: #f1ab00}

/* ---[ content ]--------------------- */

.blue {color: #6a82de !Important}
.black {color: #000 !Important}
.gold {color: #f1ab00 !Important}
.white {color: #fff !Important}
.no {text-decoration: none !Important}

.box {border: 1px solid #ccc; padding: .9em}
#contactbox {border: 1px solid #ccc;}
#contactbox td {padding: 6px 0 6px .9em}

#text ul {margin: 0 0 .3em 0; padding: 0}
#text ul ul {margin: 0 0 .6em .2em; padding: 0}
#text li {margin: 0 0 .8em 0; padding: 0; list-style-type: none}
#text li li {margin: .5em 0 0 1.2em; padding: 0; list-style-type: circle}

#sidebar, #sidebarR {border: 1px solid #ccc; padding: .8em; float: left; width: 230px; font-size: .8em; margin: 0 8px 8px 0}
#sidebarR {float: right; margin: 0 0 8px 8px}

.cellL, .cellR {border-bottom: 6px solid #fff; padding: 6px; margin: 0; background-color: #f3f3f3; text-align: center}
.cellR {background-color: #fff; text-align: left}


/* ---[ photos ]--------------------- */

#photo {width: 150px; height: 150px; float: left; margin: .4em 10px 0 0}

.pArchery {background: url(images/photos/14.jpg)}
.pBaseball {background: url(images/photos/25.jpg)}
.pBasketball {background: url(images/photos/24.jpg)}
.pBoating {background: url(images/photos/42.jpg)}
.pClimbing {background: url(images/photos/36.jpg)}
.pCreativeArts {background: url(images/photos/08.jpg)}
.pFootball {background: url(images/photos/21.jpg)}
.pGaga {background: url(images/photos/23.jpg)}
.pGoal {background: url(images/photos/37.jpg)}
.pHighRopes {background: url(images/photos/40.jpg)}
.pHome {background: url(images/photos/01.jpg)}
.pInitiative {background: url(images/photos/02.jpg)}
.pLowRopes {background: url(images/photos/30.jpg)}
.pMeetOurStaff {background: url(images/photos/17.jpg)}
.pMeetOurStaff2 {background: url(images/photos/22.jpg)}
.pMountainBiking {background: url(images/photos/15.jpg)}
.pNew {background: url(images/photos/48.jpg)}
.pOlympics {background: url(images/photos/19.jpg)}
.pPool {background: url(images/photos/11.jpg)}
.pPoolFun {background: url(images/photos/13.jpg)}
.pRental {background: url(images/photos/26.jpg)}
.pRiflery {background: url(images/photos/29.jpg)}
.pSafety {background: url(images/photos/41.jpg)}
.pSkateboarding {background: url(images/photos/16.jpg)}
.pStaff {background: url(images/photos/04.jpg)}
.pTennis {background: url(images/photos/12.jpg)}
.pTheatre {background: url(images/photos/47.jpg)}
.pWaterfront {background: url(images/photos/35.jpg)}
.pTubing {background: url(images/photos/32.jpg)}
.pSlide {background: url(images/photos/05.jpg)}
.pGroup {background: url(images/photos/04.jpg)}


/* ---[ calendar ]--------------------- */

#calendar {width: 500px}
#calendar td {border: 1px solid #6a82de; padding: 10px 6px; text-align: center; font-size: .7em; line-height: 1.3em}
#calendar .calDay {background: #6a82de; padding: 3px 2px 2px 2px}
#calendar .noBox {border: 0}

.Cal00, .Cal01, .Cal02, .Cal03, .Cal04, .Cal05, .Cal06, .Cal07, .Cal08, .Cal09, .Cal10, .Cal11, .Cal12, .Cal13, .Cal14, .Cal15, .Cal16, .Cal17, .Cal18, .Cal19, .Cal20, .Cal21, .Cal22, .Cal23, .Cal24, .Cal25, .Cal26, .Cal27, .Cal28, .Cal29, .Cal30, .Cal31 {background-repeat: no-repeat; background-position: 50% 50%}
.Cal01 {background-image: url(images/calendar/01.gif)}
.Cal02 {background-image: url(images/calendar/02.gif)}
.Cal03 {background-image: url(images/calendar/03.gif)}
.Cal04 {background-image: url(images/calendar/04.gif)}
.Cal05 {background-image: url(images/calendar/05.gif)}
.Cal06 {background-image: url(images/calendar/06.gif)}
.Cal07 {background-image: url(images/calendar/07.gif)}
.Cal08 {background-image: url(images/calendar/08.gif)}
.Cal09 {background-image: url(images/calendar/09.gif)}
.Cal10 {background-image: url(images/calendar/10.gif)}
.Cal11 {background-image: url(images/calendar/11.gif)}
.Cal12 {background-image: url(images/calendar/12.gif)}
.Cal13 {background-image: url(images/calendar/13.gif)}
.Cal14 {background-image: url(images/calendar/14.gif)}
.Cal15 {background-image: url(images/calendar/15.gif)}
.Cal16 {background-image: url(images/calendar/16.gif)}
.Cal17 {background-image: url(images/calendar/17.gif)}
.Cal18 {background-image: url(images/calendar/18.gif)}
.Cal19 {background-image: url(images/calendar/19.gif)}
.Cal20 {background-image: url(images/calendar/20.gif)}
.Cal21 {background-image: url(images/calendar/21.gif)}
.Cal22 {background-image: url(images/calendar/22.gif)}
.Cal23 {background-image: url(images/calendar/23.gif)}
.Cal24 {background-image: url(images/calendar/24.gif)}
.Cal25 {background-image: url(images/calendar/25.gif)}
.Cal26 {background-image: url(images/calendar/26.gif)}
.Cal27 {background-image: url(images/calendar/27.gif)}
.Cal28 {background-image: url(images/calendar/28.gif)}
.Cal29 {background-image: url(images/calendar/29.gif)}
.Cal30 {background-image: url(images/calendar/30.gif)}
.Cal31 {background-image: url(images/calendar/31.gif)}


/* ---[ form elements ]--------------------- */

.contact, .message {border: 1px solid #6a82de; font-size: .9em; color: #000; padding: .18em; padding-left: .4em; width: 200px}
.message {width: 400px; font-family:  arial, helvetica, monaco, sans-serif}
.button {border: 1px solid #333; border-left: 6px solid #333; border-right: 6px solid #333; background: #6a82de; font-size: .9em; color: #fff; margin: 0; padding: 2px 3px}


/* ---[ h ]--------------------- */

h1, h2, h3, h5, .printH1 {color: #6A82DE; padding: 0; margin: 0 0 .3em 0}
h1, .printH1 {font-size: 1.4em}
h2 {font-size: 1.3em}
h3 {font-size: 1.2em}
h4 {font-size: 1.2em; color: #f1ab00}
h5 {font-size: 1.2em}
.printH1, .printHR {display: none}