/* CSS Document */

/* General */

html > body {
background-color:#ffffff;
color:#333333;
padding:0;
margin:0;
font-size:62.5%;
line-height:1.2em;
font-family:arial, verdana;
}

body {
background-color:#ffffff;
color:#333333;
padding:0;
margin:0;
font-size:62.5%;
line-height:1.2em;
font-family:arial, verdana;
text-align:center;
}

p {padding:0;margin:0;padding-bottom:10px;}
ul {padding:0;margin:0;}
li {padding:0;margin:0;}
ul ul {padding:0;margin:0;}
ul ul li {padding:0;margin:0;}
div {padding:0;margin:0;}
form {padding:0;margin:0;}
h1 {padding:0;margin:0;}
h2 {padding:0;margin:0;}

form fieldset {padding:0;margin:0;border:0;}
img {border:0;}
sup {font-size:0.6em;}

a {color:#c1272d;text-decoration:none;outline:none;}
a:hover {color:#c1272d;text-decoration:none;}

#container {
width:955px;
margin:0 auto;
text-align:left;
}

/* TOP */
#top {
width:955px;
height:207px;
background:url(images/top-bg.gif) no-repeat 0px 173px;
}

#logo {
float:left;
width:177px;
height:139px;
padding-top:34px;
background:url(images/logo-bg.gif) no-repeat top left;
}

#logo a {
display:block;
width:146px;
height:98px;
padding:8px;
}

#logo img {
width:146px;
height:98px;
}

#top-menu {
float:right;
width:778px;
height:45px;
background:url(images/top-menu-bg.gif) no-repeat left bottom;
}

#top-menu li {
width:100px;
float:right;
list-style:none;
}

#top-menu li a {
display:block;
float:right;
width:100%;
height:18px;
padding-top:17px;
text-align:center;
color:#666;
font-size:1.1em;
border-bottom:10px #91c844 solid;
}

#top-menu li ul li a {
width:100%;
height:12px;
text-align:center;
color:#fff;
border-bottom:0;
padding:3px 0 3px 0;
}
#top-menu li ul li a:hover {color:#fff;}

#top-menu a.top-menu1 {border-bottom:10px #91c844 solid;}
#top-menu a.top-menu2 {border-bottom:10px #e61e26 solid;}
#top-menu a.top-menu3 {border-bottom:10px #0093d0 solid;}
#top-menu a.top-menu4 {border-bottom:10px #f9a01b solid;}
#top-menu a.top-menu5 {border-bottom:10px #8a3494 solid;}

#top-menu a.top-menu1:hover {border-bottom:10px #78a536 solid;}
#top-menu a.top-menu2:hover {border-bottom:10px #a31218 solid;}
#top-menu a.top-menu3:hover {border-bottom:10px #006f9d solid;}
#top-menu a.top-menu4:hover {border-bottom:10px #c27c13 solid;}
#top-menu a.top-menu5:hover {border-bottom:10px #5e1a66 solid;}

#top-menu a:hover {color:#333;}

#topimage {
float:right;
width:778px;
height:128px;
background-position:top left;
background-repeat:no-repeat;
}

/* MIDDLE */
#middle {
clear:both;
width:955px;
background:url(images/middle-bg.gif) repeat-y;
overflow:hidden;
_overflow:auto;
padding-bottom:23px;
}

/* LEFT */
#left {
float:left;
width:150px;
background:url(images/left-menu-top2.gif) no-repeat top left;
padding-top:37px;
}

#left-menu {
padding:23px 0 23px 0;
}

 .menu-hv, .menu-vv {position:relative; margin: 0; padding: 0; display: block; zoom: 1;}
 .menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none;}
 .menu-hv li ,   .menu-vv li { position: relative; vertical-align: top;}
 .menu-hv a ,    .menu-vv a { display: block; zoom: 1; }
 .menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden;  }
 .menu-hv li ul { top:45px;  }
 .menu-hv li:hover ul,  .menu-vv li:hover ul,
 .menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible; }
 .menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
 .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden; }
 .menu-hv li li:hover ul,  .menu-vv li li:hover ul,
 .menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible; }
 .menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
 .menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden; }
 .menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
 .menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible; }
 /* horizontal-vertical */
 .menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden;}
 .menu-hv li { float: left; }  
 .menu-hv li ul li { float: none; }
 .menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }
 /* vertical-vertical */
 .menu-vv { float: left; } 
 .menu-vv li ul { left: 100%; top: 0; }


