/* Stylesheet for screen viewing
Copyright (c) 2007 Hilltop Computing
*/

* html body
{
	text-align: center;
}

body
{
	font-family: verdana, arial, sans-serif;
	background-color: #000000;
	margin: 0px;
	color: #ffffff;
}

* html #container
{
	text-align: left;	/* keep the content left-aligned */
}

h1, h2, h3, h4, h5
{
	color: #FF6600;
}







#container
{
	margin: 0;
	min-width: 500px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	
	background-repeat: no-repeat;
	height: 131px;
}

#header #logo
{
	float: right;
	
}

#header #title
{
	float: right;
	background: none;
	color: #000000;
	margin-top: 52px;
	margin-right: 70px;
	font-size: 120%;
	font-style: italic;
}

#hmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #000000;
	}

#hmenu ul ul
{
	width: 150px;
	z-order: 0;
}
#hmenu ul li  {
	position: relative;
	float: left;
	width: 130px;
	
	font-size: 12px;
}

#hmenu li ul li
{
	clear: both;
	width: 100%;
}



#hmenu li ul 
{
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 20px;
	display: none;
}

#hmenu li ul li ul
{
	position: relative;
	left: 10px;
	top: 0px;
	
}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#hmenu li:hover ul, #hmenu li.over ul 
{
	display: block; 
} /* The magic */





#body
{
	padding-top: 18px;
	clear: both;
}

#body a, #body a:visited, #body a:hover
{
	color: #ff6600;
	text-decoration: underline;
}

#body a img
{
	border: none;
}

#footer
{
	clear:both;
	font-size: 70%;
	margin-top: 60px;
	text-align: center;
}

#footer a, #footer a:visited, #footer a:hover
{
	color: #ff6600;
}


#body table, body table
{
	padding: 0;
	margin: 0;
}

#body table td, body table td
{
	padding: 0;
	margin: 0;
}

#body li
{
	clear: both;
	width: 100%;
}

#body a
{
	clear: both;
	margin: 0;
	padding: 0;
}


#table1
{
	border: 3px outset #ff6600;
}

#table1 td
{
	border: 1px solid #666666;
}

.ranking
{
	border: 2px solid #ff6600;
	border-collapse: collapse;
	background-color: #000099;
}



/* These styles are used for ranking tables. */
#tbl
{
   border: 2px solid #ff6600;
   border-collapse: collapse;
   background-color: #000099;
   width: 650px;
}
#tbl th
{
   text-align: center;
}

#col1,#col2,#col3,#col4,#col5,#head1,#head2,#head3
{
    color: #ffffff;
}
#col1
{
   border: 2px solid #ff6600;
   width: 50px;
   text-align: center;
}

#col2
{
   border: 2px solid #ff6600;
   border-right: 10px solid #ff6600;
   text-align: left;
   width: 250px;
}
#col3
{
   border: 2px solid #ff6600;
   text-align: center;
   width: 50px;
}
#col4
{
   border: 2px solid #ff6600;
   text-align: left;
   width: 250px;
}
#col5
{
   border: 2px solid #ff6600;
   text-align: center;
   width: 70px;
}
#col6
{
   border: 0px;
   text-align: center;
   width: 70px;
}
#head1
{
   text-align: center;
   border-right: 10px solid #ff6600;
}
#head2
{
   text-align: center;
}
#head3
{
   text-align:center;
}

/* End Ranking Styles */