body {font-family: verdana, arial, helvetica, sans-serif; margin: 0px; padding: 0px;}

td {vertical-align: top; color: #333333; font-size: 12px; padding: 0px;}

h1 {font-size: 2em; font-weight: bold; margin: 0px; color: #336600; float: right;}
h2 {font-size: 1.4em; font-weight: bold; margin: 0.2em 0em 0.8em 0em; color: #336600;}
h3 {font-size: 1em; font-weight: bold; margin: 0.8em 0em; color: #336600;}

a {color: #FF2F32; text-decoration: underline;}
a:hover {text-decoration: none;}

/*structure*/
.header {width: 755px; height: 175px; margin: 0px 10px; background:  url(../images/header.gif) top center no-repeat; border-bottom: 2px solid #D3AB46;}
.header td {vertical-align: bottom; padding: 0px 15px 5px 0px;}
.homeLink {font-size: 1.2em; margin: 10px 0px 0px 10px;}
.homeLink a {text-decoration: none; color: #336600;}
.homeLink a:hover {color: #FF2F32;}
.body {width: 755px; margin: 0px 10px;}
.menu {width: 170px; height: 390px;}/*The height of the menu makes space for the menu items, and should be increased if the number of menu items increases*/
.menuContainer {width: 145px; margin: 0px 0px 0px 20px; font-size: 1.0em; padding: 0px; background:  url(../images/menuBackground.gif) left repeat-y; position: absolute; top: 140px; z-index: 10;}
.subMenuContainer {display: none; width: 135px; margin: 0px 0px 0px 130px; font-size: 1em; padding: 0px; background: #F2E8CC; border: 2px solid #D3AB46; position: absolute; z-index: 20;}
#subMenuClubDiary {top: 24px;}/*all sub menus need to be positioned vertically like this*/
#subMenuOpenComps {top: 48px;}/*all sub menus need to be positioned vertically like this*/
#subMenuMembersNews {top: 94px;}/*all sub menus need to be positioned vertically like this*/
#subMenuProfessional {top: 122px;}/*all sub menus need to be positioned vertically like this*/
#subMenuJuniors {top: 188px;}/*all sub menus need to be positioned vertically like this*/
#subMenuTheCourse {top: 286px;}/*all sub menus need to be positioned vertically like this*/
.menuContainer a {display: block; margin: 0px 0px 10px 0px; padding: 0px 20px 0px 15px; text-decoration: none; color: #336600;}
.menuContainer a:hover, .menuContainer a:visited:hover, .menuContainer .selected, .menuContainer .selected:visited {color: #FF2F32;}
.withSubMenu {background: url(../images/arrow.gif) right no-repeat;}
.menuTop {padding: 20px 0px 0px 0px; background:  url(../images/menuTop.gif) top left no-repeat;}
.subMenuTop {padding: 20px 0px 0px 0px;}
.menuBottom {height: 20px; background:  url(../images/menuBottom.gif) bottom left no-repeat;}
.subMenuBottom {height: 10px; line-height: 0em;}
.content {width: 545px; padding: 10px 20px;}
.fullWidth {width: 715px; padding: 10px 20px;}
.footer {width: 755px; margin: 0px 10px 10px 10px;}
.footer td {text-align: center; vertical-align: middle; font-size: 12px; font-weight: bold; color: #336600; padding: 0px 20px; height: 25px; background:  url(../images/footer.gif) bottom left no-repeat;}
.footer a {color: #336600;}
.websiteBy {margin: 5px 0px; width: 775px;}
.websiteBy td {color: #999999; font-size: 10px; text-align: right; padding: 0px 20px;}
.websiteBy a {color: #999999;}

/*data tables*/
.content th {padding: 3px 5px 3px 0px; text-align: left; color: #FF2F32; font-weight: bold; font-size: 12px;}
.content td {padding: 3px;}