/* CSS Document */

body, html {
	margin:0px;
	width:100%;
	height:100%;	
	text-align:center;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	body { font-size: 62.5%; }

.header {
	width:838px;
	height:386px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	margin: 0 auto;	
	}
	
	.header_about {
	width:838px;
	height:386px;
	background-image:url(../images/about_header.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	margin: 0 auto;		
	}
	
	.header_media {
	width:838px;
	height:386px;
	background-image:url(../images/header_media.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	margin: 0 auto;		
	}
	
	.header_join {
	width:838px;
	height:386px;
	background-image:url(../images/header_join.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	margin: 0 auto;		
	}
	.header_images {
	width:838px;
	height:386px;
	background-image:url(../images/header_images.jpg);
	background-repeat:no-repeat;
	background-color:#000000;	
	margin: 0 auto;	
	}
	
		.header_history {
	width:838px;
	height:386px;
	background-image:url(../images/header_history.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	margin: 0 auto;		
	}
	
		.header_contact {
	width:838px;
	height:386px;
	background-image:url(../images/header_contact.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	margin: 0 auto;		
	}
	
		.header_video {
	width:838px;
	height:386px;
	background-image:url(../images/header_video.jpg);
	background-repeat:no-repeat;
	background-color:#000000;	
	margin: 0 auto;	
	}

.navigation {
	padding-top:340px;
	position:relative;
	bottom:-3px;
	}

.navigation ul {
	margin:0px;
	margin-left:27px;
	padding:0px;
	color:#ffffff;
	}

.navigation li {
	list-style:none;
	float:left;
	margin:0px 12px 0px 12px;
	padding:0px;
	padding-top:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	height:23px;
	width: 5em;
	white-space:nowrap;
	}
	
	.highlight {
	color: #15447E;
	}

.navigation li a:link, .navigation li a:visited, .navigation li a:hover {
	text-decoration:none;
	color:#ffffff;
	}
	
	.navigation li a:active {
	color:#000000;
	text-decoration:none;
	}

.currentnavi {
	color:#000000;
	background-image:url(../images/navi-current.gif);
	background-repeat:no-repeat;
	width:70px;
	}
	
	.black {
	color:#000000;
	}

.floatlf {
	float:left;
	}

.floatrg {
	float:left;
	}
	
	/* Contact form CSS */
	
	#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area p {
font-size:1.5em;
text-align:left;
margin-bottom: 20px;
}

.text{
padding: 0 0 0 100px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	display:block;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: none;
}

#contact-area input.submit-button {
	width: 100px;
}

label {
	display:block;
	text-align: right;
	margin-right: 15px;
	width: 200px;
	padding-top: 5px;
	font-size: 1.4em;
}


/* Form CSS */

fieldset {
border: none;
}

form ol li{clear:left;list-style:none;}

form {
border: none;
}

form ol {
margin-left:0px;
padding-left:20px;
border:none;
width:210px;
}

legend {
font-size:1.75em;
font-weight:bold;
color: #15447E;
}
	
	#join-area {
	width: 210px;
	margin-top: 25px;
	}

#join-area p {
font-size:1.2em;
text-align:left;
margin-bottom: 20px;
}

#join-area h2 {
font-size:1.5em;
text-align:left;
color: #15447E;
margin-bottom: 20px;
}

#join-area label{
display: block;
font-size: 1.2em;
width: 120px;
height: auto;
}

#join-area input {
float:left;
}

#join-area input, #join-area textarea {
	padding: 5px;
	width: 180px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: none;
}

#join-area textarea {
	height: 90px;
}

#join-area textarea:focus, #join-area input:focus {
	border: none;
}

#join-area input.submit-button {
	width: 100px;
}

/* Form TEST form CSS */


/*heading with calendar for home */

.home {

	font-family:Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#15447E;

	font-weight:normal;

	margin:0px 0px 0px -30px;

	padding:7px 0px 18px 73px;

	/* background-image:url(../images/calendar.gif);*/

	background-repeat:no-repeat;

	height:auto;

	width:350px;
	position:relative;

	}
	/* end of heading with calendar for home */

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.5em;
}

/* End of Contact form CSS */


.border {
border-bottom: solid 1px #AF0000;
padding-bottom: 15px;
margin-bottom: 15px;
}

.border-top {
border-top: solid 1px #AF0000;
padding-bottom: 15px;
}

.contentbase {
	width:838px;
	background-color:#E9B11F;
	height: 400px;
	margin: 0 auto;
	}
	
	.caption {
	font-size:.9em;
	color: #15447E;
	padding-bottom: 20px;
	}

.contentbody {
	width:838px;
	background-color:#000000;	
	float:left;
	}

.countdown {
	width:208px;
	background-image:url(../images/countdown-bg.gif);
	background-repeat:no-repeat;	
	color:#AF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	padding:0px 0px 0px 7px;
	margin-bottom:14px;
	}
	
		.countdown_title {
	width:208px;
	height:35px;	
	color:#AF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	text-align:left;
	padding:18px 0px 0px 7px;
	margin-bottom:0px;
	}
	
	li {
	padding-bottom: 10px;
	}

.viewlive {
	width:208px;
	background-image:url(../images/viewlive-bg.gif);
	background-repeat:no-repeat;	
	color:#AF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	text-align:left;
	padding:18px 0px 0px 7px;
	margin-bottom:10px;
	}


