body{
color: #3a2483;
font-family: trebuchet MS, verdana, helvetica, arial, sans-serif;;
font-size: smaller;
margin: 0;
padding: 0;
background: #39597b;
}

img{border:none;}
table{border-collapse: collapse;}

a{color: #3a2483; font-weight: bold; text-decoration: none;}
a:hover{color: #263444; text-decoration: underline;}

h1, h2, h3, h4, h5, h6{color: #3a2483; font-weight: bold;}

h1{font-size: small; margin: 0; font-weight: normal;}
h2{font-size: small; margin-bottom: 0;}
h3{font-size: small; margin-bottom: 0; text-decoration: underline;}
h4{margin: 0;}
h5{margin: 0; font-size: medium; font-weight: bold;}
h6{margin: 0; font-size: large; text-align:center;}
h3.u {font-size: medium;}

.cent{text-align:center;}
.und{text-decoration: underline;}
.bold{font-weight: bold;}
.nobr {white-space: nowrap;}


#banner{margin-left:21px;}

.fl{float: left; padding-right: 15px;}

#container{
width: 1000px;
background: url('images/mainbg.gif');
margin: 25px auto;
padding: 0;
position: relative;
}

#menu{
width: 950px;
background: #F5EDB4;
margin: 5px auto;
padding: 7px 14px;
text-align: right;
border-top: 1px solid #3a2483;
border-bottom: 1px solid #3a2483;
}

#menu p{
margin: 0 0 0 25px;
}

#content{
width: 958px;
margin: auto;
padding: 10px;
}

#sidebar, #maintext, #indexbar{
float: left;
}

#maintext{
width: 735px;
padding: 0 20px;
}

/* SIDEBAR */

.sidebox{
border: 1px solid #3a2483;
width: 180px;
margin-bottom: 2px;
}

.sidetitle{
background: #F5EDB4;
text-align: center;
font-weight: bold;
padding: 2px 0;
border-bottom: 1px solid #3a2483;
}

.sidecontent{
padding: 8px 5px;
font-size: x-small;
}

.sidecontent img{
float: left;
padding-right: 5px;
}

.sidecontent p{
margin: 0;
padding: 7px 0 0 0;
}

/* END SIDEBAR */

#logos{
position: absolute;
bottom: 20px;
}

#logos div{
position: relative;
left: 80px;
}

/* INDEXBAR */


.ibd{
width: 65px;
float: right;
text-align: center;
}

.ibd1{
width: 75px;
}

#indexbar .sidecontent img{
padding-left: 5px;
}

#indexbar .ibd3 img{
padding-left: 15px;
}


/* END INDEXBAR */

/* BEGINNERS INFO */

.betable a:hover{color: #3a2483; font-weight: bold; text-decoration: none;}

.betable{
width: 500px;
margin-top: 20px;
background: #F5EDB4;
border-spacing: 0;
border: 1px solid #3a2483;
font-weight: bold;
}

.betable td{
padding-left: 10px;
cursor: pointer;
}

.beleft{
border-left: 1px solid #3a2483;
}

.beright{
border-right: 1px solid #3a2483;
}

.bebox{
width: 650px;
padding: 10px;
border: 1px solid #3a2483;
position: relative;
top: -1px;
display: none;
}

/* END BEGINNERS INFO */

/* CLUB INFO */

.citable{
width: 700px;
border-spacing: 0;
text-align: center;
margin-top: 20px;
}

.citable2{
width: 512px;
}

.citable td{
border: 1px solid #3a2483;
}

.ciedge, .ciedge td{
font-weight: bold;
background: #F5EDB4;
}

.citable .cinone{
background: #FBF8DF;
border: none;
font-weight: normal;
width: 185px;
}

.cisize{
width: 185px;
}

.cisize2{
width: 159px;
}

h2 img{
position: relative;
top: 2px;
}

/* END CLUB INFO */

/* KIDZ ZONE */

#kidz{
background: #3366CC url('kids/img/left.gif') left center repeat-y;
width: 100%;
height: 500px;
}

