/* ---------------------------------------------
Martin Luther King, Jr. Oratorical Fest Screen Style Sheet
author: A Shelley Design
version:  2008.01
----------------------------------------------- */

body {
	font:normal 12px/20px Arial, "Trebuchet MS", helvetica, sans-serif;
	background:#ffffff;
	color:#333;
	margin:0;
	padding: 0;
	text-align:center;}

td.mainframe {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
}


a,
a:link {
	color:#333333;
	text-decoration:underline;
	text-outline:none;
}
a:visited {color:#f90;}
a:hover {color:#f90; text-decoration:none;}

h3 {font: 30px/40px Georgia, "Times New Roman", serif; letter-spacing: 1px; background: url("../images/h3-bg.gif"); margin:5px 0 10px 0;}
	h3 a {color:#333 !important;}

h4 {font: 24px/30px Georgia, "Times New Roman", serif;  color:#930; letter-spacing: 1px; background: url("../images/h4-bg.gif"); margin:5px 0 10px 0;}
	h4 a {color:#930 !important;}

h5 {font-size:16px; line-height:20px; color:#c63; margin:10px 0 10px 0; font-weight:normal;}
	h5 a {color:#c63 !important;}

p {
	margin:5px 0 15px 0;
	font-size: 12px;
	color: #000;
}
small {font-size:11px;}

/* Layout Blocks
----------------------------------------------- */

#container {width:800px; margin:0 auto; padding:0 24px; text-align:left; position:relative; z-index:1; background:  url("../images/bodybg-green.jpg");}

h1 {margin:0; padding:0; height:140px; background:#6D9158 url("../images/h1-green.jpg");}
	h1 a {text-indent:-1337px; font-size:1px; outline:none; display:block; height:125px; width:375px;}

h2 {width:800px; height:235px; font-size:1px; text-indent:-1337px; margin:0; padding:0;}
h2.volunteers {background-image: url("../images/con-h2-volunteers.jpg");}
h2.aboutus {
	background-image: url(../images/con-h2-aboutus.jpg);
}
h2.index {
	background-image: url(../images/con-bg2.jpg);
}
h2.finals {background-image: url("../images/con-h2-finals.jpg");}
h2.more2 {background-image: url("../images/con-h2-more2.jpg");}
h2.registration {background-image:url(../images/con-h2-registration.jpg);}
h2.more {background-image: url("../images/con-h2-more.jpg");}
h2.contactus {background-image: url("../images/con-h2-contactus.jpg");}

#topnav {
	position:absolute;
	top:23px;
	margin:0;
	right:38px;
	width:360px;
	height:50px;
	list-style:none;
}
	#topnav li {margin:0; padding:0; display:inline;}
	#topnav li a {
		display:block;
		float:left;
		height:18px;
		width:155px;
		padding-left:20px;
		margin-bottom:2px;
		background:  url("../images/new-white-yelo.gif") no-repeat center left;
		line-height:18px;
		color:#1A450B; text-decoration:none; text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		white-space:nowrap;}
	#topnav li a.active,
	#topnav li a:hover {color:#7CA96E; background-position:center right;}

#topnav2 {position:absolute; top:30px; margin:0; right:35px; width:360px; height:50px; list-style:none;}
	#topnav2 li {margin:0; padding:0; display:inline;}
	#topnav2 li a {
		display:block;
		float:left;
		height:18px;
		width:155px;
		padding-left:20px;
		margin-bottom:2px;
		background:  url("../images/new-white-yelo2.gif") no-repeat center left;
		line-height:18px;
		color:#fff; text-decoration:none; text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		white-space:nowrap;}
	#topnav2 li a.active,
	#topnav2 li a:hover {color:#FF9933; background-position:center right;}

#content {
	min-height:300px;
	background-image: url(../images/con-bg.jpg);
	background-repeat: no-repeat;
}
#contentleft {float:left; width:287px;}
	#nav-2 {list-style:none; margin:15px 0 0 20px; padding:0 20px;}
		#nav-2 li {margin:0; padding:0; display:inline;}
		#nav-2 li a {
			display:block;
			height:25px;
			line-height:25px;
			padding-left:20px;
			margin-bottom:0;
			color:#333; text-decoration:none; text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			white-space:nowrap;}
		#nav-2 li a.active,
		#nav-2 li a:hover {color:#f93; background-position:0 -25px;}
		.leftblock {background: url("../images/spacer.gif") no-repeat; margin:20px 0; padding:90px 45px 0 30px}
			.leftblock h4 {margin:5px 0; text-transform:lowercase; font-size:18px; font-weight:normal; }
				.leftblock h4 a {display:block; color:#333; text-decoration:none;}
				.leftblock h4 a:hover {text-decoration:underline;}
			.leftblock p {margin:0; font-size:11px; line-height:16px;}
		.leftcontact {background: url("../images/left-blue.gif") no-repeat; margin:20px 0; padding:90px 45px 0 30px; font-size:11px; line-height:14px;}
			.leftcontact h5 {margin:10px 0 2px 0;}

#contentleft-3 {float:left; width:287px;}
	#nav-22 {list-style:none; margin:15px 0 0 20px; padding:0 20px;}
		#nav-22 li {margin:0; padding:0; display:inline;}
		#nav-22 li a {
			display:block;
			height:25px;
			line-height:25px;
			padding-left:20px;
			margin-bottom:0;
			background: url("../images/nav1-2.gif") no-repeat 0 0;
			color:#4D0B5B; text-decoration:none; text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			white-space:nowrap;}
		#nav-22 li a.active,
		#nav-22 li a:hover {color:#f93; background-position:0 -25px;}
#contentleft-2 {float:left; width:287px;}
	#nav-22 {list-style:none; margin:15px 0 0 20px; padding:0 20px;}
		#nav-22 li {margin:0; padding:0; display:inline;}
		#nav-22 li a {
			display:block;
			height:25px;
			line-height:25px;
			padding-left:20px;
			margin-bottom:0;
			background: url("../images/nav1-2.gif") no-repeat 0 0;
			color:#4D0B5B; text-decoration:none; text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			white-space:nowrap;}
		#nav-22 li a.active,
		#nav-22 li a:hover {color:#f93; background-position:0 -25px;}


#content33 {background: url("../images/spacer.gif") no-repeat; min-height:1px;}

	#nav-33 {list-style:none; margin:15px 0 0 20px; padding:0 20px;}
		#nav-33 li {margin:0; padding:0; display:inline;}
		#nav-33 li a {
			display:block;
			height:25px;
			line-height:25px;
			padding-left:20px;
			margin-bottom:0;
			color:#840C75; text-decoration:none; text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			white-space:nowrap;}
			
				#nav-34 {list-style:none; margin:15px 0 0 20px; padding:0 20px;}
		#nav-34 li {margin:0; padding:0; display:inline;}
		#nav-34 li a {
			display:block;
			height:25px;
			line-height:25px;
			padding-left:5px;
			margin-bottom:0;
			color:#336633; text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			white-space:nowrap;}

#con-right {float:left; width:483px;}
#con-right img {float:right; margin:0 0 15px 15px; clear:right; background-color:#f7f4ef;border:1px solid #d7d1c8; padding:1px;}

#con-right-reg {float:left; width:483px; height:auto}
	

#footer {
	background-color:#fff;
	margin:20px 10px 0 10px;
	padding: 15px 0 0 0;
	width:780px;
	display:inline-block;
	clear:both;
	background-image: url("../images/h2-2.gif");
	background-repeat:repeat-x;
	text-align:right;
	position:relative;
	font-size:11px;}
	#footer a {text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	#footer ul {
	position:absolute;
	left:3px;
	top:11px;
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	text-align:left;
}
	#footer ul li {display:inline; margin:0; padding:0;}
	#footer ul li a {margin-right:15px; color:#333; }
	#footer a.AShelleyDesign {
		color:#D2CCCC;
		text-decoration:none;
		text-align:right;
		font-weight:bold;
		display:block;
		width:800px;
		position:absolute;
		left:-34px;
		background:#547A49 url("../images/footerbg-green.gif") no-repeat;
		padding:12px 34px 50px 14px;}
		#footer a.AShelleyDesign:hover {text-decoration:underline;}


/* Colors
----------------------------------------------- */
body.green {background:#779E69;}
body.green h1 {background:#6D9158 url("../images/h1-green.jpg");}
body.green #container {
	background-color: #7C9376;
	background-image: url(../images/bodybg-green.jpg);
}
body.green #footer a.AShelleyDesign {background:#7C9376 url("../images/footerbg-green.gif") no-repeat;}
body.green .leftblock {background-image: url("../images/left-green2.gif");}


body.blue {background:#69889E;}
body.blue h1 {background:#23333E url("../images/h1-blue.jpg");}
body.blue #container {background:#64798A url("../images/bodybg-blue.jpg");}
body.blue #footer a.AShelleyDesign {background:#64798A url("../images/footerbg-blue.gif") no-repeat;}
body.blue .leftblock {background-image: url("../images/left-blue.gif");}


body.purple {background:#8A7393;}
body.purple h1 {background:#342838 url("../images/h1-purple.jpg");}
body.purple #container {background:#6A5370 url("../images/bodybg-purple.jpg");}
body.purple #footer a.AShelleyDesign {background:#6A5370 url("../images/footerbg-purple.gif") no-repeat;}
body.purple .leftblock {background-image: url("../images/left-green.gif");}


body.brown {background:#A8885F;}
body.brown h1 {background:#42311D url("../images/h1-brown.jpg");}
body.brown #container {background:#967C57 url("../images/bodybg-brown.jpg");}
body.brown #footer a.AShelleyDesign {background:#967C57 url("../images/footerbg-brown.gif") no-repeat;}
body.brown .leftblock {background-image: url("../images/left-brown.gif");}

body.seagreen {background:#558786;}
body.seagreen h1 {background:#20514E url("../images/con-h1-seagreen.jpg");}
body.seagreen #container {background:#5C8887 url("../images/bodybg-seagreen.jpg");}
body.seagreen #footer a.AShelleyDesign {background:#5C8887 url("../images/footerbg-seagreen.gif") no-repeat;}
body.seagreen .leftblock {background-image: url("../images/left-seagreen.gif");}


/* Backup-Colors */

body.red {background:#9D6159;}
body.red h1 {background:#492218 url("../images/h1-red.jpg");}
body.red #container {background:#8E6B65 url("../images/bodybg-red.jpg");}
body.red #footer a.AShelleyDesign {background:#8E6B65 url("../images/footerbg-red.gif") no-repeat;}
body.red .leftblock {background-image: url("../images/left-green.gif");}


body.bluegreen {background:#B0AE4D;}
body.bluegreen h1 {background:#524418 url("../images/h1-bluegreen.jpg");}
body.bluegreen #container {background:#9A9656 url("../images/bodybg-bluegreen.jpg");}
body.bluegreen #footer a.AShelleyDesign {background:#9A9656 url("../images/footerbg-bluegreen.gif") no-repeat;}
body.bluegreen .leftblock {background-image: url("../images/left-green.gif");}


/* indexpage
----------------------------------------------- */
body#index {background:#F7F3EE url("../images/index-bodybg.jpg") repeat-x top left;}
body#index #container {width:780px; background:none;}

body#index #adminbar {margin-left:-10px;}

body#index h1 {margin:0; padding:0; height:125px; background:#6D9158 url("../images/index-h1-brochure.jpg");}
	body#index h1 a {text-indent:-1337px; font-size:1px; outline:none; display:block; height:125px; width:375px;}

.indexflash {margin-left:277px; width:528px; height:320px; background: url("../images/boxbg.gif") no-repeat bottom right;}
.indexflash img {border:none;}


body#index.slideshow h1 {background-image:  url("../images/index-h1-slideshow.jpg"); background-color:none;}
#index-slideFX {
	margin-left:277px; 
	cursor: pointer;
	overflow: hidden;
	position: relative;
	top:-18px;
	margin-bottom:-18px;
	width:528px; 
	height:338px; 
	background: url("../images/boxbg.gif") no-repeat bottom right;
}

#index-slideFX img {

	position:absolute;
	border: 0;
	cursor: pointer;
	width: 503px;
	height: 338px;
	top: 0;
	left: 0;
}

#index-slideFX a img {display:none;}
#index-slideFX a.firstslide img {display:block;}

.box1header {
	position:absolute;
	top:131px;
	margin:0;
	z-index:10;
	height:50px;
	left: 21px;
}
	.box1header a {
		display:block;
		height:50px;
		width:250px;
		font-size:1px;
		text-indent:-1337px;
		outline:none;}

div.box1 {
	position:absolute;
	top:125px;
	width:277px;
	height:235px;
	padding:75px 0 0 0;
	margin:0;
	background: url("../images/index-box1bg.jpg") no-repeat;
	}

div.box1 ul {
	padding:0 0 0 0;
	margin:0;
	height:190px;
	overflow:hidden;
	z-index:1120;}

	div.box1 ul li {
	display:block;
	text-align:right;
	font-size:11px;
	line-height:8px;
	color:#fff;
	font-weight:bold;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 3;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 0;
}

	div.box1 ul li a {
		text-decoration:none;
		text-transform:uppercase;
		color:#fff !important;
		font-weight:bold;}
		div.box1 ul li a:hover {text-decoration:underline !important;}
		
a.box123 {
	position:absolute;
	top:322px;
	width:325px; /* 277 */
	height:66px; /* 141 */
	padding:0px 20px 20px 20px;
	line-height:16px;
		display:inline;
	}
	
	a.box123:hover {text-decoration:none; 	}	

a.indexbluebox {
	position:absolute;
	top:352px;
	width:277px; /* 277 */
	height:66px;
	background:  url("../images/index-box2.jpg") no-repeat;
	color:#043137 !important;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	padding-top: 48px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 15px;
}
	a.indexbluebox:hover {text-decoration:underline;
}

#index #footer {
	background-color:transparent;
	width: 780px;
	margin:0 auto;
	padding:15px 0 0 0;}

#index #footer a.AShelleyDesign {
	color:#f60;
	display:inline;
	position:relative;
	left:0;
	background:none;
	padding:0;}


ul.option-select {width:781px; margin:0; padding:0; list-style:none;}
	ul.option-select li {float:left; width:195px; height:112px; background:red; position:relative;}
		ul.option-select li span {display:none;}
		ul.option-select li a {position:absolute; display:block; top:0; left:0; color:#333; font-size:12px; line-height:14px; text-decoration:none;}
		ul.option-select li a:hover {text-decoration:underline;}
		ul.option-select li.select1 {background: url("../images/dsc2.gif");}
			ul.option-select li.select1 a {padding:72px 90px 0 10px;}
		ul.option-select li.select3 {background: url("../images/dsc4.gif");}
			ul.option-select li.select3 a {padding:72px 70px 0 10px;}
		ul.option-select li.select2 {background: url("../images/dsc3.gif");}
			ul.option-select li.select2 a {padding:72px 0 0 72px;}
		ul.option-select li.dsc {background: url("../images/dsc.gif");}
			ul.option-select li.dsc a {padding:72px 10px 0 73px;}

/* Forms
----------------------------------------------- */

form {border:none; margin:0; padding:0;}
form fieldset {border:none; display:block; margin:0; padding:0;}
form label {display:block; float:left; width:150px; text-align:right; padding:0 5px 0 0;}
form select {font-size:12px; padding:0; float:left; margin-bottom:10px; border:1px solid #ccc;}
form input.textbox {margin:0 10px 10px 0; border:1px solid #ccc;}
form input.shorttextbox {margin:0 10px 10px 0; border:1px solid #ccc; width:50px;}
form input.shortertextbox {margin:0 10px 10px 0; border:1px solid #ccc; width:25px;}
form input.disabled {color:#000; background-color:#f4f1ea;}
form br {clear:left;}
form textarea {width:300px; border:1px solid #ccc; padding:5px;}
form input.button {font-size:12px; height:20px; padding:0 15px 3px 15px; color:#fff; margin:0; width:auto !important; background:#444; border:1px solid #444;}
form input.button:hover {background-color:#c63; border:1px solid #c63;}
form label.required {font-weight:bold;}
form .textboxmargins {position:relative; top:-10px; left:-5px;}

.checkbox label {float:left;width:auto;text-align:left;margin:-4px 0 5px 0;}
.checkbox input {float:left;margin: 0 5px 0 155px;}



/* Reusables
----------------------------------------------- */



.clear
{
     border: 0;
     clear: both;
     display: block;
     float: none;
     margin: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}


.hidden {display:none;}

.errortext {color:Red;}