body { margin: 5px 0px; }
body, p, td { font: 12px/18px Verdana }
p { margin: 0px 0px 20px 0px }

a img { border: none }
a { color: #84B64C; text-decoration: none }
a:hover { text-decoration: underline }

.left { float: left }
.right { float: right }
.clear { clear: both }

h1 { font: 22px Georgia; color: #509603; margin: 2px 0px }
h2 { font: bold 14px Verdana; color: #959595; margin: 10px 0px }
h2 a { color: #959595; }

hr { height: 1px; border: none; background: #959595 }

#gallery { text-align: center; }
#gallery td { width: 130px; padding: 10px 0px }
#gallery a { border: 1px #84B64C solid; padding: 3px; float: left }
*html #gallery a { float: none }
#gallery a:hover { background: #84B64C }
#gallery small { display: block }

#events p { margin: 0px 0px 0px 0px }
#events em { border-top: 1px dashed #D5D5D5; padding-top: 20px; margin-top: 20px; display: block }

#container { margin: 0px auto; width: 760px; background: url(../images/background.gif) repeat-y; text-align: left; }


	#header { background: url(../images/header-background.gif); height: 96px; position: relative }

		#header p { margin: 0px }
		#header .header { position: absolute; right: 0px }

	#menu { background: black; border-top: solid white 3px; border-bottom: solid white 3px }


	#left { width: 161px; float: left }

		#left .play-squash { position: relative; left: -21px; margin-right: -25px }
		#left .fibs p { font: 11px/14px Verdana; margin-top: 0px }
		#left .fibs img { margin: 3px 3px 0px 0px }
		#left .fibs a { color: white; text-decoration: none }
		#left .content img {  }
		#left .content { padding: 5px; color: white; border-top: white dotted 1px }
		#left .content h3 { margin: 0px; }
		#left .content form { display: inline }


	#right { width: 146px; float: right; background: url(../images/right-background.gif) no-repeat; min-height: 359px; padding: 15px 2px 2px 10px; text-align: center; }
	*html #right { height: 359px; width: 158px }
	#right a { text-decoration: none; color: gray }
	#right a:hover { text-decoration: underline; color: black }


	#content { margin: 0px 155px 0px 190px; min-height: 500px }
	*html #content { height: 500px }

		#content .preview { margin-bottom: 10px; height: 105px; border-bottom: 1px solid #959595 }
		#content .left { margin: 0px 5px 0px 0px }
		#content .right { margin: 0px 0px 0px 5px }

		#content .archives { margin: 0px 0px 0px 20px; padding: 0px }

		#content .more-news a { background: #84B64C; color: white; padding: 5px; position: relative; top: -6px;  }

	#footer { clear: both; margin: 5px 0px 0px 162px; padding: 2px 10px; background: #F2F2F2; border-top: #B0B0B0 2px solid; color: #565656; text-align: right; line-height: 20px; font-size: 11px }
	#footer a { color: #565656; text-decoration: none }
	#footer a:hover { text-decoration: underline }