body {
  margin: 0px;
  padding: 0px;
  background: url(../graphics/bg.gif) #ee2f22 center top;
  text-align: center;
  }
#base {
  position: relative;
  top: 0px;
  width: 970px;
  margin: 0px auto 10px auto;
  padding: 0px;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  line-height: 1.6em;
  font-size: 76%;
  }
#layout {
  position: relative;
/* appears to be practically optional */
  top: 0px;
  width: 968px;
  padding-top: 149px;
  text-align: left;
  }
img#logo {
  position: absolute;
  top: 12px;
  left: 0px;
  z-index: 10;
  }
img#curve {
  position: absolute;
  top: 20px;
  left: 2px;
  }
#title {
  position: absolute;
  top: 47px;
  left: 220px;
  width: 738px;
  height: 98px;
  background: url(../graphics/title_bg.gif);
  }
#title h1 {
  position: absolute;
  bottom: 5px;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  font-size: 1.8em;
  margin: 70px 0px 4px 9px;
  }
#title img {
  display: inline;
  float: right;
  }
#main {
  margin: 0px 2px 0px 2px;
  padding: 4px 8px 10px 0px;
  min-height: 286px;
  z-index: 1;
  background: url(../graphics/bg_col.gif) repeat-y 0px 0px #ffffff;
/* for the benefit of ie6.. */
  border-top: 2px solid #ffffff;
  clear: both;
	
  }

#middle:after {
  content: "."; 
  display: block; 
  height: 0px; 
  clear: both; 
  visibility: hidden;
  }
#middle {
  margin: 0px 0px 0px 220px;
  }
/* to fix IE6 float bug */
* html #main {
  height: 1%;
  }
#rhs {
  float: right;
  width: 260px;
  background: #ffffff; 
	padding-top: 0 !important;
  }
#rhs h4 { 	margin-top: 292px; }
#rhs_top {
  position: absolute;
  top: 44px;
  right: 12px;
  }
.rhs_box { 
  width: 246px;
  padding: 6px;
  border: 1px solid #000000;
  background: #ff9933;
  color: #ffffff; }
  }
#middle .rhs_box a, #rhs .rhs_box a, #rhs .rhs_box a:visited {
  color: #ffffff;
  }
	
#middle h3.rhs_box, #rhs h3.rhs_box {
  margin-top: 0px;
  }
#footer {
  margin: 0px 2px 0px 2px;
  height: 3px;
  background: url(../graphics/footer_edge.gif) #181f68;
  clear: both;
  }




ul#nav_home, ul#nav_main {
  margin: 0px;
  padding: 0px;
  width: 210px;
  z-index: 2;
  }
ul#nav_home {
  position: absolute;
  top: 99px;
  left: 2px;
  }
ul#nav_main {
  float: left;
  padding-bottom: 0px;
  border-top: 1px solid #999999;
/*  fade to white previously used on bottom of navigation
  background: url(../graphics/nav_bottom_bg.gif) repeat-x bottom;
*/
  }

ul#nav_home li, ul#nav_main li {
  position: relative;
  margin: 0px;
  padding: 0px;
  display: block;
  list-style-type: none;
  text-align: right;
  }
ul#nav_home li {
  border-bottom: 1px solid #999999;
  }
ul#nav_home li a {
  width: 200px;
  margin: 0px;
  padding: 34px 10px 3px 0px;
  display: block;
  list-style-type: none;
  color: #aa0000;
  text-decoration: none;
  background: url(../graphics/nav_top.gif) transparent;
  }
ul#nav_home li a:hover {
  background: url(../graphics/nav_top_ro.gif) transparent;
  }


ul#nav_main li {
  background: #c6c6c6;
  border-bottom: 1px solid #999999;
  }
ul#nav_main li a {
  display: block;
  width: 200px;
  text-decoration: none;
  color: #aa0000;
  padding: 2px 10px 2px 0px;
  line-height: 21px;
  }
ul#nav_main li a:hover, ul#nav_main li:hover {
  background: #d6d6d6;
  }

ul#nav_main li a.expand {
  background: url(../graphics/nav_arrow.gif) no-repeat 7px #c6c6c6;
  }
ul#nav_main li a:hover.expand, ul#nav_main li a:active.expand {
  background: url(../graphics/nav_arrow.gif) no-repeat 7px #d6d6d6;
  }
ul#nav_main li.here a {
  background: #d6d6d6;
  }
ul#nav_main li.here ul li a {
  background: transparent;
  }
ul#nav_main li.here ul li a:hover {
  background: #d6d6d6;
  }
ul#nav_main li.here a.expand, ul#nav_main li.here a:hover.expand {
  background: url(../graphics/nav_arrow.gif) no-repeat 7px #c6c6c6;
  }



/* subnav */
ul#nav_main li ul {
  display: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: -1px;
  left: 210px;
  list-style: none;
  }