#left-menu li {
list-style:none;
height:17px;
border-bottom:1px #fff solid;
}

#left-menu li ul {
background:#333399;
}

#left-menu li a {
display:block;
width:142px;
height:15px;
text-align:right;
font-size:1.1em;
color:#fff;
padding:2px 8px 0 0;
overflow-y:hidden;
}

#left-menu li a:hover {color:#333;}
#left-menu li ul a:hover {color:#fff;}

.left-menu0 {background-color:#adafb2;}
.left-menu1 {background-color:#91c844;}
.left-menu2 {background-color:#e61e26;}
.left-menu3 {background-color:#0093d0;}
.left-menu4 {background-color:#f9a01b;}
.left-menu5 {background-color:#8a3494;}

.left-menu0:hover {background-color:#999;}
.left-menu1:hover {background-color:#78a536;color:#fff;}
.left-menu2:hover {background-color:#a31218;color:#fff;}
.left-menu3:hover {background-color:#006f9d;color:#fff;}
.left-menu4:hover {background-color:#c27c13;color:#fff;}
.left-menu5:hover {background-color:#5e1a66;color:#fff;}


#left fieldset {
clear:both;
background-color:#999;
width:142px;
text-align:right;
color:#eee;
padding:8px 8px 8px 0;
}

#left fieldset strong {
display:block;
text-align:right;
width:142px;
font-size:1.1em;
padding:0 0 6px 0;
font-weight:normal;
}

#left fieldset label {
display:block;
float:right;
width:37px;
height:17px;
font-size:1.1em;
padding:1px 6px 0 0;
}

#left fieldset input {
display:block;
float:right;
width:90px;
height:14px;
font-size:1.1em;
color:#666;
padding:0 0 0 0;
border:1px solid #fff;
}

#left .submit {
display:block;
float:right;
width:92px;
height:15px;
font-size:1em;
color:#666;
background-color:#ccc;
border:1px solid #ccc;
}

/* CONTENT */
#content {
float:left;
width:595px;
padding:0 27px 0 27px;
}

#content h1.tennis {color:#78a536;}
#content h1.squash {color:#a31218;}
#content h1.leisure {color:#006f9d;}
#content h1.bar {color:#c27c13;}
#content h1.social {color:#5e1a66;}



/* HOME */
#content #home1 {
float:left;
width:595px;
height:225px;
color:#999;
font-size:1.1em;
line-height:1.2em;
}

#content #home1 h1{
display:block;
float:left;
height:35px;
color:#666;
font-size:2em;
line-height:1em;
font-weight:normal;
}

#content #home1 p {
clear:left;
float:left;
width:195px;
}

#content #home1 a{
color:#999;
text-decoration:underline;
}

#content #home1 a:hover {color:#666;}

#content #home1 #random {
float:right;
width:374px;
height:225px;
}

#content #clearbanner {display:block;clear:both;width:595px;height:1px;border-bottom:1px solid #ccc;padding-top:13px;margin-bottom:13px;}

#content #home2 {
float:left;
width:291px;
height:150px;
background:#d2dd1b url(images/home2.jpg) no-repeat top left;
}

#content #home2 h2 {
height:14px;
margin:10px 10px 10px 100px;
padding:0 0 5px 0;
border-bottom:1px solid #97a513;
}

#content #home2 a {
color:#6c7706;
}
#content #home2 a:hover {color:#4b5300;}

#content #home2 a strong {
font-size:1em;
line-height:1em;
}

#content #home2 a em {
font-size:1em;
line-height:1em;
font-style:normal;
}


