/*	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. */

	* {
		padding: 0;
		margin: 0;
	}
	
	img {
		border: none;
		display: block;
	}
	
	a:focus, a:hover, a:active {
		outline: none;
	}
	
	a {
		text-decoration: none;
	}
	body {
		font: 12px Arial, Helvetica, sans-serif;
		color: #626262;
	}

/*	End Always Include	*/

/*	Base Tags	*/


/*	End Base Tags	*/

/*	Structure	*/
	
	#container {
		width: 800px;
		margin: 0 auto;
	}
		#header {
			width: 800px;
			height: 262px;
		}
		.left {
			width: 230px;
			float: left;
			display: inline;
			padding: 5px 0 0 0;
		}
		.right {
			width: 570px;
			float: right;
			display: inline;
			padding: 5px 0 0 0;
		}
		#footer {
			background: url(images/pngs/footerbg.png) top left no-repeat;
			margin: 10px 0;
			padding: 20px 0 0 0;
		}


/*	End Structure	*/

/*	Important Elements	*/
	
	/*	Box Header	*/
		.boxheaderleft {
			height: 27px;
			background: url(images/pngs/boxheaderleft.png) top left no-repeat;
		}
			.boxheaderleft h1{
				font: bold 14px Arial, Helvetica, sans-serif;
				color: #ffffff;
				padding: 5px 0 0 10px;
			}
		.boxheaderright {
			height: 27px;
			background: url(images/pngs/boxheaderright.png) top right no-repeat;
			margin: 10px 0;
		}
	
	/*	Left	*/
		.nav ul {
			list-style: none;
			padding: 15px 15px 0 30px;
		}
			.nav li a {
				font: 14px Arial, Helvetica, sans-serif;
				color: #828282;
				display: block;
				padding: 0 0 8px 0;
			}
			* html .nav li a {
				height: 14px;
				padding: 4px 0;
			}
			.nav li.current a, .nav li a:hover {
				font-weight: bold;
				color: #a34f4f;
			}
			.nav li.current, .nav li:hover {
				list-style-image: url(images/pngs/navarrow.png);
				list-style-position: outside;
			}
	
	/*	Right	*/
		.contentbox {
			margin: 0 15px;
		}
			.contentbox p {
				line-height: 19px;
				margin: 0 5px;
			}
		#rleft {
			width: 262px;
			float: left;
			display: inline;
			margin: 0 0 0 15px;
		}
		#rright {
			width: 262px;
			float: right;
			display: inline;
			margin: 0 15px 0 0;
		}
		#rleft p, #rright p {
			margin: 5px;
		}
		#rleft a, #rright a {
			text-decoration: underline;
			color: #a34f4f;
		}
	
	/*	Footer	*/
		#footer p {
			font: 10px Arial, Helvetica, sans-serif;
			color: #959595;
			padding: 0 0 0 10px;
		}
		#footer a {
			color: #3a7296;
		}

/*	End Important Elements	*/

/*	Classes

	This section is for non-specific classes.  Classes associated with important elements will
		generally be located with the elements group.	*/
	
	.clear {
		clear: both;
	}
	
/*	End Classes	*/

.allin img {
	display: inline;
}