#k1{
float: left;
width: 125px;
}

#k1 img{
padding: 5px;
}

#k2{
position: relative;
float : left;
width: 600px;
}

#k2 img{
position: absolute;
}

#k2 div img{
position: relative;
}

#k2 div{
position: absolute;
text-align: center;
}

#k2 h1{
text-align: center;
text-decoration: none;
color: #00FF00;
font-size: x-large;
}

#kmain1{top: 75px; left: 5px;}
#kmain1a{top: 20px; left: 115px;}
#kmain2{top: 20px; left: 230px;}
#kmain3{top: 75px; left: 450px;}
#kmain4{top: 280px; left: 5px;}
#kmain5{top: 330px; left: 230px;}
#kmain6{top: 280px; left: 450px;}
.mainmiddle{top: 200px; left: 140px;}

#kalt1{top: 310px; left: 5px;}
#kalt2{top: 360px; left: 110px;}
#kalt3{top: 410px; left: 210px;}
#kalt3a{top: 410px; left: 235px;}
#kalt4{top: 360px; left: 375px;}
#kalt5{top: 310px; left: 475px;}
#kalt6{top: 20px; left: 215px;}
#kalt7{top: 30px; left: 450px;}

.tenet{top: 170px; left: 115px;}
.benefits{top: 210px; left: 115px;}

#kbeg1{top: 180px; left: 130px;}
#kbeg2{top: 315px; left: 190px;}
#kbeg3{top: 350px; left: 45px;}
#kbeg4{top: 420px; left: 130px;}

#kclub1{top: 10px; left: 215px;}

#a1{top: 80px; left: 270px;}
#a2{top: 90px; left: 410px;}
#a3{top: 215px; left: 435px;}
#a4{top: 320px; left: 410px;}
#a5{top: 330px; left: 270px;}
#a6{top: 320px; left: 105px;}
#a7{top: 215px; left: 75px;}
#a8{top: 90px; left: 105px;}
.kphoto{top: 160px; left: 190px;}

#kidzclubinfo{
position: absolute;
top: 140px;
}

#kidzclubinfo .citable{
width: 590px;
background: #CCFFCC;
font-weight: bold;
}

#kidzclubinfo .citable td{
border: 2px solid yellow;
}

#kidzclubinfo .citable2{
width: 350px;
margin: 15px auto;
}

#kidzclubinfo .ciedge, #kidzclubinfo .cinone{
width: 165px;
background: #CCFFCC;
color: red;
}

#kidzclubinfo .ciedge td{
background: #CCFFCC;
color: red;
border: 2px solid yellow;
}

#kidzclubinfo .cinone{
color: #CCFFCC !important;
border: 2px solid yellow;
}

#kidzclubinfo .cisize{
width: 140px;
}

#kidzclubinfo .adult{
display: none;
}

.kidzbg h2 img{
display: none;
}

.kidzbg h2{
margin: none;
}

.kidzbg{
background: #CCFFCC;
width: 350px;
margin-left: 107px;
padding: 0px 10px 12px 10px;
border: 2px solid yellow;
}

#kidzcontact{
background: #CCFFCC;
margin: 20px 20px 0 20px;
}

#kidzcontact td{
border: 2px solid yellow;
padding: 3px;
}

#kidzcontact h3{
color: red;
text-decoration: none;
}


/* END KIDZ ZONE */

/* EVENTS */

.days div{
height: 20px;
text-align: center;
font-weight: bold;
}

.nums{
padding-right: 2px;
}

.calbox{
position: relative;
width: 97px;
height: 60px;
border: 1px solid #000000;
margin: 1px;
padding: 2px;
float: left;
}

.caltable{
width: 550px;
margin: auto;
border: 1px solid #3a2483;
}

