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

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

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

h1 { font: 22px Georgia; color: #E2001A; 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 }

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


	#header { background: url(../images/header.jpg); height: 114px; 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; }
	#sub_menu { height: 45px; background: url(../images/sub_menu.gif) no-repeat bottom left #999999; margin-top: -4px; border-bottom: 3px solid white; }
	
		#sub_menu * { margin: 0; padding: 0; }
		#sub_menu p { padding: 5px 12px 0; }
		#sub_menu p a { color: white; }
		#sub_menu ul li { float: left; padding: 0 12px; list-style-type: none; overflow: hidden; line-height: 15px; }
		#sub_menu ul li a { color: #4B4B4B; }

	#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 }
		#left .content ul { margin: 10px -5px; padding: 0; }
		#left .content ul li { border-bottom: 1px solid silver; list-style-type: none; padding: 2px 5px; }
		#left .content ul li a { color: white; }


	#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 }
	#content.wide { margin-right: 0; background: white; }
	*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: #E2001A; 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 }