@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(images/bodybg.jpg) top left repeat-x;
	background-color: #5d5e59;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #d6dad4;
}
#bgcontainer {
	width: 100%;
	height: 100%;
	text-align: left;
    background: url(images/patternbg.jpg) top left no-repeat;
}
#page {
	width: 950px;
	margin: 0 auto;
	display: block;
	text-align: left;
	float: left;
}
h1 {
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 14px;
}
h1.dates {
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}
h2 {
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #1d2d4d;
	font-weight: bold;
	text-decoration: underline;
}
h2.sponsors {
	margin: 10px 0 10px 0;
	font-size: 16px;
	color: #b6f7a5;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
p {
	margin-bottom: 14px;
	line-height: 150%;
}
a {
	color: #1c2c4d;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #b6f7a5;
}
a:visited {
	color: #b6f7a5;
	text-decoration: none;
}
hr {
	width: 90%;
	text-align: center;
	color: #1c2c4d;
	clear: both;
}
hr.calendar {
	width: 100%;
	text-align: left;
	color: #1c2c4d;
	clear: both;
	margin: 10px 0 10px 0;
}

/* TOP BORDER */
#topborder {
	width: 950px;
	height: 26px;
	margin: 0 auto;
}
#mobile_registration {
	width: 550px;
	height: 30px;
	float: left;
	color: #FFFFFF;
	text-align: left;
	margin-left: 30px;
}
#sample_music {
	width: 275px;
	height: 30px;
	float: right;
	margin: 3px 30px 0 0;
}
#sample_music a {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#sample_music a:hover {
	color: #b6f7a5;
	text-decoration: underline;
}
#sample_music a:visited {
	color: #d6dad4;
	text-decoration: underline;
}


/* HEADER & NAVIGATION */
#outerheader {
	position: relative;
	margin: 0 auto;
	top: 13px;
	left: 0;
	width: 950px;
	height: 80px;
	float: left;
	text-align: left;
}
#logo a {
	width: 276px;
	height: 76px;
	margin: 0 0 0 14px;
	float: left;
	display: block;
	background: url(images/globalbeats_logo.gif) no-repeat;
	text-indent: -5000px;
}
#nav_main {
	width: 655px;
	height: 50px;
	margin: 20px 0 0 0;
	float: right;
	clear: none;
	display: block;
	text-align: center;
}
#nav_main ul {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#nav_main ul li {
	float: left;
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#homelink a {
	width: 35px;
	height: 47px;
	margin:  0 0 0 65px;
	border: none;
	text-indent: -5000px;
	display: block;
	background: url(images/nav/home_link_off.gif) no-repeat;
}
#homelink a:hover {
	border: none;
	display: block;
	background: url(images/nav/home_link_on.gif) no-repeat;
}
#medialink a {
	width: 35px;
	height: 47px;
	margin:  0 0 0 65px;
	border: none;
	text-indent: -5000px;
	display: block;
	background: url(images/nav/media_link_off.gif) no-repeat;
}
#medialink a:hover {
	border: none;
	display: block;
	background: url(images/nav/media_link_on.gif) no-repeat;
}
#photoalbumlink a {
	width: 65px;
	height: 47px;
	margin:  0 0 0 65px;
	border: none;
	text-indent: -5000px;
	display: block;
	background: url(images/nav/photo_link_off.gif) no-repeat;
}
#photoalbumlink a:hover {
	border: none;
	display: block;
	background: url(images/nav/photo_link_on.gif) no-repeat;
}
#historylink a {
	width: 41px;
	height: 47px;
	margin:  0 0 0 65px;
	border: none;
	text-indent: -5000px;
	display: block;
	background: url(images/nav/history_link_off.gif) no-repeat;
}
#historylink a:hover {
	border: none;
	display: block;
	background: url(images/nav/history_link_on.gif) no-repeat;
}
#contactlink a {
	width: 43px;
	height: 47px;
	margin:  0 0 0 65px;
	border: none;
	text-indent: -5000px;
	display: block;
	background: url(images/nav/contact_link_off.gif) no-repeat;
}
#contactlink a:hover {
	border: none;
	display: block;
	background: url(images/nav/contact_link_on.gif) no-repeat;
}
.active {
	margin:  0 0 0 65px;
}


/* MAIN */
#content_region {
	position: relative;
	width: 943px;
	margin-top: 20px;
	left: 7px;
	display: block;
	text-align: left;
}
#contenttop {
	width: 943px;
	height: 11px;
	background: url(images/textbcktop.gif) top left no-repeat;
}
#content_background {
	width: 943px;
	margin: 0 auto;
	min-height: 696px;	
	background: #76896f url(images/textbckgrnd.gif) top left no-repeat;
}
#contentbottom {
	width: 943px;
	height: 11px;
	margin-bottom: 20px;
	background: url(images/textbckbottom.gif) top left no-repeat;
}
#footer {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #b6f7a5;
}
a.footer {
	color: #b6f7a5;
	text-decoration: underline;
}
a.footer:hover {
	text-decoration: underline;
	color: #d6dad4;
}
a.footer:hover {
	text-decoration: none;
	color: #d6dad4;
}
#flyer_leftcol {
	position: relative;
	width: 260px;
	top: 11px;
	left: 10px;
	float: left;
	background: url(images/flyer_bckgrnd_new.gif) repeat-y;
}
#copy_rightcol {
	width: 635px;
	margin: 20px 15px 5px 12px;
	float: right;
}
#copymain {
	border-left: 1px solid #1c2c4d;
	padding-left: 12px;
}


