/* General ------------------------------------------------- */
	
	*
	{	padding: 0;
		margin: 0;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}

	body
	{
	/*	background-image: url(images/bg.gif);*/
		margin: 0 auto;
		color: #444444;
		background-repeat: repeat;
		line-height: 150%;
		font-size: 13px; 
	}

	.small
	{	font-size: .8em;
	}


	.caption
	{	font-size:.8em;
		margin:5px 0 0 0;
	}
	
	
	a:link, a:visited
	{	color: #1341C2;
		text-decoration: none;
	}
	a:hover
	{	color: #1341C2;
		text-decoration: underline;
	}

	a:focus
	{	-moz-outline: 0;
	}
	
	body.entryPage .pageTitle
	{	display: none;
	}
	
	body.entryPage .topBG
	{	background-image: url(/img/bg/bgLargeHeader.png);
	}
	
	.topBG
	{	background-image: url(/img/bg/bgHeader.png);
		background-repeat: repeat-x;
		height: 450px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: block;
	}
	
	body.entryPage .topBGCover
	{	top: 300px;
	}
	.topBGCover
	{	background-image: url(/img/bg/bg.png);
		background-repeat: repeat-y;
		height: 300px;
		position: absolute;
		top: 156px;
		display: block;
	}
	
	body, #header, .topBGCover, #mainContent, #mainNav, #splashTrio
	{	width: 800px;
	}
	
	p
	{	margin: 1em 0px;
	}
	
	ul, ol
	{	margin: 1em 0px;
		padding-left: 40px;
	}
	
	h2, h3
	{	color: #EE9600;
		text-shadow: 2px 2px 0px #FFF;
	}
	
	h2
	{	font-size: 24px;
		margin: 0 0 .5em 0;
	}	
	h4
	{	font-size: 15px;
		margin: 1em 0 0 0;
	}	

	#content h3
	{	font-size: 15px;
		color: #EE9600;
		text-shadow: 2px 2px 0px #FFF;
		padding: 0px 0px 2px 0px;
		border-color: #DBD9C5;
		border-width: 0 0 1px 0;
		border-style: solid;
		margin: 10px 0 7px 0;
		text-transform: uppercase;
	}	
		
	hr
	{	height: 1px;
		background-color: #D0BDA2;
		border-color: #FFF;
		border-width: 0;
		border-style: solid;
		margin: 0 0 1em 0;
	}

	a img
	{	border-width: 0;
	}
	
	
/* Site Title ---------------------------------------------- */


	#titleBar a
	{	top: 0pt;
		margin:0pt;
		padding:0pt;
		position: absolute;
		width: 800px; 
		height: 115px;
		background-image: url(images/titleBar_new.png);
		/* background-color: #DBA1DD;
		display: block; */
		text-indent: -3000px;
		z-index:30;
	}
	
	
	/* For Non-IE browsers */
	body > h1#titleBar
	{	/* position:fixed; */
	}


/* Tabs ---------------------------------------------------- */

	ul#mainNav {
		list-style-type: none;
		height: 40px;
		bottom:0px;
		position: fixed;
		margin: 0;
		padding: 0;
		padding-left: 0px;
	/*	background-color: #4ED3DD; */
		z-index:30;
		background-image: url(images/mainNav.png);
	}
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		z-index:30;
	/*	background-color: #4180DD;   */
	}
	#mainNav li a {
		float: left;
		display: block;
		color: #666;
		height: 40px;
		background-repeat: no-repeat;
		text-indent: -3000px;
		z-index:30;
	}

	/* All the funny repositioning with these selectors allows us to use a single image for nav and avoids having to use JavaScript */
	/* Listen button ----- */
	#mainNav li.listen a
	{	/*background-position: -200px 0;*/
		width: 266px;
		background-image: url(images/listenOff.png);
	}
	
	#mainNav li.listen a:hover
	{	/* background-position: -200px -36px; */
		background-image: url(images/listenGlow.png);
	}
