/*	CSS "Styles" Document
	E4 Media Group	*/
	
/*	Always Include:	
	
	These styles do the following:
		* - Removes padding and margin from ALL elements, must be added back
				for elements that normally have it included, such as 'p' or
				'h1' tags.  Note: Standard padding can generally be substituted
				for 1em or 10-12 pixels, top and bottom for normal text, sides
				as well for lists.
		img - Removes IE spacing around images.  Images must be returned to inline
				in situations where they are required to fit in with text.
		a: - Fixes a problem in FF3 where a small dot appears at the top left corner
				of an image on a page.
		a - Removes underlining from all links on a page, can be added back in in
				specific instances where it is needed. 
		.clear - Used in every document with a float for IE6 compatibility, added 
				here because it is so ubiquitous.*/

	* {
		padding: 0;
		margin: 0;
	}
	
	img {
		border: none;
		display: block;
	}
	
	a:focus, a:hover, a:active {
		outline: none;
	}
	
	a {
		text-decoration: none;
	}
	.clear {
		clear: both;
	}

/*	End Always Include	*/

/*	Base Tags	*/

	body {
		background: url(images/jpgs/bodybg.jpg) #e9ebec top left repeat-x;
	}

/*	End Base Tags	*/

/*	Structure	*/
	
	#container {
		width: 805px;
		margin: 10px auto 0 auto;
		background: #ffffff;
	}
		#header {
			width: 805px;
			height: 100px;
			background: url(images/pngs/headerbg.png) #ffffff top left no-repeat;
			text-align: center;
		}
		#nav {
			width: 805px;
			height: 28px;
			padding: 5px 0 0 0;
			background: #c8c9ca;
			text-align: center;
		}
		#picleft {
			width: 400px;
			float: left;
			display: inline;
			text-align: center;
		}
		#picright {
			width: 400px;
			float: right;
			display: inline;
			text-align: center;
		}
		#content {
			width: 805px;
			background: url(images/pngs/contentbg.png) #ffffff top left no-repeat;
			overflow: hidden;
			font: 12px Tahoma, Arial, Helvetica, sans-serif;
			color: #363633;
		}
	#footer {
		width: 805px;
		margin: 20px auto;
	}

/*	End Structure	*/

/*	Important Elements	*/

	/*	Header	*/
		#header img {
			display: inline;
			margin: 28px 0 0 0;
		}
	/*	Nav	*/
		#nav a {
			font: bold 14px Arial, Helvetica, sans-serif;
			color: #282828;
			padding: 5px;
			margin: 20px 5px;
		}
		#nav a:hover {
			color: #5f5f5f;
		}
		#nav ul {
			list-style: none;
		}
		#nav li {
			display: inline;
			position: relative;
			white-space: nowrap;
		}
		#nav ul li ul {
			border:1px solid white;
			display: none;
			left:0;
			position:absolute;
			top:1.5em;
			background-color: #C8C9CA;
		}
		#nav ul li ul li {
			display: block;
		}
	/* Pic Left and Pic Right	*/
		#picleft .logo, #picright .logo {
			display: inline;
			margin: 10px;
		}
	/*	Content	*/
		#content p {
			font: 12px Tahoma, Arial, Helvetica, sans-serif;
			color: #363633;
			line-height: 2.25;
			margin: 1em 16px;
		}
		#content ul {
			margin: 1em 46px;
		}
		#content ul li {
			line-height: 1.5;
		}
		#content a {
			color: #363633;
			font-weight: bold;
		}
		#content img {
			display: inline;
		}
	/*	Footer	*/
		#footer p {
			font: 10px Arial, Helvetica, sans-serif;
			text-align: center;
			line-height: 1.75;
			color: #363633;
		}
		#footer .big {
			font: bold 11px Arial, Helvetica, sans-serif;
		}
		#footer .bold {
			font: bold 11px Arial, Helvetica, sans-serif;
		}
		#footer a {
			color: #363633;
		}
		#footer a.e4 {
			color: green;
			font-weight: bold;
		}

/*	End Important Elements	*/

/*	Classes

	This section is for non-specific classes.  Classes associated with important elements will
		generally be located with the elements group.	*/
	
	
/*	End Classes	*/