* {margin:0; padding:0;}
body {margin:auto; font-family: "Gill Sans","Gill Sans MT",Arial, Tahoma; background: #F3F3F3 url(images/img01.jpg) repeat-x top left; font:12px Verdana; color:#000;}
#wrapper {width:896px; margin:0px auto;}
#header {width:876px; padding:0px; height:35px; clear:both;}
#logo {width:876px; border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; padding:0px; height:193px; background: #FFFFFF url(images/logo.jpg) no-repeat top left; font:30px Arial, Helvetica, sans-serif;}

/* topbar */
#topbar {width:876px; border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 2px solid #D5D5D5; padding:0px; height:160px; background-color: #41C2F3; clear:both;}
#topbar .box{float: left; width: 280px; height: 130px;}
#topbar .splitter{margin-top: 10px; float: left; border-right: 1px dotted #000000; height: 120px; padding: 2px 2px 2px 2px;}
#topbar .boximage{float: left;width: 85px; height: 120px;}
#topbar .boxcontent{margin-top: 10px; float:left; width: 190px;	height: 120px;}
#topbar .boxfull{margin-top: 10px; float:left; width: 235px; padding-left:40px; height: 140px;}
#topbar .boxfooter{color: #FFF;	font-style: italic; font-weight: bold; padding-left: 85px; width: 190px;height: 20px; padding-bottom: 15px;}
#topbar .emptysplitter{margin-top: 10px; float: left; height: 120px; padding: 2px 2px 2px 2px;}
#topbar p{margin: 0 auto; color: #000; font-size: 1.0em;}
#topbar h3{color: #000; font-size: 1.25em; font-weight: bold; margin-bottom: 5px;}
#topbar .box a:link{color: #FFF; font-size: 1.25em; font-weight: bold; text-decoration: underline; padding-bottom: 0px;}
#topbar .box a:visited{color: #FFF; font-size: 1.25em; font-weight: bold; text-decoration: underline; padding-bottom: 0px;}
#topbar .box a:hover{color: #FFF; font-size: 1.25em; font-weight: bold; text-decoration: underline; padding-bottom: 0px;}
#topbar .box a:active{color: #FFF; font-size: 1.25em; font-weight: bold; text-decoration: underline; padding-bottom: 0px;}


#page {width:876px; margin:0px; overflow: auto; border-top: none; border: 1px solid #D5D5D5; background-color: #FFFFFF; padding: 0px 0px 0px 0px;}
#sidebarleft {width:210px; padding: 10px; float:left; background-color:#FFFFFF;}
#sidebarleft .ads {float:left; padding: 10px;}

#content {width:430px; padding:10px 0px 10px 0px; float:left; background-color:#FFFFFF;}
#sidebarright {width:196px; padding:10px 5px 10px 10px; float:right; background-color:#FFFFFF;}
#sidebarright img {padding-bottom: 10px;}

/* content */
#content h1{color: #003399; font-size: 2.0em; font-weight: lighter; padding-bottom: 20px;}
#content h2{}
#content h3{}
#content h4{}
#content p{font-size: 1.0em;}
#content .bold{font-weight: bold;}
#content a:link {color: #003399; text-decoration:none;}
#content a:hover {color: #003399; text-decoration:none;}
#content a:visited {color: #003399; text-decoration:none;}
#content ul{padding:20px;}
/* end content */

#login{width:320px; margin: 0 auto; padding-left: 100px; text-align:left;}

/* club page */
#club{}
#club p{margin: 0; padding: 0;}
#club .clubname { font-size: 1.0em; font-weight: bold;}
#club a {font-size: 1.0em; text-decoration: none;}
#club .page {text-align:center;}
#club .trainingbox {width: 400px; margin: 0; padding: 0; font-weight: normal;}
#club .trainingcontentleft {float:left; width: 200px; font-size: 1.0em; font-weight:normal;}
#club .trainingcontentcentre {float:left; width: 100px; font-size: 1.0em;font-weight:normal;}
#club .trainingcontentright {float:left; width: 100px; font-size: 1.0em;font-weight:normal;}
#club .datalist {text-align: left;}
/* end club page */

/* gallery */
#gallery {border: 10px solid #FFFFFF; background-color: #FFFFFF; width:360px; text-align: center;}
#gallery .header {font-weight: bold; font-style: italic; font-size: small; color: #000000; padding:10px; text-align:center}
#gallery .header select {font-weight: bold; border-style: none; font-style: italic;}
#gallery .text {padding: 5px; color: #000000; font-size: x-small;}
#gallery .text a {color: #C0C0C0;}
#gallery .text a:hover {color: #C0C0C0;}

#gallery .images {padding: 10px; text-align: center;}
#gallery .images img {margin: 5px; border: 5px outset #D5D5D5;} 
/* end gallery */