.caltable td{
border-right: 1px solid #3a2483;
padding: 2px;
}

.calsz{
width: 100px;
font-weight: bold;
}

.caltop{
color: white;
text-align: center;
font-weight: bold;
}

.calunder{
margin: 10px auto;
}

.calevent{
color: white;
font-size: x-small;
}

.grading{
background: #222288;
}

.seminar{
background: #777777; 
}

.competition{
background: #4a5a84; 
}

.other{
background: #8C9CBD;
}

/* END EVENTS */

/* CONTACT */

.cotable{
width: 500px;
vertical-align: top;
margin-top: 20px;
}

#map_canvas, #condiv{
float: left;
}

#condiv{
width: 200px;
padding-left: 30px;
}

/* END CONTACT */


/* GRADING RESULTS */

#gradtable2{
width: 450px;
border-spacing: 0;
text-align: center;
margin: auto;
margin-top: 20px;
}

#gradtable2 td{
border-right: 1px solid #3a2483;
border-bottom: 1px solid #3a2483;
}

.gradleft3{
border-left: 1px solid #3a2483;
width: 225px;
padding: 10px 0;
}

.gradleft2{
border-left: 2px solid #3a2483;
width: 225px;
padding: 10px 0;
}

.gradtop2 td{
font-weight: bold;
background: #F5EDB4;
border-top: 1px solid #3a2483;
height: 30px;
}

#gradtable2 .grad2{
border-bottom: 2px solid #3a2483;
}

#gradtable2 .grad3{
border-right: 2px solid #3a2483;
}

#gradtable2 img{
padding: 5px 0;
}

/* END GRADING RESULTS */

/* EVENTS ADMIN */

#eg{
width: 700px;
border-spacing: 0;
}

#eg td{
padding: 14px;
border-right: 1px solid #3a2483;
border-bottom: 1px solid #3a2483;
}

#eg td{
padding: 5px;
}

#eg .noli{
border: none;
}

.egtop td{
border-top: 1px solid #3a2483;
}

.egleft{
background: #F5EDB4;
border-left: 1px solid #3a2483;
}

.egbg{
background: #F5EDB4;
}

#eventtable{
width: 500px;
border-spacing: 0;
margin: auto;
margin-top: 20px;
}

#eventtable td{
padding: 10px;
border-right: 1px solid #3a2483;
border-bottom: 1px solid #3a2483;
}

#eventtable input, #eventtable textarea, #eventtable select, #de input{
width: 325px;
}

.eventtop td{
border-top: 1px solid #3a2483;
}

.eventleft{
background: #F5EDB4;
border-left: 1px solid #3a2483;
width: 125px;
}



/* END EVENTS ADMIN */

/* ADMIN */

#ddiv2, #ddiv3, #ddiv4, #ddiv5{
display: none;
}

.editor{
width: 700px;
height: 300px;
margin-bottom: 20px;
}

.adminbar div div p{
overflow: auto;
}

.ag img{
padding-left: 8px;
padding-right: 10px;
}

#gradtable{
width: 600px;
border-spacing: 0;
text-align: center;
margin: auto;
margin-top: 20px;
}

#gradtable td{
border-right: 1px solid #3a2483;
border-bottom: 1px solid #3a2483;
}

.gradleft{
border-left: 1px solid #3a2483;
width: 350px;
padding: 10px 0;
}

.gradtop td{
font-weight: bold;
background: #F5EDB4;
border-top: 1px solid #3a2483;
height: 30px;
}

#gradtable textarea, #gradtable input{
width: 300px;
}

.nobd td{
border-top: none;
}

.btns{
padding: 10px 0 0 180px;
}



/* END ADMIN */

/* LIGHTBOX AND PHOTOS */

#photospage{
width: 580px;
float: left;
}

#photospage img{
padding: 5px 5px 10px 0px;
}

ul{
margin-top: 0;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:img/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* END LIGHTBOX */