/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/


* {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#hd {
	position: relative;
	background-color: #b2ef76; /* light green */
	background-image: url('../images/masthead.jpg');
	background-repeat: no-repeat;
	height: 145px;
	width: 890px;
	}
body {
	background-color: #3E92BD; /* blue */
	background-image: url('../images/bgGradient1.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	text-align:center;
	}

#ft {
	clear:both;
	background-color: #B2EF77;
	height: 20px;
	background-image: url('../images/bg_bottom.gif');
	}
#doc {
	position: relative; /* DAVE */
}
#doc,.yui-t2 {
	margin:auto;text-align:left;
	/*width:37.69em; /* was 57.69em */
	/**width:36.3em; /* was 56.3em */
	min-width:890px; /* was 750 */
	width: 890px;
	}

/* PROBLEM MIGHT BE HERE IE6 - menu is there, but behind background color/background of content area */

.yui-b { position:relative; }
.yui-b { _position:static; } /* for IE < 7 */
#yui-main .yui-b{ position:static; } 
#yui-main .yui-b { z-index: -1; }
#menu .yui-b { z-index: 1000; }
#yui-main {
/* DAVE */
	width:100%;
	background-color: white;
	background-image: url('../images/mainBack.gif');
	background-repeat: repeat-y;
	background-position: left;
	}
/* #yui-main { width:600px; } */
.yui-t2 #yui-main {
	float:right;
	margin-left:-25em;/* IE: preserve layout at narrow widths */
	}
/* IE 6 ----------- */
* html .yui-t2 #yui-main {
	margin-left: -25em;
}
.yui-t2 .yui-b {
	float:left;
    /*width:13.8456em;*width:13.512em;*/
	}
.yui-t2 #yui-main .yui-b {
    /*margin-left:14.8456em;
	*margin-left:14.512em;*/
	margin-left: 195px;
	}
#yui-main .yui-b {
	float:none;
	/* width:auto; */
	width: 600px;
	padding: 0px 30px 20px 30px;
	}

#bd:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
#bd {
	zoom:1;
	background-color:white;
	background-color: #B2EF77;
	}
* html #menu { /* MENU FIX for IE6 */
	position: absolute;
	z-index: 1000;
	left: 5px;
	top: 150px;
	/*background-color: red;
	height: 100px;
	width: 100px;*/
}
#menu ul {
	list-style: none;
	display: block;
	}
#menu li a:link, #menu li a:visited {
	color: #376f01; /* dark green */
	padding: 8px 0px 8px 20px;
	margin-left: 10px;
	display: block;
	width: 160px;
	text-decoration: none;
	font-weight: 700;
	}
/* IE 6 ----------- */
* html #menu li a:link, * html #menu li a:visited {
	margin-left: 5px;
	}
#menu li a:hover, #menu li a:active {
	background-image: url('../images/menuOver.jpg');
	background-repeat: repeat-y;
	color: white;
	cursor: hand;
}
/* This is the style for whichever page you're on */
#menu li a.at {
	color: #FFFFFF !important;
	background-image: url('../images/menuAt.jpg');
	cursor: auto;
}

h1 {
	font-weight: 900;
	font-size: 16px;
	color: #2D81AC;
	}
h2 {
	font-weight: 800;
	font-size: 14px;
	color: #2D81AC;
	}
h3 {
	font-weight: 700;
	font-size: 12px;
	color: #0A5079;
	}
a:link, a:visited {
	font-weight: 700;
	text-decoration: none;
	color: #1C80AC;
}
a:hover, a:active {
	color: #095079;
}
	
ul#links li { /* for the links page */
	list-style: none;
	padding: 5px 5px 5px 20px;
	}


#subscriptionForm {
	font-size: 11px;
	color: #2D81AC; /* blue */
	display: block;
	height: 97px;
	width: 142px;
	background-image: url('../images/menuFormBack.gif');
	background-repeat: no-repeat;
	margin: 30px 0px 10px 20px;
	padding: 10px;
	}
/* IE 6 ----------- */
* html #subscriptionForm {
	/*width: 158px;*/
	margin: 15px 0px 5px 15px;
	}
#subscriptionForm input {
	/*margin: 5px 0px;*/
	}
/* IE 6 ----------- */
* html #subscriptionForm input {
	/*margin: 2px 0px;*/
	}
#goldfish {
	background-image: url('../images/goldfish.gif');
	display: block;
	width: 49px;
	height: 40px;
	position: absolute;
	top: 90px;
	left: -80px;
}

