/* CSS Document */

body{
		font: 62.5% 'Lucida Grande', Arial, sans-serif;
		color: #fff;
	    background: #000000;
		margin: 0; padding: 0;
		text-align: left;
	}
#page {
		background: #000000;
		text-align: left;
		margin: 0 auto;
		padding: 0 0 20px;
		position: relative;
		width: 900px;
		border: none;
		border-top: none;
	}
#wrapper{
		line-height: 1.6em;
		margin: 0 auto;
		text-align: left;
		width:900px;
		}
#header {
		padding: 0 0 0 0;
		margin: 0 0 0 40px;
		position: relative;
		width: 800px;
		height: 165px;
		background: url("http://www.nielbrooks.com/testing/newimages/head6.jpg") no-repeat center;
	}
#footer {
		padding: 0 0 0 0;
		margin: 0 0 0 40px;
		position: relative;
		width: 800px;
		height: 43px;
		clear: both;
		background: url("http://www.nielbrooks.com/testing/newimages/footer1.jpg") no-repeat center;
		}
#menuBar {
		background: #000;
		position: relative;
		height: 30px;
		width: 700px;
		margin: 25px 0 12px 0;
		clear: both;
		}
#menuBarLinks {
		background: #ccc;
		height: 30px;
		width: 700px;
		background: url("http://www.nielbrooks.com/testing/images/menu_bar7.jpg") no-repeat center;
		margin: 0 0 0 -25px;
		clear: both;		
		}
#menuBarContact {
		background: #ccc;
		height: 30px;
		width: 700px;
		background: url("http://www.nielbrooks.com/testing/images/menu_bar7.jpg") no-repeat center;
		margin: 0 0 0 -25px;
		clear: both;
		}
#content {
		font-size: 1.2em;
		line-height: 1.6em;
		text-align: justify;
		width: 500px;
		background: #000000;
		clear: none;
		padding: 35px 25px 2em 35px;
		margin: 0 0 0 150px;
		float: left;
	}
	

#nav
	{
		display: block;
		height:30px;
		width: 700px;
		padding:0;
		clear: both;
		text-align: left;
		position: absolute;
		margin: 15px 0 0 40px;
		}
#nav li
		{
			display:inline;
			list-style-type:none;
			margin:0 2em 0 0;
			height:30px;
			float: left;
			}
#nav li a
			{
				height:30px;
				float: left;
				padding: 0;
				text-decoration:none;
				text-indent: -10000px;
				outline:none;
				border-bottom: none;
			}
			#nav #biography, #nav #biography a{ background:url("http://www.nielbrooks.com/testing/menu/nav-bio.gif") no-repeat top left transparent; width: 140px; }
			#nav #shows, #nav #shows a{ background:url("http://www.nielbrooks.com/testing/menu/nav-calendar.gif") no-repeat top left transparent; width: 120px;}
			#nav #media, #nav #media a{ background:url("http://www.nielbrooks.com/testing/menu/nav-media.gif") no-repeat top left transparent; width: 68px;}
			#nav #links, #nav #links a{ background:url("http://www.nielbrooks.com/testing/menu/nav-links.gif") no-repeat top left transparent; width: 63px;}
			#nav #contact, #nav #contact a{ background:url("http://www.nielbrooks.com/testing/menu/nav-contact.gif") no-repeat top left transparent; width: 103px;}
			#nav #journal, #nav #journal a{ background:url("http://www.nielbrooks.com/testing/menu/nav-journal.gif") no-repeat top left transparent; width: 16px;}
			

			#nav #biography a:hover,#biography-page #nav #biography a{ background:url("http://www.nielbrooks.com/testing/menu/nav-bio-over.gif") no-repeat top left transparent; width: 140px;}
			#nav #shows a:hover,#shows-page #nav #shows a{ background:url("http://www.nielbrooks.com/testing/menu/nav-calendar-over.gif") no-repeat top left transparent; width: 120px;}
			#nav #media a:hover,#media-page #nav #media a{ background:url("http://www.nielbrooks.com/testing/menu/nav-media-over.gif") no-repeat top left transparent; width: 68px;}
			#nav #links a:hover, #links-page #nav #links a{ background:url("http://www.nielbrooks.com/testing/menu/nav-links-over.gif") no-repeat top left transparent; width: 63px;}
			#nav #contact a:hover, #contact-page #nav #contact a{ background:url("http://www.nielbrooks.com/testing/menu/nav-contact-over.gif") no-repeat top left transparent; width: 103px;}
			#nav #journal a:hover, #journal-page #nav #journal a{ background:url("http://www.nielbrooks.com/testing/menu/nav-journal-over.gif") no-repeat top left transparent; width: 16px;}
			
	
	