.viewvideo {
	width:208px;
	height:24px;
	background-image:url(../images/viewvideo-bg.gif);
	background-repeat:no-repeat;	
	color:#AF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	padding:17px 0px 0px 7px;
	margin-bottom:17px;
	}

.panelbase {
	background: url(../images/burn_edges.jpg);
	background-repeat:repeat-y;
	width:838px;
	float:left;
	border-bottom:5px solid #AF0000;
	padding-bottom:15px;
	}
	
	.panelbase_contact {
	background: url(../images/burn_edges.jpg);
	background-repeat:repeat-y;
	width:838px;
	float:left;
	border-bottom:5px solid #AF0000;
	padding-top: 45px;
	padding-bottom:200px;
	}
	
	.panelbase_contact p{
	font-size:1.5em;
	}

	
	.panelbase_video {
	background: #000000;
	width:838px;
	float:left;
	padding-bottom:15px;
	}
	
	.thankyou {
	background: url(../images/burn_edges.jpg);
	background-repeat:repeat-y;
	width:838px;
	float:left;
	text-align:left;
	border-bottom:5px solid #AF0000;
	padding: 100px 0 100px 200px;
	}
	
	.postcardviewer_background {
	background: none;
	width:838px;
	float:left;
	border-bottom:5px solid #AF0000;
	padding-bottom:15px;
	}

.leftpanel {
	float:left;
	padding:35px 40px 35px 20px;
	width:230px;

	}

.leftpanel a:link, .leftpanel a:active, .leftpanel a:visited, .leftpanel a:hover, .rightpanel a:link, .rightpanel a:active, .rightpanel a:visited, .rightpanel a:hover, .event dt a:link, .event dt a:visited, .event dt a:hover, .event dd a:link, .event dd a:visited, .event dd a:hover, .panelbase a:link, .panelbase_contact a:visited, .panelbase_contact a:hover, .panelbase_contact a:link, .panelbase_contact a:visited, .panelbase_contact a:hover 
{
text-decoration:none;
	color:#AF0000;
	}

.rightpanel {
	background-image:url(../images/maininfo-bg.gif);
	background-repeat:no-repeat;
	text-align:left;
	float:right;
	padding-top:40px;
	}
	

.notes {
	width:219px;
	min-height:141px;
	background-image:url(../images/info-bg.gif);
	background-repeat:no-repeat;		
	color:#4E4E53;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	text-align:left;
	padding:5px 0px 0px 12px;
	}

.quoted_person {
font-size: .85em;
text-align:right;
padding-bottom: 25px;
}
	
	
	.sidebar_text {
	width:209px;
	background-image:url(../images/info-bg.gif);
	background-repeat:no-repeat;		
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	text-align:left;
	padding:5px 0px 0px 12px;
	margin-bottom: 65px;
	}

.footer, .footer a:link, .footer a:active, .footer a:visited, .footer a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#AF0000;
	background-color:#E9B11F;
	text-decoration:none;
	width:838px;
	margin:0px;
	padding:0px;
	margin:0px auto;
	clear:both;
	
	}

.footerbox {
	background-color:#E9B11F;
	clear:both;
	padding-bottom:250px;
	padding-top:10px;
			}

.footerbox ul {
	margin:0px 0px 0px 2px;
	padding:0px;
	padding-top:8px;
	}	

.footerbox li {
	list-style:none;
	float:left;
	margin:20px 0 0 27px;
	padding:0px;
	width:120px;
	height:65px;
	}

.pictures {
	height:140px;
	margin-bottom: 20px;
	}
	
	.picture_spacing{
	margin-top: 45px;
	margin-bottom: 45px;
	}

.pictures ul {
	margin:0px;
	padding:0px;
	margin:10px 0px 10px 0px;
	}

.pictures li {
	list-style:none;
	float:left;
	margin:0px;
	margin-right:2px;
	padding:0px;
	height:45px;
	}
	
	p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0 0 0.5em 0;
	margin:0;
	}
	
	.thankyou {	
	width:219px;
	background-image:url(../images/info-bg.gif);
	background-repeat:no-repeat;		
	color: #003399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	text-align:left;
	padding:5px 0px 0px 12px;
	}
	
	.video {
	padding-top: 50px;
	}
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.4em;
	color:#15447E;
	font-weight:normal;
	margin:0px;
	padding:7px 0px 18px 0px;
	line-height:normal;
	}


h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#15447E;
	font-weight: bold;
	margin:0px;
	padding:20px 0px 0px 0px;
	height:auto;
	}
	
	.about {
	padding:0px;
	width:350px;
	margin: -20px 0px 0px -40px;
	height:auto;
	background-repeat:no-repeat;
	position: relative;
	}
	
	
	h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#15447E;
	font-weight:normal;
	margin:0;
	padding:25px 0px 7px 0px;
	background-repeat:no-repeat;
	height:auto;
	width:350px;
	}
	
	h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
	font-weight: bold;
	margin:0;
	padding:7px 0px 7px 0px;
	background-repeat:no-repeat;
	height:auto;
	}
	
	 dl.event
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

.event dt
{
position: relative;
left: 0;
color:#15447E;
top: 4em;
width: 5em;
}

.event dd
{
border-left: 1px solid #15447E;
margin: 0 0 0 4em;
padding: 0 0 .5em .5em;
}

.maincontent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:20px;
	color:#000000;
	width:428px;
	background-image:url(../images/twist_short.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-right:80px;
	}
	

img {
	margin:0px;
	padding:0px;	
	}