/*	
	#mainNav li.listen a:active
	{	background-position: -200px -72px;
	}
	
	.listen #mainNav li.listen a
	{	background-position: -200px -72px;
	}
	
	/* Play button ----- */
	#mainNav li.play a
	{	/*background-position: -400px 0;*/
		width: 267px;
		background-image: url(images/playOff.png);
	}

	#mainNav li.play a:hover
	{	/* background-position: -400px -36px; */
		background-image: url(images/playGlow.png);
	}
/*	
	#mainNav li.play a:active
	{	background-position: -400px -72px;
	}
	
	.play #mainNav li.play a
	{	background-position: -400px -72px;
	}

	/* Support button ----- */
	#mainNav li.support a
	{	/*background-position: -800px 0;*/
		width: 267px;
		background-image: url(images/supportOff.png);
	}
	#mainNav li.support a:hover
	{	/* background-position: -800px -36px; */
		background-image: url(images/supportGlow.png);
	}
/*	#mainNav li.support a:active
	{	background-position: -800px -72px;
	}
	.support #mainNav li.support a
	{	background-position: -800px -72px;
	}
*/

/* Splash ---------------------------------------------------- */

	#playImage
	{	background-color: #5FDBDD;
		height: 240px;
		width: 267px;
		float:left;
		background-image: url(images/splash/play.jpg);
	}

	#listenImage
	{	background-color: #D8DD66;
		height: 240px;
		width: 266px;
		float:left;
		background-image: url(images/splash/listen.jpg);
	}

	#supportImage
	{	background-color: #DD58D8;
		height: 240px;
		width: 267px;
		float:left;
		background-image: url(images/splash/support.jpg);
	}

	ul#splashTrio {
		list-style-type: none;
		background-color: #FAFDEE;
		height: 40px;
		width: 800px;
		margin-top: 0px;
		padding:0px;
	}
	#splashTrio li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		z-index:1;
	/*	background-color: #4180DD;   */
	}
	#splashTrio li a {
		float: left;
		display: block;
		color: #666;
		height: 40px;
		background-repeat: no-repeat;
		text-indent: -3000px;
		z-index:1;
	}

	/* All the funny repositioning with these selectors allows us to use a single image for nav and avoids having to use JavaScript */
	/* Listen button ----- */
	#splashTrio li.splashListen a
	{	/*background-position: -200px 0;*/
		width: 266px;
		background-image: url(images/listenOff.png);
	}
	
	#splashTrio li.splashListen a:hover
	{	/* background-position: -200px -36px; */
		background-image: url(images/listenGlow.png);
	}
/*	
	#splashTrio li.splashlisten a:active
	{	background-position: -200px -72px;
	}
	
	.listen #splashTrio li.splashlisten a
	{	background-position: -200px -72px;
	}
	
	/* Play button ----- */
	#splashTrio li.splashPlay a
	{	/*background-position: -400px 0;*/
		width: 267px;
		background-image: url(images/playOff.png);
	}

	#splashTrio li.splashPlay a:hover
	{	/* background-position: -400px -36px; */
		background-image: url(images/playGlow.png);
	}
/*	
	#splashTrio li.splashplay a:active
	{	background-position: -400px -72px;
	}
	
	.play #splashTrio li.splashplay a
	{	background-position: -400px -72px;
	}

	/* Support button ----- */
	#splashTrio li.splashSupport a
	{	/*background-position: -800px 0;*/
		width: 267px;
		background-image: url(images/supportOff.png);
	}
	#splashTrio li.splashSupport a:hover
	{	/* background-position: -800px -36px; */
		background-image: url(images/supportGlow.png);
	}
/*	#splashTrio li.splashsupport a:active
	{	background-position: -800px -72px;
	}
	.support #splashTrio li.splashsupport a
	{	background-position: -800px -72px;
	}
*/


