/*
* Author: 		Trevor Morris
* Contact:		trovster@gmail.com
* Version:		0.2
* Updated:		14/01/2008
* Notes:		Basic navigation setup CSS for all sites.
*
* CONTENTS
* -------------------------
* =n navigation
*
*/


/* =n navigation
--------------------------------------------------------------------------------------------------*/
#navigation {
	border-top: 7px solid #480;
	width:900px;
	margin:0 auto;
	height:141px;
	padding:0 10px;
	background:#f9f8f7;
	border-bottom:1px solid #CCCCCC;
}
	#navigation ul {
		float:right;
		margin: 8px 10px 0;
		text-align:right;
		border-bottom:1px solid #CCCCCC;
  	padding-left:20px;
	}
	#navigation li {
		float: left;
		margin-right: 25px;
	}
		#navigation li a {
			height: 18px;
			margin: 7px 0;
			text-transform: uppercase; color: #3f3930; text-align: center;
			border-bottom: 0;
			text-decoration:none;
			display:block;
		}
	#navigation li.l {
		margin-right: 0;
	}
		
		
/* link, visited and active states */
#navigation li.home a {
	width: 36px;
	background-position: 0 0;
}
#navigation li.about a {
	width: 42px;
	background-position: -66px 0;
}
#navigation li.events a {
	width: 45px;
	background-position: -138px 0;
}
#navigation li.forum a {
	width: 43px;
	background-position: -213px 0;
}

/* hover and focus states */
#navigation li.home a:hover,
#navigation li.home a:focus {
	background-position: 0 -20px;
}
#navigation li.about a:hover,
#navigation li.about a:focus  {
	background-position: -66px -20px;;
}
#navigation li.events a:hover,
#navigation li.events a:focus  {
	background-position: -138px -20px;
}
#navigation li.forum a:hover,
#navigation li.forum a:focus  {
	background-position: -213px -20px;
}

#branding {
	width: 170px;
	float:left;
}
		#branding h1 a {
			height: 108px; 
			width: 170px;
			background: url(multipack-logo.gif) no-repeat top left;
			text-indent: -9999px;
			float:none;
			display:block;
		}

    #navigation li.forum {
    	background: url(navigation.active.gif) no-repeat bottom center;
    	position:relative;
    	top:1px;
    }
#Content #membertable {
  width:670px !important;
}
.SiteContainer, .Foot {
  width:900px;
  margin:0 auto;
  padding:10px;
  text-align:center;
  background: #f9f8f7;
	padding-bottom:70px;
}
.SiteContainer #Form {
  width:auto;
}
#Form .Submit {
  width:auto;
  text-align:center;
}
#Form fieldset {
  width:auto;
}
#Form .Submit input {
  float:none;
}
