/* Top Navigation */

/* Top navigation classes */
.topnav ul 
{
	margin: 0;
	padding: 0; /* Zeroed margins and padding to give us a clean slate */
	list-style: none; /* No bullet points in our menu, thanks */
	width: 100%; /* IE7 chokes without this */
	float: left; /* Fixes alignment issue in non-IE browsers caused by fixing for IE7.  Thanks a lot, Microsoft. */
	font-size: 10px;
}

/* Handles positioning of main menu */
.topnav ul li 
{
	position: relative; /* This is really important */
	padding: 0px;
	float: left; /* IE7 also chokes without this */
	text-align: left;
	display: inline;
}

/* Handles positioning of submenus */
.topnav li ul 
{
	position: absolute; /* This is also really important */
	left: 0px; /* Aligns the main menu and submenu on the left */
	top: 23px; /* Aligns the submenu beneath the button that spawns it. This should be the height of the buttons. */
	display: none; /* Hides the submenu when buttons aren't hovered over */
	z-index: 10000;
}

.topnav li:hover ul 
{ 
	display: block; /* Makes submenu visible on hover in all but IE6 */
}

/* Handles appearance of inactive, unhovered buttons in the main menu */
.topnav ul li a 
{
	display: block; /* Makes buttons occupy all available space */
	text-decoration: none; /* No underlines */
	color: #000000; /* Button text color */
	height: 17px;
	background-image: url("images/topbtnbkg.jpg");
	padding: 4px 2px 2px 2px;
	text-align: center;
	margin: 0;
	border-left: 1px solid #999;
}

.topnav li ul li
{
	width: 150px;
	z-index: 9999;
	clear: both;
	position: relative;
}

/* Handles appearance of buttons that are hovered over in the main menu */
/* Only things that change from the element above need to be declared */
.topnav ul li a:hover
{
	background-image: url("images/topbtnbkgover.gif");
	background-repeat: repeat-x;
}

/* Handles appearance of inactive, unhovered buttons in the submenus */
.topnav li ul li a
{
	display: block;
	text-decoration: none;
	color: #000000;
	/*font-weight: bold;*/
	background-color: #ffffff;
	background-image: none;
	/*background-image: url("images/submenubkg.gif");*/
	z-index: 10001;
	width: 150px;
	float: left;
	position: relative;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #999;
}

/* Handles appearance of buttons that are hovered over in the submenus */
.topnav li ul li a:hover
{
	background-color: #cccccc;
	background-image: none;
}

/* Begin stuff that interacts with the Javascript */
#topnav li.off:hover ul 
{ 
	display: block; /* Makes submenu visible on hover in IE6 */
	z-index: 8000; /* Arbitrary large number to ensure that submenu takes precedence over all possible conflicting elements */
}

#topnav li.over ul
{
	display: block;
}

#topnav li.off a:hover, #nav li:hover a, #nav li.over a 
{
	display: block; /* Safety declaration for IE6 and older versions.  Keeps CSS and Javascript from arguing. */
}

/* Javascript-assisted menu styling.  If this breaks the menu still works so don't freak out too much if you bork this. */
/* In cases of disagreement between CSS styling and Javascript styling IE6, IE7, and Opera will use the Javascript styling */
/* In cases of disagreement between CSS styling and Javascript styling Firefox will use the CSS styling */
/* Browsers without Javascript support or with Javascript disabled will use the CSS styling */
#topnav li.over a
{
	background-image: url("images/topbtnbkgover.gif");
	color: #000000;
}

#topnav li.over ul li a
{
	background-color: #ffffff;
	background-image: none;
	/*background-image: url("images/submenubkg.gif");*/
	color: #000000;
}

#topnav li.over ul li a:hover
{
	background-image: none;
	background-color: #cccccc;
}
/* End stuff that interacts with the Javascript */
/* End of top navigation */

li .large
{
	width: auto;
}

/* Classes for internal navigation */
.internalnav ul 
{
	margin: 0;
	padding: 0; /* Zeroed margins and padding to give us a clean slate */
	list-style: none; /* No bullet points in our menu, thanks */
	width: 100%; /* IE7 chokes without this */
	float: left; /* Fixes alignment issue in non-IE browsers caused by fixing for IE7.  Thanks a lot, Microsoft. */
	font-size: 10px;
}

.internalnav ul li 
{
	position: relative; /* This is really important */
	margin: 0;
	padding: 0px;
	float: left; /* IE7 also chokes without this */
	text-align: left;
	display: inline;
}

.internalnav ul li a 
{
	display: block; /* Makes buttons occupy all available space */
	text-decoration: none; /* No underlines */
	color: #000000; /* Button text color */
	height: 22px;
	width: 130px;
	background-image: url("images/greennav.jpg");
	padding: 8px 2px 2px 2px;
	text-align: center;
	margin: 0;
	border-left: 1px solid #999;
	font-weight: bold;
}

.internalnav ul li a:hover
{
	background-image: url("images/greennavover.jpg");
}


/* This next part is for tabs.  Because this stylesheet isn't confusing enough already. */

.tabs /* Master tab container */  
{
    float: left;
    width: 100%;
    background-color: #fff;
	/*background-image: url("images/tabbg2.gif");
	background-position: bottom;
	background-repeat: repeat-x;*/
    font-size: 80%;
	font-weight: normal;
    line-height: normal;
	margin: 0px 0 0 0;
	padding: 2px 0 0 0;
}

.tabs ul /* Clears default styling of lists, gives us a clean slate */
{
    margin: 0;
    padding: 0; 
    list-style: none;
}

.tabs li /* Handles the right side of the tabs.  This is the side that expands. */
{
    float: left;
    margin: 0 0px 0px 1px;
    padding: 0 0px 0px 0px;
	background-image: url("images/awesometabright.gif");
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #00529b;
	list-style: none;
	display: block;
}

.tabs li:hover /* Hover class.  This cannot be activated independently of the a:hover class. */
{
	background-image: url("images/awesometabrighthover.gif");
	background-position: top right;
	background-color: #b5ba05;
}

.tabs a /* Handles the tab text and the left side of the tab */
{
    display: block;
	background-image: url("images/awesometableft.gif");
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 0px;
	padding: 1px 4px 2px 4px;
	text-align: center;
	color: #ffffff;
}

.tabs a:hover /* Keeps the tab text from being underlined on hover */
{
	text-decoration: none;
}

.tabs li:hover a:hover /* Handles the left side of the tab on hover.  Can be activated independently.  Don't activate it independently. */
{
	background-image: url("images/awesometablefthover.gif");
	background-position: top left;
}

/* Handle positioning and coloring of currently activated tab */
.tabs li#current a, .tabs li#current a:hover
{
	padding-bottom: 2px;
	color: #00529b;
	background-image: url("images/awesometableft.gif");
	background-position: top left;
}

.tabs li#current, .tabs li#current:hover
{
	background-image: url("images/awesometabright.gif");
	background-position: top right;	
	background-color: #ffffff;
}
/* End current tab */

/* This is a hack!  Hide it from IE for Mac! \*/
* html .tabs a:hover
{
	color: #ffd046;
}
/* End of hack.  You can look again, Mac.  Not that there's anything else to see. */