#content #home3 {
float:right;
width:291px;
height:150px;
background:#fce8e4 url(images/home3.jpg) no-repeat top left;
}

#content #home3 h2 {
height:35px;
margin:10px 10px 10px 100px;
padding:0 0 5px 0;
border-bottom:1px solid #e0ad7a;
}

#content #home3 a {
	color:#999999;
	font-size:1em;
}

#content #home3 a:hover {color:#b16314;}


/* BANNERS */
#banner {
clear:both;
width:595px;
height:75px;
overflow:hidden;
}

/* SUBPAGES */

#content h1{
height:35px;
color:#666;
font-size:2em;
line-height:1em;
font-weight:normal;
}

#content h2{
height:30px;
padding-top:15px;
color:#333;
font-size:1.6em;
line-height:1em;
font-weight:normal;
}

#content {
color:#666;
font-size:1.1em;
line-height:1.2em;
}

/* RIGHT */
#right {
float:right;
width:112px;
padding:0 22px 0 22px;
}

#right h2{
height:20px;
padding-top:5px;
color:#666;
font-size:1em;
border-bottom:1px solid #ccc;
}

#right .newspic {
display:block;
width:112px;
padding:15px 0 10px 0;
}

#right a {
display:block;
padding:7px 0 7px 0;
color:#666;
font-size:1.1em;
}

#aegon {
padding-top:50px;
text-align:center;
color:#666;
font-size:1em;
}

#aegon a{padding:0; margin:0}

#right a:hover {color:#333;}

/* BOTTOM */
#bottomlinks {
clear:both;
width:955px;
height:24px;
overflow:hidden;
background:#5966ac;
}

#bottomlinks ul {padding:0 0 0 10px;margin:0;}
#bottomlinks ul li{display:block;float:left;}
#bottomlinks ul li a {display:block;color:#fff;padding:6px 10px 5px 10px;}
#bottomlinks ul li a:hover {text-decoration:underline;}

#bottom {
clear:both;
width:955px;
height:24px;
overflow:hidden;
background:#e9571f url(images/bottom-bg.gif) repeat-y;
}

#bottom a {
display:block;
float:right;
width:110px;
height:15px;
color:#fff;
text-align:center;
padding-top:6px;
}

#bottom a:hover {color:#ccc;}

#bottom fieldset {
display:block;
padding-top:4px;
}

#bottom fieldset label {
display:block;
float:right;
width:100px;
height:16px;
color:#fff;
font-size:1.1em;
padding:2px 6px 0 0;
text-align:right;
}

#bottom fieldset input {
display:block;
float:right;
width:150px;
height:14px;
font-size:1.1em;
color:#666;
padding:0 0 0 0;
border:1px solid #fff;
}

#bottom .submit {
display:block;
float:right;
width:50px;
height:16px;
font-size:1em;
color:#666;
background-color:#ccc;
border:1px solid #ccc;
margin-left:5px;
}

#bottom2 {
clear:both;
height:35px;
}

#bottom2 em {
display:block;
float:right;
width:340px;
height:15px;
text-align:center;
padding:13px 8px 0 0;
color:#999;
text-align:right;
font-style:normal;
}


/* font size */

#font-size {
float:left;
width:120px;
padding:0 0 20px 25px;
}

#font-size em {
	float:left;
	display:block;
	width:50px;
	font-size:8pt;
	line-height:8pt;
	font-style:normal;
	padding:10px 0 0 0;
	color:#5374B0;
}

#font-size a {
display:block;
float:left;
padding:0px 3px 0 3px;
}



/*";/* IE */ 
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }

.textfieldtitle {float:left; width:200px}
.textfieldfields {float:left; width:350px; padding-bottom:8px}
.textfieldfields .input{width:250px}
.textfieldfields .input2{width:80px}
.textfieldfields .input3{width:250px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em}
.myupdate{float:left;width:455px; text-align:right}
.myupdate input{width:80px; background-color:#cccccc; border:solid 1px #333333}
.searchinput{width:70px; background-color:#cccccc; border:solid 1px #333333}