#featuredItem {
	background-image: url('../images/featuredBack.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 190px; /* 230-padding */
	width: 151px; /* 167-padding */
	text-align: center;
	padding: 35px 8px 5px 8px;
	margin: 0px 20px 10px 0px;
}
#featuredItem a:link, #featuredItem a:visited {
	text-decoration: none;
	color: #3E92BD; /* blue */
	font-size: 10px;
}
#featuredItem a:hover, #featuredItem a:active {
	text-decoration: underline;
}
#featuredItem a img {
	border: 0px;
	padding-bottom: 4px;
}

.links li {
	list-style: none;
	padding: 8px 0px 0px 20px;
	color: #333333;
}
.links a:link, .links a:visited {
	font-weight: 800;
	text-decoration: none;
	color: #1C80AC;
}
.links a:hover, .links a:active {
	color: #095079;
}

.sectionThumb {
	/*position: relative;*/
	vertical-align: middle;
	text-align: center;
	/*padding: 12px;*/
	float: left;
	width: 200px;
	height: 200px; /*was 190 */
	margin-bottom: 25px;
	/*border: 2px solid #3E92BD;
	background-color: white;*/
	}
.sectionThumb a:link, #sectionThumb a:visited {
	/*display: block;*/
	/*height: 100%;
	width: 100%;*/
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	}
.sectionThumb a:hover, #sectionThumb a:active {
	/*text-decoration: underline;*/
	}
.sectionThumb a img {
	border: 0;
	text-decoration: none;
	margin-bottom: 5px;
	}

.videoThumb {
	width: 130px;
	margin: 10px;
	height: 130px;
	float: left;
}
.videoThumb a:link img {
	border: 4px solid #6FC5EF; /* light blue */
	}
.videoThumb a:visited img {
	border: 4px solid #1C709B; /* dark blue */
	}
.videoThumb a:hover img, .videoThumb a:active img {
	border: 4px solid #B2EF77; /* green */
	}
	
#video {
	padding: 8px;
	background-color: #3E92BD; /* blue */
	text-align: center;
	width: 441px;
	margin: 40px auto;
	border: 2px solid #0B508A; /* dark blue */
	color: white;
	}
.videoTitle {
	font-size: 18px;
	font-weight: 700;
	color: white;
	}
.videoThumbTitle {
	font-size: 10px;
	color: #222222;
	}
.videoDetails {
	font-size: 10px;
	}
.videoThumbDetails {
	font-size: 9px;
	color: #999999;
	}
#newBox {
	display: block;
	height: 174px;
	width: 567px;
	background-image: url('../images/newBox.jpg');
	background-repeat: no-repeat;
	padding: 15px;
	position: relative;
	}
#newBox h1 {
	color: white;
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 3px;
	}
#newBox .text {
	/*text-align: justify;*/
	color: #fbfaff;
	line-height: 1.4;
	}
#newBox .image {
	position: absolute;
	right: 30px;
	top: 20px;
	}
#homeText {
	/*text-align: justify;*/
	}
.artistBox {
	text-align: center;
	position: relative;
	background-image: url('../images/artistBox.jpg');
	padding: 12px;
	height: 170px; /* img height = 194 */
	width: 119px; /* img width = 143 */
	margin: 0px 20px 20px 0px;
	float: left;
	}
.artistBox .name {
	color: #b2ef76;
	font-size: 14px;
	font-weight: 700;
	}
.artistBox .artistPhoto {
	margin-bottom: 4px;
}
.artistBox .medal {
	position: absolute;
	top: -5px;
	left: -10px;
	width: 40px;
	height: 40px;
}
#artistDetails {
	position: relative;
	background-image: url('../images/artistInfoBox.jpg');
	padding: 20px;
	height: 158px; /* img height = 198 */
	width: 557px; /* img width = 597 */
	}
#artistDetails .name {
	color: #b2ef76;
	font-size: 15px;
	font-weight: 800;
	}
#artistDetails .bio {
	text-align:justify;
	color: #eeffdd;
	font-size: 11px;
	}
#artistDetails .bio a:link, #artistDetails .bio a:visited {
	color: #afe974;
	}
#artistDetails .bio a:hover, #artistDetails .bio a:active {
	color: #afe974;
	text-decoration: underline;
	}
#artistDetails .medal {
	position: absolute;
	bottom: -15px;
	left: -15px;
	width: 89px;
	height: 88px;
}
.artistPhoto {
	border: 2px solid #b2ef76;
	}
#footerMenu {
	margin: 0px auto;
	text-align: center;
	}
#footerMenu li {
	float: left;
	margin: 40px 10px 6px;
	list-style: none;
	}
#footerMenu li a:link, #footerMenu li a:visited {
	font-size: 10px;
	color: #80AC64;
	text-decoration: none;
	}
#footerMenu li a:hover, #footerMenu li a:active {
	color: #80AC64;
	}