h2 {
		font: 1.4em Helvetica, Arial, sans-serif;
		font-weight: normal;
		color: #996600;
		text-align: left;
		padding: 1em 0 0 0;
		margin: 0 0 -12px 0;
	}
.blockh2 {
		background-color:#333;
		height: 22px;
		width: 75px;
		display: block;
		padding: 5px 25px 0 25px;
		}
.blockh2l {
		background-color:#555;
		height: 22px;
		width: 75px;
		display: block;
		padding: 5px 25px 0 25px;
		}
.blockh2d {
		background-color:#111;
		height: 22px;
		width: 75px;
		display: block;
		padding: 5px 25px 0 25px;
		}
h3 {
		font: 1.3em Helvetica, Arial, sans-serif;
		text-align: left;
		padding: 0 0 0 90px;
		margin: 0 0 .2em 0;
	}
p {
		text-align: justify;
		padding-bottom: .7em;
	}
.yellow {
		color:#996600;
		}
.darkgray {
		background-color:#333;
		display: block;
		padding: 12px 25px 15px 25px;
		}
.lightgray {
		background-color:#555;
		display: block;
		padding: 12px 25px 15px 25px;
		}
.dark {
		background-color:#111;
		display: block;
		padding: 12px 25px 15px 25px;
		}
.right {
		float: right;
		padding: 25px 80px 0 0;
		}
.important {
		font-style: italic;
		font-weight: bold;
		}
.title {
		color: #27d;
		}
.audio {
		float: right;
		}
.red 	{
		color: #FF0000;
		}
.torange {
		color: #996600;
		}
.head a {
	border-bottom: none;
	}
#ind {
		float: left;
		clear: left;
		}
img.imgL {
		float: left;
		margin: .3em 1em 1em 0;
		border: 1px solid #666;
		padding: 5px;
	}
img.imgLp {
		float: left;
		margin: .3em 3.5em 1em 0;
		border: none;
		padding: 5px;
	}
img.imgLm {
		float: left;
		margin: 0 0 0 0;
		border: none;
		padding: 0;
	}
img.imgR {
		float: right;
		margin: .3em 0 1em 1.5em;
		border: 1px solid #666;
		padding: 5px;
	}
img.imgRp {
		float: right;
		margin: .3em 0 1em 3.5em;
		border: none;
		padding: 5px;
	}
img.imgC {
		float: left;
		margin: 0;
		border: none;
		padding: 0 1em 0 0;
		}
img.imgcenter {
		display:block;
		margin-left:auto;
		margin-right:auto;
		}
a, a:visited, a:active {
		text-decoration: none;
		border-bottom: dotted #ccc 1px;
		color: #fff;
	}	
a:hover {
		border-bottom: dotted #fff 1px;
		color: #996600;
		}
#break {
		padding: 0;
		margin: 40px 0 20px 0;
		height: 1px;
		background: url("images/hrf.gif") repeat center;
		clear: both;
		}
#breakp {
		padding: 0;
		margin: 20px 0 20px 0;
		height: 1px;
		background: url("images/hrf.gif") center;
		clear: both;
		}

fieldset {
		border: none;
		padding: 1.2em 1.2em 1.2em 0;
		margin: 0 0 1em 0;
		width: 200px;

	}
legend {
		color: #27d;
		font-size: 1.1em;
		text-align: left;
	}
label {
		display: block;
		color: #777;
		margin: .5em 0 0 0;
	}
#leftColumn {
		float: left; 
		width: 200px; 
		padding: 0 0 0 160px;
		}
#rightColumn {
		float: left; 
		width: 200px; 
		padding: 0 0 0 25px;
		}
#contactleftColumn {
		float: left; 
		width: 200px;
		padding: 0 0 0 30px; 
		}
#contactrightColumn {
		float: left; 
		width: 200px; 
		padding: 0 0 0 30px;
		}
#audio {
		float: right;
		}