/* layout and nav */

		body, html

		{
			margin: 0;
			padding: 0;
		}		

#header, #footer{
/*	background-color:#333;*/
	margin:0 0;
}
#container{
/*	background-color:#fcfcfc;*/
	overflow:hidden;
	margin:0 0;
	padding-right:186px; /* The width of the rail */
padding-left:0;
}
* html #container{
	height:1%; /* So IE plays nice */
}
#content{
	/*background-color:#fefefe;*/
	width:100%;
	border-right:186px solid #111; /* The width and color of the rail */
	margin-right:-186px; /* Hat tip to Ryan Brill */
	float:left;

margin-left:0;
border-left:none;
}
#nav{
	background-color:#111;
	width:186px;
	float:left;
	float:right;
	margin-right:-186px;
	display:inline; /* So IE plays nice */

margin-left:0;
}

#pagetitle, #contentbody {padding:0 1em;}
#urhere {padding-right: 1em !important; /*margin-bottom:-1px !important;*/}
/*#nav {margin-top:-1px !important;}*/

	#wrapper
		{
			background-image: url(http://www.thewho.net/whotabs/sitefiles/brdrbg.gif);
			background-repeat: repeat-y;
		}
		#banner
		{
			border-bottom: 1px solid #333;
			background-image: url(http://www.thewho.net/whotabs/sitefiles/banner.gif);
			background-repeat: repeat-y; 
			background-position: left;
			background-color: #333 !important;
			clear:both; 
			display:block; 
			min-height:88px;
	}




/*carry overs */
/* layout and nav */


		#wrapper
		{
			background-position: right;
		}
		

		
		#nav
		{
		}

		#content
		{

		}
		



		
	#nav li {
		list-style-type: none;
		}

	#nav li li a {
		padding: 4px 0.5em 4px 5px;
		border-left: 5px solid #111;
		}

div#nav ul li strong {
margin-right: 0;
}

	#nav li li a:hover {
border-left:5px solid #F00;
border-bottom: 1px solid #666666;
border-right: none;
background-color: #333;
		}

#nav li li a:active {
border-left:5px solid #F00;
border-right:none;
}

html>#nav li li a:active {
border-left:5px solid #F00;
border-right: none;
}



#banner {background-color:#000;}




.topreference {
		margin-right: 1em;
	margin-left: 0em;
}



div.secd h2 /* for sectioned pages -right fix */ {
clear:none; clear:both;}

div.secd h2:first-child {
	clear: none;
}

div.photogallery {clear:left !important;}





@media screen and (max-width: 780px) {


#nav {float:left; float:none !important; width: 100%; display:block; margin:0 !important; /*position:absolute; padding:0 !important;*/ height:auto !important; /*min-height: 1.5em;*/clear:both; position:relative; z-index:10;

border-bottom: 1px solid #333 !important;
}
#nav ul {display:block !important; width:100% !important; margin:0 !important; min-height:1.25em; float:none !important;}

#nav:after, #nav:before {display:block; content:"."; clear:both; height:0; visibility:hidden;}
#nav ul ul {min-height:0;}

}