/*
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.nav
	{
		margin-left:  auto;
		margin-right: auto;
	}
	#nav
	{
		z-index: 1000;
		text-align: left;
	}
	/*
	div.layNav div.nav img.bullet
	{
		width:          9px;
		height:         9px;
		vertical-align: middle;
	}
	*/
	
	/* Navigation items *****************************/
	
	.bodyAdmin
	{
		background-color:  #ffffff;
		width: 100%;
	}
	
	.layNavAdmin
	{
		margin:       	   auto;
		text-align:        right;
		width:             920px;
		padding:           10px 10px 0px 0px;
		background-color:  #f8f8f8;
	}
	.layPageAdmin
	{
		margin:       	   auto;
		text-align:        left;
		width:             920px;
		padding:           10px 10px 25px 10px;
		background-color:  #f8f8f8;
	}

	div.layNav div.nav a
	{
		color:           #000;
		font-size:		 13px;
		margin-left:     26px;
		padding:		 5px 26px 5px 26px;
		text-decoration: none;
		width: 700px;
		
	}
	
	div.layNav div.nav a.admin
	{
		text-align: 	 right;
		color:           #000;
		margin:          0px 22px 0 22px;
		text-decoration: none;
		width: 700px;
	}
	
	div.layNav div.nav a:hover
	{
		color:           #333;
		text-decoration: none;
	}
	
	.navAdmin > a
	{
		padding: 10px;
		top: 10px;
		text-align: right;
	}
	
	.admin
	{
		color:           #043858;
		text-decoration: none;
		font-size:		 10px;
		font-weight:     bold;
		padding: 5px;
	}
	
	div.logo1
	{
		background: url(../images/logo1.png) top center no-repeat;
		width:			164px;
		height:			84px;
		padding-left:	70px;
		padding-bottom:	18px;
		margin-top:	    10px;
	}

	div.home1
	{
		
		left: 0;
		width:			164px;
		height:			284px;
		padding-left:	0;
		padding-bottom:	0;
		margin-top:	    0;
		
		/* IE7 & IE7 Fix */
		*font-size: 1px;
	}
	
	div.logo2
	{
		background: url(../images/logo2.png) top center no-repeat;
		width:			164px;
		height:			84px;
		padding-left:	70px;
		padding-bottom:	18px;
		margin-top:	    10px;
	}
	
	div.home2
	{
		width:			164px;
		height:			284px;
		padding-left:	0;
		padding-bottom:	0;
		margin-top:	    0;
		/* IE7 & IE7 Fix */
		*font-size: 1px;
	}

	/* Dropdown menus *******************************/
	div.menu
	{
		-moz-border-radius-bottomright:6px;
		-moz-border-radius-bottomleft:6px;
		-moz-border-radius-topright:6px;
		border-bottom-left-radius:6px;
		border-bottom-right-radius:6px;
		border-top-right-radius:6px;
		-webkit-border-bottom-left-radius:6px;
		-webkit-border-bottom-right-radius:6px;
		-webkit-border-top-right-radius:6px;
		/* FireFox Styling */
	
		position:    absolute;
		background-color: #f8f8f8;
		z-index:     100;
		width:       192px;
		margin-top:  -74px;
		margin-left: 230px;
		font-size:   11px;
		line-height: 14px;
		border-top:2px solid #666;
		border-bottom:2px solid #999;
		border-right:2px solid #000;
		border-left:2px solid #666;
		
	}

	div.menu a
	{
		width:            auto;
		display:          block;
		padding:          3px 5px 3px 5px;
		margin:           0px;
		color:            #71c3ed;
		text-decoration:  none;
		background-color: #333333;
	}

	div.menu a:hover
	{
		 color: #fff;
	}

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