/* CONTACT FORM */
#contactform {
	width: 450px;
	padding: 10px 0 0 0;
}
#shortform2 {
	margin: 0 0 10px -5px;
}
#contactform input {
	border: 1px solid #1c2c4d;
	width: 255px;
	margin: 0 0 0 0;
}
#contactform textarea {
	width: 255px;
	margin: 3px 0 0 0;
}
#contactform input.errorStyle {
	border: 1px solid #990000;
	background-color: #ffcccc;
}
#contactform input.nonErrorStyle {
	border: 1px solid #1c2c4d;
	background-color:#FFFFFF;
}
#contactform textarea.errorStyle {
	border: 1px solid #990000;
	background-color: #ffcccc;
}
#contactform textarea.nonErrorStyle {
	border: 1px solid #1c2c4d;
	background-color:#FFFFFF;
}
#contactform #error {
	margin: 0 0 0 5px;
	color:#990000;
	font-size: 12px;
	width: 350px;
}
#contactform div.shortformrow {
	float: left;
	padding: 0;
	margin: 0 0 3px 0;
}
#contactform div.shortformelement {
	float: right;
	width: 270px;
	text-align: left;
}
#contactform div.shortformlabel {
	float: left;
	padding: 4px 0 0 0;
	width: 170px;
}
#contactform textarea {
	border: 1px solid #1c2c4d;
	width: 255px;
	height: 200px;
	margin: 3px 0 0 0;
}
#shortform2 input.submit_btn {
	width: 150px;
	margin: 20px 0 10px 190px;
}
#mobileform {
	width: 500px;
	margin: 0 auto;
	display: inline-block;
	font-size: 11px;
	text-align: left;
}
#mobileform div.shortformlabel {
	float: left;
	padding: 6px 0 0 0;	
}
#mobileform div.textrow {
	float: left;
	display: block;
	padding: 0 0 0 0;
}
#mobileform input.showtextbox {
	width: 125px;
	height: 14px;
	border: 1px solid #1c2c4d;
	margin-bottom: 3px;
	font-size: 10px;
}
#mobileform input.errorStyle {
	width: 125px;
	height: 14px;
	font-size: 10px;
	margin-bottom: 3px;
	border: 1px solid #990000;
	background-color: #ffcccc;
}
#mobileform input.submit_btn {
	width: 85px;
	height: 18px;
	margin: 3px 0 0 10px;
	border: none;
}
#newsletter input.errorStyle {
	width: 125px;
	height: 14px;
	font-size: 10px;
	border: 1px solid #990000;
	background-color: #ffcccc;
}



/* INDEPENDENT SECTIONS */
#calendarbck a {
	position: relative;
	width: 232px;
	padding: 0;
	top: 25px;
	margin: 10px 0 35px 15px;
}
#caldates {
	width: 215px;
	height: 125px;	
	margin: 0 auto;
	overflow: hidden;
}
#caldates a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #a3a6a1;
	text-decoration: none;
	line-height: 200%;
}
#caldates a:hover {
	color: #bcffaa;
}
#flyer {
	width: 236px;
	margin: 30px 0 0 15px;
}
#flyerclickhere {
	position: relative;
	background-color: #000000;
	border: solid thin black;
	display: block;
	margin: -25px 10px 5px 60px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	z-index: 150;
}
#photocollage {
	float: right;
	margin: 0 0 0 15px;
	width: 156px;
	height: 433px;
	background: url(images/photocollage.jpg);
}
#sponsorschart {
	position: relative;
	width: 600px;
	height: 154px;
	background: url(images/sponsors_bck.gif) top left no-repeat;
	padding: 40px 0 0 5px;
}
table.sponsors {
	width: 590px;
	height: 100px;
}
table.sponsors td {
	width: 25%;
	height: 50px;
	text-align: center;
}
.sponsors-sidebar {
	text-align: center;
	margin:0 auto;
	padding:0;
}	
.under-sponsors-sidebar {
	background: url(images/flyer_bckgrnd-bottom.gif) top left no-repeat;
	width: 260px;
	height: 44px;
} 
#calendar_alignment {
	width: 100%;
	height: 100%;
	margin: 40px 0 20px 20px;
	text-align: left;
}
#flyer_alignment {
	width: 100%;
	height: 100%;
	margin-top: 40px;
	text-align: center;
}
#mediaphotos {
	float: right;
	margin: 25px 0 0 15px;
	width: 125px;
}
#newsletter {
	width: 191px;
	height: 177px;
	border: none;
	position: absolute;
	top: 110px;
	left: 550px;
	background: url(images/newsletter_bck.gif) no-repeat;
	z-index: 100;
	text-align: center;
}
div#newsletter .newstextbox {
	margin: 90px 0 0 10px;
	width: 145px;
}
div#newsletter input.newsregister {
	width: 125px;
	height: 14px;
	border: 1px solid #1c2c4d;
	margin-bottom: 10px;
	font-size: 10px;
}
div#newsletter input.submit_btn_news {
	width: 68px;
	height: 20px;
	margin: 0 auto;
}
div#newsletter .closefeature {
	position: relative;
	float: right;
	margin: 10px 2px 0 0;
	height: 15px;
}
div#newsletter .closefeature a {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
.clear{
	clear: both;
}