/*--------------------------------------------------------

Project: Sunset Magic
Original Date: July 2009
Modified: May 2009
Version: Beta 1.0
Author: Christopher K Wright
Email: takeflight@cometcreativeinc.com
Website: http://www.cometcreativeinc.com/


--------------------------------------------------------*/
/* GENERAL
--------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}

body {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #333;
	background: #e3a604 url(../images/bg-strip.gif) top center repeat-x;
}

#MasterWrapper {
	margin: 0 auto;
	width: 980px;
	background: url(../images/bg-sidestrip.png) top center repeat-y;
}

#MasterWrapper.home {
	margin: 0 auto;
	width: 980px;
	background: url(../images/bg-sidestripwhite.png) top center repeat-y;;
}

#NavigationWrapper {
	margin: 0 auto;
	width: 980px;
	height: 67px;
	clear: both;
	background: transparent url(../images/sunset_magic_temp_logo.png) top center no-repeat;
	/*background: transparent url(../images/bg-topnav.png) top center no-repeat;
	*/
	/*delete background string and un comment the other background string when changing the header back to original*/
	
}

#FlashWrapper {
	margin: 0 auto;
	padding: 0 20px 0 20px;
	width: 940px;
	height: 480px;
	clear: both;
	/*background: transparent url(../images/bg-flash.png) top center no-repeat;
	*/
	
}

#Countdown {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	height: 50px;
	clear: both;
}

#SubHeaderWrapper {
	margin: 0 auto;
	padding: 0 20px 0 20px;
	width: 940px;
	height: 168px;
	clear: both;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: transparent url(../images/topsubleft.png) left no-repeat;
}

#Bottom {
	margin: 0 auto;
	width: 994px;
	height: 507px;
	clear: both;
}


#Navigation {
	margin: 0 auto;
	width: 710px;
	height: 67px;
	text-align: right;
	float: left;
}

#SponsorsRow {
	margin: 0 auto;
	width: 940px;
	height: 100px;
	border-top: #ccc solid 1px;
	background: transparent url(../images/bg-sponsors.gif) top center no-repeat;
}


#Footer {
	margin: 0 auto;
	width: 940px;
	height: 150px;
	background: #fcfcfc url(../images/bg-footer.gif) bottom center no-repeat;
}

#audioplayer_1,  #audioplayer_2 {margin-top:20px;}

#FullWidthRow {
	margin: 0 auto;
	width:940px;
	}

#KidsGamesLeft {
	width:471px;
	float: left;
}

#KidsGamesRight {
	width:469px;	
	float: left;
}

#floatleft {width:470px;height:130px;float:left;}
#floatright {width:470px;float:right;}

.clear {clear: both;}


/* Columns
-------------------------------------------------------- */

#HomeColumnWrapper {
	margin: 0 auto;
	width: 940px;
	height: 300px;
	background: #efefef url(../images/bg-3columns.gif) bottom center no-repeat;
	overflow:hidden;
}

#HomeColumn {
	width: 275px;
	padding: 9px;
	float: left;
}

#HomeColumn td {
	height: 15px;
}



#SubColumnWrapper {
	margin: 0 auto;
	width: 940px;
	min-height: 100%;
	clear: both;
}

#SubColumnLeft {
	width: 495px;
	padding: 45px;
	background: #fff url(../images/bg-sub-content.gif) top center no-repeat;
	float: left;
}

#SubColumnRight {
	width: 194px;
	text-align: center;
	float: right;
	background: #c18601;
	border-left: #a75006 1px solid;
	min-height: 100%;
}

#SubColumnSidePik {
	width: 354px;
	background: transparent url(../images/sidepik-collage.jpg) top left no-repeat;
	float: right;
	height: 1000px;
}

#SponsorAd {
	width: 336px;
	padding: 8px;
	float: left;
}



/* LINKS 
-------------------------------------------------------- */

#Navigation li {
	list-style: none;
	display: inline;
	line-height: 65px;
	
}

#Navigation a:link, #Navigation a:visited {
	font-weight: normal;
	font-size: 9px;
	padding-right: 10px;
	color: #e3a604;
	text-decoration: none;
}

#Navigation a:active, #Navigation a:hover {
	color: #fff;
	text-decoration: underline;
}

a:link, a:visited {
	font-size: 11px;
	color: #ea7125;
	text-decoration: none;
}

a:active, a:hover {
	color: black;
	text-decoration: underline;
}





/* Text 
-------------------------------------------------------- */

#Footer p {
	font-size: 9px;
	color: #666;
	padding: 65px 30px;
}

h1 {
	font: 22px/26px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #4b0049;
	padding-bottom: 5px;
}

h2 {
	font: 13px/16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #b44527;
	padding: 10px 0 2px 0;
	text-transform: uppercase;
}

p.date {
	font-weight: bold;
	color: #cc3300;
	text-transform: uppercase;
	padding-top: 10px;
}


p {
	padding-bottom: 10px;
}

br+em {
	color: #4b0049;
}

.note {
	font: 10px/13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style:italic;
	color: #cc0000;
}



/* Table
-------------------------------------------------------- */


ol {margin-left: 35px;}
ul {margin-left: 30px;}
td {height: 30px;}
input {width: 300px;padding: 2px;}
input.checkbox {width: 15px;}
input.paypal {width: 122px;height:47px;}
table.events {border-top: 1px solid #ccc;margin-top:15px;}
#dates tr {font-size: 11px; line-height: 13px; color: #333;}
table#dates td {border-top: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px;}
#dates td.noborder {border: 0;}