ul#nav_main li.here ul {
  display: block;
  }
li.here ul.subnav {
  display: block;
  }
ul#nav_main li ul li {
  background: #c6c6c6;
  background: #bbbbbb;
  border-bottom: none;
  }
ul#nav_main li ul li a {
  width: 182px;
  border-top: 1px dotted #666666;
  background: #b4b4b4;
  }
ul#nav_main li ul li a:hover, ul#nav_main li ul li:hover a, ul#nav_main li ul li a:active {
  background: #d6d6d6;
  }
ul#nav_main li ul li.here a, ul#nav_main li.here ul li.here a {
  background: #d6d6d6;
  }
ul#nav_main li.here ul, ul#nav_main li:hover ul, ul#nav_main li.over ul {
  display: block;
  }
ul#nav_main li.here ul li {
  display: none;
  }

/* selected subnav appears on top of selected parent nav item */
ul#nav_main li.here ul li.here {
  display: block;
  position: absolute;
  left: -192px;
  }
/* when parent nav or child subnav list rolled over, subnav displayed and restored to normal position */
ul#nav_main li.here:hover ul li, ul#nav_main li.here ul:hover li, ul#nav_main li.over ul li, ul#nav_main li.over ul li.here {
  display: block;
  position: static;
  }



ul#clubs {
  position: relative;
  display: block;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
	
  }
ul#clubs li {
  display: inline;
  background: url(../graphics/clubs_bg.gif);
  }
ul#clubs li a {
  float: left;
  width: 35px;
  height: 60px;
  background: url(../graphics/club_01.gif);
  text-decoration: none;
  }
ul#clubs li#c01 a {
  background: url(../graphics/club_01.gif);
  width: 48px;
  }
ul#clubs li#c02 a {
  background: url(../graphics/club_02.gif);
  }
ul#clubs li#c03 a {
  background: url(../graphics/club_03.gif);
  }
ul#clubs li#c04 a {
  background: url(../graphics/club_04.gif);
  }
ul#clubs li#c05 a {
  background: url(../graphics/club_05.gif);
  }
ul#clubs li#c06 a {
  background: url(../graphics/club_06.gif);
  }
ul#clubs li#c07 a {
  background: url(../graphics/club_07.gif);
  }
ul#clubs li#c08 a {
  background: url(../graphics/club_08.gif);
  }
ul#clubs li#c09 a {
  background: url(../graphics/club_09.gif);
  }
ul#clubs li#c10 a {
  background: url(../graphics/club_10.gif);
  }
ul#clubs li#c11 a {
  background: url(../graphics/club_11.gif);
  }
ul#clubs li#c12 a {
  background: url(../graphics/club_12.gif);
  }
ul#clubs li#c13 a {
  background: url(../graphics/club_13.gif);
  }
ul#clubs li#c01 a:hover, ul#clubs li#c02 a:hover, ul#clubs li#c03 a:hover, ul#clubs li#c04 a:hover, ul#clubs li#c05 a:hover, ul#clubs li#c06 a:hover, ul#clubs li#c07 a:hover, ul#clubs li#c08 a:hover, ul#clubs li#c09 a:hover, ul#clubs li#c10 a:hover, ul#clubs li#c11 a:hover, ul#clubs li#c12 a:hover, ul#clubs li#c13 a:hover {
  background-position: 0px 60px;
  }


ul#clubs li a .name {
  display: block;
  position: absolute;
  top: 37px;
  left: 0px;
  width: 448px;
  padding: 2px 10px;
  text-decoration: none;
  color: #ffffff;
  visibility: hidden;
  border-top: 1px solid #666666;
  background: #999999;
  z-index: 4;
  }
ul#clubs li a:hover .name {
  visibility: visible;
  }

#middle a, #rhs a {
  text-decoration: none;
  color: #002299;
  }
#middle a:hover, a:active, #rhs a:hover, #rhs a:active {
  text-decoration: underline;
  color: #aa0000
  }
#middle a:visited, #rhs a:visited {
  color: #992266;
  }
	

.news_item {
  border-top: 1px solid #666666;
  }
.news_item h1, .news_item h2, .news_item h3, .news_item h4, .news_item h5, .news_item h6, {
  margin-top: 0px;
  }
.news_item .date {
  float: left;
  width: 70px;
  padding: 1px 4px 1px 4px;
  color: #002266;
  clear: none;
  }
.news_item .story {
  padding: 1px 4px 1px 6px;
  margin: 0px 0px 0px 80px;
  font-weight: bold;
  }


.gallery_section h6 {
  border-bottom: 1px solid #666666;
  margin: 0px;
  }
.gallery_section {
  margin: 0px 0px 20px 0px;
  }
.gallery_section img {
  margin: 10px 10px 10px 0px;
  }

p.article_date {
  margin: 0px;
  color: #002266;
  }
h2.article_title {
  margin-top: 2pt;
  }
