/*
Name:        nav.css
Author:      Kyle Brickman
Description: CSS navigation definitions
Created:     10 September 2009
Notes:       This file should contain ONLY definitions for what appears the main site navigation
*/

@media all
{
	div.layNav div.nav
	{
		margin-left:  auto;
		margin-right: auto;
	}
	
	div.layNav div.nav img.bullet
	{
		width:          9px;
		height:         9px;
		vertical-align: middle;
	}
	
	/* Navigation items *****************************/
	div.layNav div.nav a
	{
		color:           #000;
		font-size:		 13px;
		margin-left:     26px;
		padding:		 5px 26px 5px 26px;
		text-decoration: none;
		
	}
	
	div.layNav div.nav a.admin
	{
		color:           #000;
		margin:          0 22px 0 22px;
		text-decoration: none;
	}
	
	div.layNav div.nav a:hover
	{
		color:           #333;
		text-decoration: none;
		background-color:#aec6f2;
	}

	div.nav > a
	{
		padding-right:35px;
	}


	.navAdmin > a
	{
		padding-right:25px;
	}	

	/* Dropdown menus *******************************/
	div.menu
	{
		position:    absolute;
		z-index:     100;
		width:       200px;
		margin-top:  -6px;
		margin-left: -14px;
		font-size:   9px;
		line-height: 12px;
	}

	div.menu a
	{
		width:            auto;
		display:          block;
		padding:          0px;
		margin:           0px;
		color:            #fff;
		text-decoration:  none;
		background-color: #c9d8f3;
		border-top:1px solid #4f7fd8;
	}

	div.menu a:hover
	{
		/* color:            #000 !important; */
	}

	/* IE only hack - yay IE ************************/
	* html div.menu a
	{ 
		width: 100%;
	}
}