body
{
	margin:		0;
	padding:	0;
	
	background-color:	#FFFFFF;
	
	font-family:	"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h1
{
	display:	none;
}

img#logo
{
	margin:		0;
	padding:	0;
	
	width:	371px;
	
	margin-left:	220px;
	margin-right:	220px;
	margin-bottom:	10px;
	margin-top:		20px;
	
	border:	0;
	
	text-align:	center;
}

div#container
{
	width:	800px;
	
	margin:		0;
	padding:	0;
	
	margin-left:	auto;
	margin-right:	auto;
	
	overflow:	hidden;
}

.navcol
{
	position:	relative;
	
	display:	block;
	
	margin:		0;
	padding:	0;
	
/*	padding-top:	10px;*/
	
	margin-top:		-5px;
	margin-left:	5px;
	margin-right:	5px;
	
	width:	190px;
	
	float:	left;
	
	text-align:	center;
	
	color:	black;
	text-decoration:	none;
	
	border-radius:	20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

/*#news.navcol
{
	background-image: 	url('images/news_off.png');
	background-repeat:	no-repeat;
	background-position:	50% 0px;
}

#adaptivemusic.navcol
{
	background-image: 	url('images/adaptivemusic_off.png');
	background-repeat:	no-repeat;
	background-position:	50% 20px;
}

#portfolio.navcol
{
	background-image: 	url('images/portfolio_off.png');
	background-repeat:	no-repeat;
	background-position:	50% 0px;
}

#aboutus.navcol
{
	background-image: 	url('images/aboutus_off.png');
	background-repeat:	no-repeat;
	background-position:	50% 10px;
}

#news.navcol:focus
{
	background-image: 	url('images/news_on.png');
}

#adaptivemusic.navcol:focus
{
	background-image: 	url('images/adaptivemusic_on.png');
}

#portfolio.navcol:focus
{
	background-image: 	url('images/portfolio_on.png');
}

#aboutus.navcol:focus
{
	background-image: 	url('images/aboutus_on.png');
}*/

img
{
	border:	0;
}

img.navheader
{
	border:	0;
	margin-bottom:	10px;
}

.navcol div.main
{
	position:	relative;
	
	margin:		0;
	padding:	0;
	
	padding-top:	15px;
	padding-left:	15px;
	padding-right:	15px;
	padding-bottom:	15px;
	
	text-align:	left;
	
	overflow:	hidden;
	
	min-height:	300px;
	
	color:	#1A1718;
	text-decoration:	none;
	
	font-size:	70%;
	
	line-height:	150%;
		
	border-radius:	25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	
	z-index:	1;
}

#news.navcol div.main
{
	background-color:	#84D47B;
}

#adaptivemusic.navcol div.main
{
	background-color:	#7BBAD4;
}

#portfolio.navcol div.main
{
	background-color:	#FFB366;
}

#aboutus.navcol div.main
{
	background-color:	#B17BD4;
}


.navcol div h2.first
{
	margin-top:	5px;
}

.navcol div h2
{
	display: block;
	
	font-family:	"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
	font-weight:	bold;
	font-size:		160%;
	
	line-height:	110%;
	
	margin:		0;
	margin-top:	2em;
	margin-bottom:	0.5em;
	padding:	0;
	
	text-decoration:	none;
	
	clear:	both;
}

.navcol div .toggle:hover, .navcol div .toggle:focus
{
	text-decoration:	underline;
	
	cursor:	pointer;
}

.navcol div p.toggle:hover, .navcol div p.toggle:focus
{
	text-decoration:	none;
}

.navcol div h3
{
	margin:		0;
	padding:	0;
		
	line-height:	170%;
	
	font-weight:	normal;
	margin-bottom:	1em;
	
	font-size:	110%;
}

.navcol div h4
{
	font-weight:	bold;
	font-size:		100%;
	
	margin-top:		2em;
	margin-bottom:	0;
}

.navcol div p
{
	font-size:	100%;
	
	display:	block;
	
	padding:	0;
	margin:		0;
	margin-bottom:	1em;
	
	padding-right:	2em;
	
	line-height:	170%;

	overflow:	hidden;
}

.navcol div p a
{	
	color:	white;
	
	font-size:	100%;
	
	padding:	0;
	margin:		0;
	
	line-height:	170%;
}

.navcol div p a:hover, .navcol div p a:focus
{
	background-color:	white;
	color:	black;
	
	padding-top:	5px;
	padding-bottom:	5px;
}

.navcol div ul
{
	list-style-type:	square;
	
	margin:		0;
	padding:	0;
	
	margin-left:	20px;
	
	font-size:	110%;
}

.navcol div ul li
{
	margin-bottom:	1em;
}

.navcol div.toggle
{
	overflow:	auto;
}

.navcol div.toggle:focus, .navcol div.toggle:hover
{
	cursor: auto;
	
	text-decoration:	none;
}

div img.left
{
	float:	left;

	margin-top:		5px;
	margin-left:	10px;
	margin-right:	10px;
	margin-bottom:	5px;
}

div img.right
{
	float:	right;
	
	margin-top:		5px;
	margin-left:	10px;
	margin-right:	20px;
	margin-bottom:	5px;
}

.navcol div .compact
{
	margin-top:	5px;
}

div#footer
{
	margin-top:	30px;
	
	padding:	5px;
	
	font-size:	75%;
	
	color:	#FFFFFF;
	
/*	background-color:	#1A1718;*/
	background-color:	#542070;
}

div#footer div
{
	margin:		0;
	padding:	0;
	
	width:	70em;
	
	margin-left:	auto;
	margin-right:	auto;
	
	text-align:	center;
}

div#footer a
{
	color:	#FFFFFF;
/*	color:	#B17BD4;*/
	
	padding:	5px;
	padding-left:	10px;
	padding-right:	10px;
	
	text-decoration:	none;
}

div#footer a:hover, div#footer a:focus
{
	background-color: #FFFFFF;
	color:	#1A1718;
	
	text-decoration:	underline;
}

div#footer span
{
	color:	#B17BD4;
	
	padding:	5px;
	padding-left:	10px;
	padding-right:	10px;
}

div#footer a.news
{
	color:	#84D47B;
}

div#footer a.news:hover, div#footer a.news:focus
{
	background-color:				#FFFFFF;
	color:	#368A2C;
}

div#footer a.adaptivemusic
{
	color:	#7BBAD4;

}

div#footer a.adaptivemusic:hover, div#footer a.adaptivemusic:focus
{
	background-color:				#FFFFFF;
	color:	#2C6E8A;
}

div#footer a.portfolio
{
	color:	#FFB366;

}

div#footer a.portfolio:hover, div#footer a.portfolio:focus
{
	background-color:				#FFFFFF;
	color:	#CB6B2F;
}

div#footer a.aboutus
{
	color:	#B17BD4;

}

div#footer a.aboutus:hover, div#footer a.aboutus:focus
{
	background-color:				#FFFFFF;
	color:	#521A75;
}

div#credits
{
	display:	block;
	
	text-align:	center;
	
/*	margin-right:	5px;*/
	margin-bottom:	5px;
	
	font-size:	70%;
	
	margin-top:	5px;

	color:	#AAA;
}

div#credits a
{
	text-decoration:	none;
	font-weight:	bold;
	
	color:	#542070;
}

div#credits a:hover, div#credits a:focus
{
	background-color:	#542070;
	color:	#FFF;
}