/* CSS designed by Jesse Barros */

/* Reset */
a, body, div, h1, h2, h3, h4, h5, h6, img, span {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: justify;
}
/* Links */
#content a:link, #content a:visited {
	color: #0073a9;
	outline: none;
	text-decoration: underline;
}
#content h3 a:link, #content h3 a:visited {
	color: #000;
	text-decoration: none;
}
#content a:hover, #content h3 a:hover {
	color: #7bccf0;
	outline: none;
	text-decoration: underline;
}
#content a:active, #content h3 a:active {
	color: #7bccf0;
	outline: none;
	text-decoration: underline;
}
body {
	background: #3c2d19 url(https://www.ksbe.edu/images/songcontest/2009/bg.png) top left repeat-x;
	text-align: center;  /* Hack for IE 6 */
}
p {
	margin: 18px 0 0;
}
#content {
	padding: 18px 13px;
	position: relative;
}
#content h2, #content h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 18px;
}
#content h2 {
	background: transparent url(https://www.ksbe.edu/images/songcontest/2009/accent.gif) top center no-repeat;
	margin-top: 36px;
	padding: 18px 0;
	text-align: center;
}
#content h3 {
	font-weight: bold;
}
#page-menu {
	font-weight: bold;
	text-align: center;
}
#watch {
	/* background: transparent url(https://www.ksbe.edu/images/songcontest/2009/grid.gif) -12px 0 repeat-y; */
	height: 261px;
	padding-bottom: 9px;
	overflow: auto;
}
#replay {
	float: left;
	margin-right: 14px;
	width: 434px;
}
#replay p {
	margin: 0;
	padding: 0;
}
#replay .ended {
	font-weight: bold;
}
.program {
	clear: both;
	height: 99px;
	overflow: auto;
	width: 434px;
}
.program .program-cover {
	float: left;
	margin: 9px 6px 0 0;
	width: 70px;
}
.program .program-cover img {
	display: block;
}
.program .c2 {
	float: left;
	font-size: 11px;
	margin: 27px 0 0 0;
	width: 358px;
}
#partners {
	float: left;
	margin-right: 14px;
	width: 178px;
}
#partners .background {
	background: transparent url(https://www.ksbe.edu/images/songcontest/2009/notes_bg.png) no-repeat;
	height: 180px; /* 216px - (18px * 2) */
	margin-top: 18px;
	padding: 18px 10px;
}
#partners .background * {
	text-align: center;
}
#partners .background a {
	display: block;
}
#partners .background img {
	display: block;
	margin: 0;
	padding: 0;
}
#partners .footnote {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 9px 0;
}
#logos {
	float: left;
	width: 114px;
}
#logos .sponsor {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}
#logos .sponsor-slot {
	height: 54px;
	margin-top: 18px;
	position: relative;
}
#sponsor1 {
	margin-top: 0;
}
#sponsor3 {
	height: 72px;
	position: relative;
}
#winner-list {
	background: transparent url(https://www.ksbe.edu/images/songcontest/2009/winners/bg.jpg) no-repeat;
	margin-left: 50px;
	overflow: auto;
	padding: 18px 14px;
	width: 640px;
}
#winner-list .chooser {
	float: left;
	margin: 0 14px 0 0;
	padding: 0;
	width: 242px;
}
#winner-list .chooser li {
	color: #fff;
	cursor: pointer;
	list-style-type: none;
	margin: 0;
	padding: 9px 14px;
}
#winner-list .chooser h3,  #winner-list .chooser h4 {
	margin: 0;
}
#winner-list .chooser h3 {
	font-size: 13px;
}
#winner-list .chooser h4 {
	font-size: 12px;
	font-weight: normal;
}
#winner-list .chooser .active {
	background: transparent url(https://www.ksbe.edu/images/songcontest/2009/winners/menu-highlight.jpg) no-repeat;
	color: #000;
}
/* Make background position of link match when highlighted. */
#winner-list .chooser #mcgregor {
	background-position: 0 0;
}
#winner-list .chooser #lyman {
	background-position: 0 -54px;
}
#winner-list .chooser #nemothers {
	background-position: 0 -108px;
}
#winner-list .chooser #andrus {
	background-position: 0 -162px;
}
#winner-list .chooser #beamer {
	background-position: 0 -216px;
}
#winner-list .chooser #king {
	background-position: 0 -270px;
}
#winner-list .results {
	float: left;
	height: 324px;
	overflow: hidden;
	width: 370px;
}
#winner-list .results h3,  #winner-list .results h4 {
	margin: 0;
	padding: 0;
	text-align: center;
}
#winner-list .results h3 {
	font-size: 16px;
	margin-top: 18px;
}
#winner-list .results h4 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 18px;
}
#winner-list .results .panel {
	display: none;
	height: 288px;
	padding: 18px 4px;
}
#winner-list .winner, #winner-list .winner2 {
	font-weight: bold;
	text-align: center;
}
/* .winner provides proper alignment for a single winner. */
#winner-list .winner {
	margin-top: 99px; /* Force off-grid due to odd number of lines */
}
/* .winner2 provides proper alignment for two winners. */
#winner-list .winner2 {
	padding: 36px 0 0;
}
#winner-list .title {
	font-size: 22px;
	line-height: 36px;
}
#winner-list .subtitle {
	font-size: 14px;
}
#theme {
	left: -13px;
	margin-top: 18px;
	position: relative;
	overflow: auto;
	width: 767px;
}
#theme .c1, #theme .c2 {
	float: left;
	top: 0;
}
#theme .c1 {
	background: transparent url(https://www.ksbe.edu/images/songcontest/2009/almeida-polaroid.jpg) top left no-repeat;
	left: 0;
	padding-right: 14px;
	width: 383px;
}
#theme .c2 {
	left: 400px;
	margin-top: -1.2857em;
	width: 370px;
}
#theme .spacer {
	clear: left;
	float: left;
	height: 36px;
}
#about {
	overflow: auto;
}
#about .c1 {
	float: left;
	margin-right: 14px;
	width: 498px;
}
#about .c2 {
	float: left;
	width: 242px;
}
#about .c2 .montage img {
	display: block;
}
#about .c2 h3 {
	margin: 9px 0;
}
#about .c2 p {
	margin: 0;
}
#dvd {
	margin-bottom: 20px;
	overflow: auto;
}
#dvd .c1 {
	float: left;
	margin: 0 14px 0 0;
	width: 498px;
}
#dvd .c2 {
	float: left;
	width: 242px;
}
#dvd .dvd-cover {
	float: left;
	margin: 0 10px 0 0;
	width: 70px;
}
.program .dvd-cover img {
	display: block;
}
#dvd .c2 #offer-2008 {
	border-top: 1px solid #eee;
	height: 70px;
}
#dvd .c2 .offer {
	border-bottom: 1px solid #eee;
	height: 71px;
	padding: 9px 0;
}
#dvd .c2 .offer img {
	float: left;
	margin-right: 14px;
}
#dvd .c2 h4 {
	font-size: 12px;
}
#dvd .c2 .offer ul,  #dvd .c2 .offer li {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#dvd .c2 .offer li {
	list-style-type: none;
}
#wrapper {
	background: transparent url(https://www.ksbe.edu/images/songcontest/2009/wrapper-bg.png) top left repeat-y;
	font: 13px/18px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0 auto;
	padding: 0 20px;
	text-align: justify; /* Hack for IE 6 */
	width: 780px;
}
.jsnotice {
	background-color: #ff9;
	border: 1px solid #cc0;
	font-weight: bold;
	line-height: 34px;
	margin-bottom: 18px;
	text-align: center;
}

/* CSS designed by Jesse Barros */