/* 
	Treasure Coast Percussion Camp Style 1
	Cy Barlow, Feb 2007
*/

/* Structure and basics */
	*
	{
		margin: 0; padding: 0; border: 0;
	}
	body, html
	{
		color: #eeeeee;
		font-family: Helvetica, Arial, sans-serif;
		background: #000000 url(../images/head_background.gif) top left repeat-x;
		text-align: center;
		font-size: .95em;
	}
	p, li
	{
		line-height: 1.1em;
	}
	#container
	{
		width: 775px;
		margin: 0 auto;
		min-height: 600px;
		text-align: left;
		background-color: #000000;
	}
	* html #container
	{
		height: 600px; /* faking min-height for IE's lack of min-height support */
	}
	#header
	{
		background: #fff url(../images/head_tcpc.gif) top left no-repeat;
		height: 144px;
		overflow: hidden;
	}
	.outer
	{
		padding-left: 165px;
		background-color: #cccccc;
		min-height: 600px;
	}
	
		.inner
		{
			width: 775px;
			min-height: 600px;
/* background-color: orange; */
		}
		* html .inner
		{
			width: 100%;
		}		
			.float-wrap
			{
				float: left;
				width: 775px;
				margin-left: -165px;  /* negative match of .outer */
			}
				#content-wrap
				{
					float: left;
					width: 561px;
					min-height: 600px;
				}
				* html #content-wrap
				{
					position: relative;
					height: 600px;
				}
					.content-home, .content-about, .content-program, .content-contact, .content-sponsor, .content-clinicians, .content-enroll, .content-edit
					{
						padding: .5em;
						min-height: 600px;
					}
				#nav-home, #nav-about, #nav-program, #nav-contact, #nav-sponsor, #nav-clinicians, #nav-enroll, #nav-edit
				{
					float: right;
					width: 214px;
					background: #cccccc; 
					min-height: 200px; 
					/* padding: .5em; */
					text-align: center;
				}
				* html #nav
				{
					position: relative;
				}
	
	#footer
	{
		width: 775px;
		margin: 0 auto;
		text-align: center;
		background-color: #111111;
	}
	
	.clear { clear: both; }

/* style differences per section */
	#nav-home li, #nav-about li, #nav-program li, #nav-contact li, #nav-sponsor li, #nav-clinicians li, #nav-enroll li, #nav-edit li
	{
		
		line-height: 2.5em;
		list-style-type: none;
		display: block;
		border-bottom: 1px dotted #000;
	}
	#nav-home a, #nav-about a, #nav-program a, #nav-contact a, #nav-sponsor a, #nav-clinicians a, #nav-enroll a, #nav-edit a
	{
		display: block;
		text-decoration: none;
		font-weight: bold;
		color: #000000;	
	}
	#nav-home a:hover, #nav-about a:hover, #nav-program a:hover, #nav-contact a:hover, #nav-sponsor a:hover, #nav-clinicians a:hover, #nav-enroll a:hover, #nav-edit a:hover
	{
		color: #cccccc;
	}
/* structuring the header */
	#header img
	{
		float: left;
	}
	#header h1
	{
		display: none;
	}
	#header h2
	{
		margin-top: 110px;
		font-size: 1.4em;
		color: #666666;
	}
/* styling the footer */
	#footer
	{
		padding: 4px 0;
		color: #313131;
		font-size: .75em;
	}
	#footer a
	{
		text-decoration: none;
		font-weight: bold;
		color: #333333;
	}
/* styling content */
	.message
	{
		color: #ccff00;
		font-weight: bold;
	}
	#content-wrap h1
	{
		padding: .5em 0;
	}
	#content-wrap h2
	{
		padding-top: .5em;
	}
	#content-wrap p
	{
		padding: 1em;
	}
	#content-wrap blockquote
	{
		padding: 1em; margin: 0 5em;
		border: 1px solid #eeeeee;
		background-color: #222222;
		font-size: 1.1em;
		text-align: center;
	}
	#content-wrap ul
	{
		margin-left: 2em;
		list-style-type: none;
	}
	#content-wrap li
	{
		padding-bottom: 3px;
	}
	#content-wrap ul li:before
	{
		color: #aaa;
		content: "\00BB \0020";
	}
	#content-wrap a
	{
		text-decoration: underline;
		font-weight: bold;
		color: #cccccc;
	}
	h2
	{
		margin-bottom: 12px;
	}