/* global */
html{height: 100%;}
body{ font-family: verdana, arial, sans-serif;  padding: 0px;  margin: 0px;  font-size: .68em;}
p{ margin: 0px;  padding: 0px 0px 8px 0px;  line-height: 1.5em;}
h1{ font-family: arial, sans-serif;  letter-spacing: .1em;}
h2{	margin: 0px;	padding: 0px 0px 4px 0px;	font-size: 100%;}
img{border: 0px;}
a{outline: none;}

/* image positioning - left, right and center */
.left{ float: left;   padding: 0px 8px 0px 0px;}
.right{ float: right;   padding: 0px 0px 0px 8px;}
.center{ display: block;  text-align: center;  margin: 0 auto;}

/* block quote */
blockquote{ margin: 20px 0px 20px 0px;   padding: 10px 20px 0px 20px;  border-left: 8px solid;}

/* unordered list */
ul{ margin: 4px 0px 0px 16px;  padding: 0px;}
ul li{ list-style-type: square;  margin: 0px 0px 3px 0px;   padding: 0px;}

/* ordered list */
ol{ margin: 8px 0px 0px 24px;  padding: 0px;}
ol li{ margin: 0px 0px 11px 0px;   padding: 0px;}

/* main container */
#main { width: 780px;  margin-left: auto;   margin-right: auto;}

/* banner graphic */
#banner, #bannermen, #bannerwomen, #bannerclub{ margin-left: auto;   margin-right: auto;  width: 760px;  height: 178px;  text-align: left}
#banner h1{ margin: 0px;  padding: 41px 0px 0px 19px;  font-size: 150%;  letter-spacing: .2em;}

/* links above the banner / footer */
#links, #footer{ margin-left: auto;   margin-right: auto;  padding: 10px 21px 0px 19px;  width: 720px;  height: 26px;  font-size: 94%;}  

/*text-transform: uppercase; */

#links{text-align: right;}
#footer{text-align: center;}
#links a, #footer a{text-decoration: none;}
#links a:hover, #footer a:hover{text-decoration: underline;}

/* banner graphic */
#logo, #logodv{ margin-left: auto;   margin-right: auto;  width: 760px;  height: 69px;}


.menu{ height: 40px;  width: 760px;  margin-left: auto;   margin-right: auto;  background:  url(../assets/menu.jpg);  color: #D1D3D7;  border-color: #D7D7D7;}
.menu ul{margin: 0px auto;} 
.menu li{ float: left;   margin: 0px;   padding: 0px;} 
.menu li a { display: block;  float: left;   height: 32px;  text-decoration: none;   padding: 8px 19px 0px 19px;  text-transform: uppercase;  background:  url(../assets/menu.jpg);  color: #D1D3D7;  border-color: #D7D7D7;} 
.menu li a:hover{ background: #FFFFFF url(../assets/menu_hover.jpg);  color: #D1D3D7;  border-color: #D7D7D7;  text-decoration: none;}
.menu li a.selected, .menu li a:hover{background: #FFFFFF url(../assets/menu_hover.jpg);} 


/* navigation menu 
.menu{width: 100%;}*/
/*Add margin between menu and rest of content in Firefox
.menu:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.menu ul{border: 1px solid #BBB;width: 100%;background: url(../assets/menu.jpg) center center repeat-x;height: 40px;margin: 0px auto;text-align: left;}
.menu ul li{display: inline;}
.menu ul li a{float:left;text-decoration: none;padding:8px 19px 0px 19px;;text-transform: uppercase;margin: 0px;color: #D1D3D7;border-color: #D7D7D7;}*/

/*script dynamically adds a class of "selected" to the current active menu item
.menu ul li a:hover, .menu ul li a.selected{background: url(../assets/menu_hover.jpg) center center repeat-x;}  */


.dropmenudiv{position:absolute; top: 0; border: 1px solid #BBB; /*THEME CHANGE HERE*/ border-bottom-width: 0;font:normal 10px Verdana;line-height:18px;z-index:100;background-color: white;width: 200px;visibility: hidden;}


.dropmenudiv a{width: auto;display: block;text-indent: 3px;border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/padding: 2px 0;text-decoration: none;font-weight: bold;color: black;}

* html .dropmenudiv a{ /*IE only hack*/width: 100%;}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/background-color: #0066FF;}


/* main content */
#content{ margin-left: auto;   margin-right: auto;  width: 760px;  height: auto;  padding: 0px;  overflow: hidden;} 

/* column 1 - contains sidebar items */
#column1
{ width: 207px;
  float: right;
  padding: 16px 0px 15px 0px;
}

.sidebaritem
{ text-align: left;
  width: 188px;
  float: left;
  margin: 0px 0px 0px 0px;
}

.sbihead
{ height: 14px;
  width: 188px;
  padding: 5px 0px 5px 19px;
  text-transform: uppercase;
}

.sbihead h1
{ padding: 0px; 
  margin: 0px; 
  font-weight: bold;
  font-size: 112%;
}

.sbicontent{padding: 10px 10px 10px 10px;}

.sbicontent p
{
	line-height: 14px;
	padding: 0px 0px 8px 0px;
	background-position: center;
}

.sbilinks{padding: 0px;}

.sbilinks ul{margin: 0px auto;} 

.sbilinks li 
{ margin: 0px; 
  float: left; 
  list-style: none; 
} 

.sbilinks li a , .sbilinks li a:hover
{ float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 5px 0px 4px 19px;
  width: 188px;
  border: 0px;
} 

/* column 2 - page content */
#column2
{ 
  width: 512px;
  float: left;
  padding: 12px 3px 15px 19px;
}

#column2 h1
{ padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;  
  font-weight: bold;
}

#results h1
{ 
  float: left;
  padding: 0px 0px 10px 0px;
}

#results
{  
  float: left;
  padding: 0px 0px 10px 0px;
}


#results1 a, #results2 a, #results3 a
{border-bottom: none;}

#results1 a:hover, #results2 a:hover, #results3 a:hover{border-bottom: 1px solid;}


.sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;

}

.sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}