body {
	background-color: #FFF;
	color: #000;
	font-family: sans-serif;
	font-size: 12px;
}



h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em;
}
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}
div.menuBar {
  background-color: #000000;
  padding: 4px 2px 4px 2px;
  text-align: left;
}
div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #336699;
  color: #ffffff;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}
div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 1px outset #ffff00;
  color: #0000ff;
}
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #000000;
  border: 1px solid #336699;
  color: #ffffff;
  left: 1px;
  top: 1px;
}
div.menu {
  background-color: #336699;
  border: 1px outset #336699;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}
div.menu a.menuItem {
  color: #ffffff;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #000080;
  color: #94BAE4;
}
div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}
div.menu div.menuItemSep {
  border: 1px inset #ffffff;
  margin: 0px 0px;
}

.Nav1 {COLOR: #94BAE4; TEXT-DECORATION: none; font-family: verdana, sans-serif; font-size: 8pt; font-weight: normal;}
a:link.Nav1  {color : #ffffff; font-weight: normal;}
a:visited.Nav1  {color : #ffffff; font-weight: normal;}
a:active.Nav1 {text-decoration: none; font-weight: normal;}
a:hover.Nav1  {color : #94BAE4; font-weight: normal;
}
.Nav2 { font-family: verdana, sans-serif; font-size: 8pt; font-weight: normal}
a:link.Nav2  {color : #94BAE4; font-weight: normal;}
a:visited.Nav2  {color : #94BAE4; font-weight: normal;}
a:active.Nav2 {text-decoration: none; font-weight: normal;}
a:hover.Nav2  {color : #ffffff; font-weight: normal;
}
.Nav3 {COLOR: #94BAE4; TEXT-DECORATION: none; font-family: verdana, sans-serif; font-size: 10pt; font-weight: normal;}
a:link.Nav3 {color : #94BAE4; font-weight: normal;}
a:visited.Nav3 {color : #94BAE4; font-weight: normal;}
a:active.Nav3 {text-decoration: none; font-weight: normal;}
a:hover.Nav3  {color : #ffffff;
}
Textarea {
background-color: #336699;
color: #ffffff;
border: 1px solid #000000;
font-size: 7pt;
font-family: verdana, sans-serif;
font-weight: bold;
}

.emailbox {
background-color: #003c84;
color: #ffffff;
border: 1px solid #000000;
font-size: 7pt;
font-family: verdana, sans-serif;
font-weight: normal;
}

.submit {
background-color: #336699;
color: #ffffff;
border: 1px solid #000000;
font-size: 7pt;
font-family: verdana, sans-serif;
font-weight: normal;
}
.textbox {
background-color: #336699;
color: #ffffff;
border: 1px solid #000000;
font-size: 7pt;
font-family: verdana, sans-serif;
font-weight: bold;
}
body { background-color: #000000;
color: #FFFFFF; font-family: verdana, helvetica, sans-serif;  font-size: 8pt;}td { font-family: verdana, helvetica, sans-serif;  font-size: 8pt;}
a:link {color: #94BAE4;  font-family: verdana, sans-serif; text-decoration: none; }
a:visited {color: #94BAE4;  font-family: verdana, sans-serif; text-decoration: none;}
a:active {color: #0ddfff;  font-family: verdana, sans-serif; text-decoration: none;}
a:hover {text-decoration: none; color: #ffffff;}
a:visited:hover {text-decoration: none; color: #ffffff; }

 p.c20 {margin-left: 1%; margin-right: 1%; text-align: center}
 p.c17 {margin-left: 4px; margin-right: 4px}
 strong.c14 {color: #FF0000; font-family: verdana, sans-serif}
 div.c13 {text-align: left; width: 146px; height: auto}
 div.c12 {text-align: center}
 td.c11 {border: 1px solid #000000; padding: 1px}
 table.c10 {border:3px double #000000; padding:1px; border-collapse: collapse}
 p.c9 {text-align: center; font-size: 8pt;}
 table.c8 {border:3px double #000000; border-collapse: collapse}
 td.c7 {border: 1px solid #000000; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 1px}
 table.c15 {border:1px solid #000000; border-collapse: collapse; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0}
 span.c9 {font-family: verdana, sans-serif; font-size: 8pt;}
 span.c5 {color: #FF0000; font-family: verdana, sans-serif; margin-left: 3px;}
 table.c4 {border-collapse: collapse}
 div.c3 {width:auto;}
 table.c2 {border:1px solid #000000; border-collapse: collapse; padding-left:0; padding-right:0; padding-top:1px; padding-bottom:0}
 table.c1 {border:1px solid #003C84; padding:1px; border-collapse: collapse}
form {
  margin: 0px;
  padding: 0px;

}
input, select {

background-color: #336699;
color: #ffffff;
border: 1px solid;
border-color: #000000 #000000 #000000 #000000;
font-size: 7pt;
font-family: verdana;
font-weight: none;


}
h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

h2 {
  font-size: 15px;
  margin: 0px;
  padding: 0px;
}
h3 {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

.bottom {
  color: #ffffff;
  font-size: 10px;
  text-align: center;
}
.top {
  background-color: #737373;
  height: 1px;
  margin-top: 2px;
}

.graph {
  background-color: #069;
  padding: 0px;
  width: 75px;
}

/* For the ranking tables. */

.darkbg {
  background-color: #737373;
  color: #fff;
}

.mediumbg {
  background-color: #003C84;
  background-image: url(grad_bg.png);
  color: #fff;
}

.lightbg {
  background-color: #304465;
  color: #ffffff;
}
.lightbgalt {
  background-color: #304465;
  color: #ffffff;
}
















#pad {height:140px;}

#menu {padding:0; margin:0; list-style:none; height:20px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px; }


#menu li a {display:block; float:left; height:20px; line-height:20px; background:#000000; color:#FFFFFF; text-decoration:none; font-size:10px; font-weight:bold; padding:0 30px 0 20px;border: 1px solid #336699;}

#menu li span {display:block; float:left; height:20px; line-height:20px; background:#000000 url(right-arrow.gif) no-repeat right center; color:#FFFFFF; text-decoration:none; font-size:10px; font-weight:bold; padding:0 30px 0 20px; border: 1px solid #336699; margin-right: -2px; padding-left: 10px; cursor: pointer; width: 80px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#c60;}
#menu li:hover > a.sub {color:#fff; background-color:#c60;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #000000 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;;}

#menu :hover ul {left:0; top:20px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:0px solid #000000;}
#menu :hover ul li a {width:120px; padding:0; text-indent:10px; background:#000000; color:#FFFFFF; height:20px; line-height:20px; font-size:10px; font-weight:bold;}
#menu :hover ul li a.fly {background:#000000 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#c60; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:120px; padding:0; text-indent:10px; background:#000000; color:#FFFFFF;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}
round:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:125px; padding:0; text-indent:10px; background:#000000; color:#FFFFFF;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}
#wrapper {
	border: 1px solid #000;
	left: 50%;
	margin-left: -350px;
	position: absolute;
	width: 700px;
}
#header {
	width: 700px;
}
#navigation {
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;

	padding-top: 7px;
	text-align: center;
	width: 698px;
}
#filters {
	float: left;
	margin: 15px;
}
#search {
	float: right;
	margin: 15px;
	text-align: right;
}
#content {
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
}
#copyright {
	margin: 10px;
	text-align: center;
}

/* Hyper Links */

#navigation a, .table_top_title a { color: #FFF; }
#navigation a:hover, .table_top_title a:hover {
	color: #CCC;
	text-decoration: none;
	border-bottom: 1px dashed;
}

.table_border {
	border: 1px solid #000;
	margin-bottom: 10px;
	padding: 1px;
}
/* Top Ranking Style */
.table_top_title {
	background: #336699 url("title.png") repeat-x;
	font-size: 12px;
	color: #FFF;
	padding-top: 7px;
	text-align: center;
}
.table_top_rank {
	background-color: #336699;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.table_top_description { }
.table_top_banner {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.table_top_stats {
	background-color: #336699;
	padding: 2px;
}
.table_top_rating {
	background-color: #336699;
	text-align: center;
}
/* Ranking Style */
.table_title {
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	text-align: center;
}
.table_rank {
	background-color: #336699;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.table_description { width: 100%; padding: 3px; }
.table_stats {
	background-color: #336699;
	padding: 2px;
	text-align: center;
}

/* Stats Style */
.stats_top {
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	text-align: center;
}
.stats_left { background-color: #336699; }
.stats1 {
	background-color: #336699;
	text-align: center;
}
.stats2 {
	background-color: #336699;
	text-align: center;
}

/* Admin */
.darkbg {
  background-color: #304465;
  color: #fff;
}
.mediumbg {
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;

}
.lightbg {
	color: #000;
	background-color: #304465;
}
.lightbgalt {
	color: #000;
	background-color: #336699;
}

table { width: 100%; }
/* No Borders Images */
img { border: 0; }

textarea, input {
	font-family: sans-serif;
	font-size: 12px;
}

.join_edit_error {
	background-color: #304465;
	border: 1px solid #f00;
	padding: 2px;
}

a.help { color: #f00; font-weight: bold; text-decoration: none; }
a.help:hover { color: #333; }

.border2 {
border: 1px solid #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #336699;
font-weight: bold;
color: #ffffff;
padding:1px;
}
.border3 {
border: 1px solid #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
background-color: #336699;
font-weight: bold;
padding:1px;
}