/* Content ------------------------------------------------- */

	body.entryPage #mainContent
	{	top: 0px;
		padding-top: 55px;
		padding-left: 15px;
	}
	
	#mainContent
	{	position: absolute;
		top: 0px;
		padding-top: 120px;
/*	 	background-color: #FDFAF2;	*/
		background-color: #FFF;
		padding-bottom: 100px;
/*		border-left: 1px solid #000000;
		border-right: 1px solid #000000; */
		min-height: 100%;
	}	
	
	#content
	{	width: 540px;
		margin: 0 30px 40px 234px;
	/**	background-color: #E7E08B; */
	}
	
	.extendedContent > p:first-child
	{	border-color: #D0BDA2;
		border-width: 1px 0 0 0;
		border-style: solid;
		margin-top: 1em;
		padding-top: 1em;
	}

		
	
/* Sidebar ------------------------------------------ */

	body.entryPage #sidebar {
		top: 300px;
	}
	#sidebar {
		width: 194px;
		margin-left: 20px;
		float: left;
		font-size: 12px;
	}
	
	ul#subNav {
		list-style-type: none;
		margin: 0;
		padding: 0;
		
	}
	ul#subNav li {
		margin: 0;
		padding: 0;
		}
	ul#subNav li a {
		padding: 3px 3px 3px 23px;
		text-decoration: none;
		display: block;
	}
	
	
	ul#subNav ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	ul#subNav li ul li {
		margin: 0;
		padding: 0;
		}
	ul#subNav li ul li a {
		padding-left: 39px;
		background-image: url(/img/bg/subSubLinkBG.png);
		background-position: 28px 50%;
		background-repeat: no-repeat;
	}
	
	/* Sidebar Content  --------------------------------------- */
	
	body.home #sidebarContent
	{	border-width: 0;
		padding: 0;
		margin: 0 0 1em 0;
	/**	background-color: #FA89B7; */
	}
	#sidebarContent
	{	margin: 1em 0;
		padding: 1em 0 0 0;
		font-size: .95em;
		line-height: 1.4em;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #D0BDA2;
	}

	
	/* Round Group Boxes  --------------------------------------- */
			
		/* General*/	
		.roundtl, .roundtr, .roundbl, .roundbr
		{	background-repeat: no-repeat;
			background-position: 0 0;
		}
		div.highlighted, div.highlighted:hover
		{	background-color: #B2CCD5 !important; 
		}

		.roundtl
		{	background-position: left top;
		}
		.roundtl:hover
		{	background-color: #94D0F0;
		}
		.roundtr
		{	background-position: right top;
		}
		.roundbl
		{	background-position: left bottom;
		}
		.roundbr
		{	background-position: right bottom;
		}
		
	/* sidebarNews ---------------------------------------*/
		
		.sidebarNews {
			margin: 0pt 1em 1em 1em;
		}
		.sidebarNews h3 {
			margin: 0;
		}
		.sidebarNews p {
			margin: 0;
		}
		.sidebarNews .entry {
			margin: 0 0 1em 0;
		}
		.sidebarNews h4 {
			margin: 0;
			font-size: 1em;
		}
		
			
/* Footer ------------------------------------------ */

	#footer {
		margin: 0 0 3em 20px;
		display: block;
		padding: 7px 0 0 0;
		width: 760px;
		background-image: url();
		background-repeat: no-repeat;
		background-position: center top;
		border-color: #DBD9C7;
		border-width: 1px 0 0 0;
		border-style: solid;
		text-align: center;
		clear: both;
	}


/* Misc ------------------------------------------ */

	.imgRight {
		float: right;
		margin: 0 0 .5em 1em;
	}
	.imgLeft {
		float: left;
		margin: 0 1em .5em 0;
	}
	
	.imgBorder {
		border-color: #D4C9A4;
		border-width: 1px;
		border-style: solid;
		background-color: #FFF;
		padding: 5px;
	}