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

body {
	margin: 0;
	padding: 0;
	background: #FFFDD7;
	text-align: center;	/* center hack */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
div {
	margin: 0;
	padding: 0;
}
h1 {
	margin: 0 0 10px;
	padding: 0;
	color: #990000;
	font-size: 1.5em;
	font-weight: bold;
}
h2 {
	margin: 15px 0 7px;
	padding: 0;
	color: #1C43A5;
	font-size: 1.40em;
	font-weight: bold;
}
h3 {
	margin: 0;
	padding: 0;
	color: #990000;
	font-size: 1.05em;
	font-weight: bold;
}
h4 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

p {
	margin: 0 0 10px;
}
a{}		/* *** NOTE: We cannot use the generic "a" object here, because it will also be applied to <A NAME=""> tags. */
	a:link
	{
		padding: 0 2px;
		text-decoration: underline;
		color:	#1C43A5;
	}
	a:visited
	{
		padding: 0 2px;
		text-decoration: underline;
		color:	#1C43A5;
	}
	a:link:hover, a:visited:hover
	{
		padding: 0 2px;
		background: #CCCC99;
		text-decoration: underline;
		color: #1F2322;
	}
	a:link:active, a:visited:active
	{
		padding: 0 2px;
		background: #CEE4F2;
		text-decoration: underline;
		color: #1C43A5;
	}	
	
	h2 a:link {
		padding: 0;
		background: none;
		text-decoration: none;
	}
	h2 a:visited {
		padding: 0;
		background: none;
		text-decoration: none;
	}
	h2 a:link:hover, h2 a:visited:hover {
		padding: 0;
		background: none;
		text-decoration: underline;
	}
	h2 link:active, h2 a:visited:active {
		padding: 0;
		background: none;
		text-decoration: underline;
	}
hr {
	margin: 0 auto;
	border: 0;
	padding: 0;
	color: #1C43A5;
	background-color: #1C43A5;
	height: 2px;
	width: 95%;
	text-align: center;
}


#wrap {
	width: 960px;
	margin: 0 auto;		/* center hack */
	padding: 0;
	text-align: left;	/* center hack */
}
#header
{
	position: relative;
	height: 100px;
	margin: 10px 0;
	padding: 5px;
	background: url(images/Hdr_BG.gif) #576DCC top left no-repeat;
}
	#header a {
		margin: 0;
		padding: 0;
	}
	#MagicFest_Logo {
		/* float: left; */
	}
	.Hdr_Logos {
		float: left;
		margin: 0 0 0 5px;
		border: none;
		padding: 0;
	}
	.Hdr_Logo_first {}
	.Hdr_Logo_last {}
	#Hdr_WinTix {
		position: absolute;
		left: 5px;
		bottom: 6px;
	}
	#Hdr_Facebook	 {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

#header_nav {
	height: 24px;
	margin: 0;
	padding: 5px 5px 0;
	background: url(images/HdrNav_BG.gif) #576DCC top left no-repeat;
}
	/*	*****************************************************************
		*** Drop-down menus from Suckerfish
		*** http://www.htmldog.com/articles/suckerfish/dropdowns/example/
		***************************************************************** */
	#menu1, #menu1 ul {
		float: left;
	}
	#menu2, #menu2 ul {
		float: right;
		text-align: right;
	}
	#menu1, #menu1 ul,
	#menu2, #menu2 ul {
		margin: 0;
		border: none;
		padding: 0;
		background: none;
		list-style: none;
		line-height: 1;
		font-size: 14px;
		font-weight: bold;
	}
	 
	#menu1 a,
	#menu2 a {
		display: block;
		padding: 5px 15px 5px 5px;
		/* color: #1F2322; */
		color: #FFFFFF;
		text-decoration: none;
	}
	#menu1 a:hover,
	#menu2 a:hover{
		background: #CEE4F2;
		color: #1F2322;
	}
	 
	#menu1 a.daddy,
	#menu2 a.daddy {
		background: url(images/blt_arw_rt_brown_7d6340.gif) center right no-repeat;
	}
	 
	#menu1 li,
	#menu2 li {
		float: left;
		width: 10.0em;
		w\idth: 9.65em;
		padding: 0;
	}
	 
	#menu1 li ul,
	#menu2 li ul {
		position: absolute;
		left: -999em;
		z-index: 999;
		width: 12.0em;
		w\idth: 11.6em;
		height: auto;
		margin: 0;
		border: 2px solid #1F2322;
		background: #CEE4F2;
		font-size: 10pt;
		font-weight: normal;
	}
	 
	#menu1 li li,
	#menu2 li li {
		width: 10.1em;
	}
	 
	#menu1 li ul a,
	#menu2 li ul a {
		width: 10.6em;
		w\idth: 10.1em;
		color: #1F2322;
	}
	#menu1 li ul a:hover,
	#menu2 li ul a:hover {
		background: #1F2322;
		color: #CEE4F2;
	}
	#menu1 li ul a:active,
	#menu2 li ul a:active {
		background: #1F2322;
	}
	
	#menu1 li ul ul,
	#menu2 li ul ul {
		margin: -1.75em 0 0 14em;
	}
	 
	#menu1 li:hover ul ul, #menu1 li:hover ul ul ul, #menu1 li.sfhover ul ul, #menu1 li.sfhover ul ul ul,
	#menu2 li:hover ul ul, #menu2 li:hover ul ul ul, #menu2 li.sfhover ul ul, #menu2 li.sfhover ul ul ul {
		left: -999em;
	}
	 
	#menu1 li:hover ul, #menu1 li li:hover ul, #menu1 li li li:hover ul, #menu1 li.sfhover ul, #menu1 li li.sfhover ul, #menu1 li li li.sfhover ul,
	#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul, #menu2 li li li.sfhover ul {
		left: auto;
	}
	 
	#menu1 li:hover, #menu1 li.sfhover,
	#menu2 li:hover, #menu2 li.sfhover {
		background: #CEE4F2;
	}
	#menu1 li li:hover, #menu1 li li.sfhover,
	#menu2 li li:hover, #menu2 li li.sfhover {
		background: #CEE4F2;
	}
	#menu1 li li:active,
	#menu2 li li:active {
		background: #1F2322;
		color: #1C43A5;
	}
			 

#wrap_content {
	position: relative;
	margin: 0;
	border: none;
	background: url(images/Body_BG.gif) #FFFFFF top left repeat-y;
	padding: 10px 10px 0;
}

#content {
	float: left;
	width: 510px;
	margin: 0 15px;
	padding: 0;
	overflow: hidden;
	background: none;
	text-align: left;
}

#home_content {
	margin: 0 10px;
	padding: 0;
	overflow: hidden;
	background: none;
	text-align: center;
}

#sidebar_LT {
	float: left;
	width: 200px;
	background: none;
}
#sidebar_RT {
	float: right;
	width: 200px;
	background: none;
}
.Mod_Box_Title {
	/* *** Can't put this h2 inside the div because of IE6 background color issues *** */
	margin: 0;
	padding: 3px;
	border: 2px solid #1F2322;
	border-bottom: none;
	background: #1C43A5;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.05em;
}
.Mod_Box {
	margin: 0 0 10px;
	border: 2px solid #1F2322;
	padding: 8px;
	text-align: left;
}
	.Mod_Box p {
		margin: 8px 0 0 0;
		text-align: left;
	}
	.Mod_Box ul {
		margin: 5px 0 0 10px;
		border: 1px none orange;
		padding: 0;
		background: none;
		list-style: circle outside url("images/blt_arw_rt_blue_6faed9.gif");
	}
		.Mod_Box ul li {
			margin: 0 0 5px;
			padding: 0;
		}
/*
	#RTMod1_Box {
		background: #CEE4F2;
	}
	#RTMod2_Box {
		background: #CCCC99;
	}
	#RTMod3_Box {
		background: #A7DA81;
	}
*/
	.Mod_Box_EventDetails h3 {
		margin-top: 10px;
		margin-bottom: 0;
	}
	.Mod_Box_EventDetails h4 {
		font-size: 1em;
		font-weight: bold;
	}
	.Mod_Box_EventDetails p {
		margin: 0 0 10px;
	}
	
	#LTMod0_Box, #LTMod1_Box, #LTMod2_Box, #LTMod3_Box {
		background: #FFFFFF;
	}
	#LTMod3_Box {
		font-size: 9pt;
	}
		#LTMod3_Box ul {
		}
			
	#LTMod0_Box_Title, #LTMod1_Box_Title {
		background: #576DCC;
		color: #FFFFFF;
	}
	.Mod_Financial {
		background: #FFFFFF;
		text-align: center;
		font-weight: bold;
		font-style: italic;
	}
		.Mod_Financial a {
			background: none;
		}
		#RTMod1_Box a, #RTMod2_Box a, #RTMod3_Box a {
			background: none;
		}
		#RTMod1_Box img {
			padding: 25px 0;
		}
		#RTMod2_Box img {
			padding: 5px 0;
		}
		#RTMod3_Box img {
			margin: 15px 0 0;
		}

.ContentBox {
	margin-bottom: 10px;
	padding: 5px 10px 1px;
}
	.ContentBox h2 {
		margin-top: 0;
	}
	.ContentBox h3 {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.ContentBox a.ReadMore{
		font-weight: bold;
	}
	.ContentBox p {
		margin-bottom: 10px;
	}
	.ContentBox1 {
		border: 2px solid #CCCCFF;
	}
	.ContentBox2 {
		background: #E6E6FF;
	}
	.ContentBox_MoreInfo {
		text-align: left;
	}
	.ContentBox .InsetBox {
		margin: 10px 0;
		border: 1px solid #990000;
		padding: 10px 10px 0;
		background: #FFFFFF;
	}
		.ContentBox .InsetBox h3 {
			margin-bottom: 10px;
			color: #990000;
		}
		.ContentBox .InsetBox ul li {
			margin-bottom: 5px;	
		}



#footer_wrap {
	clear: both;
	margin: 0;
	padding: 15px 0 5px;
}
#footer {
	margin: 0;
	padding: 0;
	background: none;
	text-align: center;
}
	#footer p {
		margin: 0;
		padding: 0;
	}
	#footer_line1 {
		border-top: 1px solid #000000;
		padding: 0 10px;
	}
	p#footer_copyright {
		margin: 15px 0 0;
		padding: 0;
		text-align: center;
		color: #606060;
		font-size: 0.8em;
	}
#footer_cap {
	margin: 0 0 10px;
	padding: 8px 4px 0 0;
	background: url(images/Ftr_BtmCap.gif) top left no-repeat;
	text-align: right;
	font-size: 0.8em;
	color: #CCCC99;
}
	#footer_cap a {
		color: #CCCC99;
		text-decoration: none;
		font-weight: bold;
	}
	#footer_cap a:hover{
		background: #CCCC99;
		color: #000000;
	}



#Home_WinTix {
	position: absolute;
	left: 5px;
	top: 8px;
}

#Home_SponsorLogos {
	text-align: center;
	margin: 50px 0 20px;
}
	#Home_SponsorLogos h2 {
		color: #581113;
		margin-bottom: 15px;
		padding: 0;
	}
	#Home_SponsorLogos img {
		margin: 0 10px;
		vertical-align: middle;
	}
	#Home_SponsorLogos a {
		background: none;
	}



.Home_ModBox {
	width: 33%;
	float: left;
}
	#HomeMod1_Box {
	
	}
	#HomeMod2_Box {
	
	}
	#HomeMod3_Box {
	
	}



#LatestNews li {		/* *** Must use bottom margin/border/padding, because any top-padding messes up placement of the image-bullet in MSIE *** */
	margin-top: 10px;
	border-bottom: 1px solid #1F2322;
	padding-top: 0;
	padding-bottom: 10px;
}
	#LatestNews li:first-child {
		margin-top: 0;
	}
	#LatestNews li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}

dl#Contacts {
	width: 15em;
	margin: 0 auto 25px;
	border: 1px none black;
}
	#Contacts dt {
		margin-top: 15px;
		font-weight: bold;
	}
	#Contacts dd {
		margin-left: 10px;
	}

.Magician_tn {
	border: 1px solid #1F2322;
}
	.ContentBox1 .Magician_tn {
		float: left;
		margin: 0 10px 10px 0;
	}
	.ContentBox2 .Magician_tn {
		float: right;
		margin: 0 0 10px 10px;
	}

.Sponsors {
	position: relative;
}
	.Sponsors p.Definition {
		position: absolute;
		top: 0;
		right: 0;
		display: inline;
		margin: 8px;
		border: 1px none black;
		padding: 0;
		color: #1C43A5;
		font-weight: bold;
		font-style: italic;
		
	}
	.Sponsors ul {
		margin-top: 0;
		margin-bottom: 10px;
		list-style: disc outside none;
	}
	.Sponsors ul#HostNotes {
		margin: 0 0 15px;
		border: 1px solid #1C43A5;
		padding: 10px 10px 10px 20px;
		list-style: circle outside url("images/blt_arw_rt_blue_6faed9.gif");
	}
	.Sponsors ul#Hosts li {
		margin-left: 5px;
		margin-bottom: 10px;
		padding-left: 5px;
	}
		.Hosts_Name {
			font-weight: bold;
		}

#FAQ_Links {
	margin-left: 15px;
	padding-left: 0;
	font-weight: bold;
}
	#FAQ_Links li {
		margin-bottom: 5px;
	}

dl#FAQ_List {}
	#FAQ_List dt {
		margin-top: 20px;
		font-size: 11pt;
		font-weight: bold;
	}
	#FAQ_List dd {
		margin: 0 0 0 10px;
	}

/*
{}
	dl#NewsArticles dt {
		font-size: 1.1em;
	}
<!--
	<dt></dt>
		<dd class="Notes">(Optional)</dd>
		<dd class="Source"></dd>
		<dd class="Date"></dd>
-->
*/

dl#NewsArticles {
	margin-top: 0;
}
	dl#NewsArticles dt {
		margin-top: 10px;
		font-size: 10pt;
		font-weight: bold;
	}
	dl#NewsArticles dd {
		margin: 0 0 0 5px;
	}

.Resources dl {
	margin-top: 0;
}
	.Resources dl dt {
		margin-top: 10px;
		font-size: 10pt;
		font-weight: bold;
	}
	.Resources dl dd {
		margin: 0 0 10px 5px;
	}
	.Resources dl dd a {
		font-size: 8pt;
	}

.Events dl, #ShowTimes {
	margin-top: 0;
}
	.Events dl dt, #ShowTimes dt {
		margin-top: 10px;
		font-size: 10pt;
		font-weight: bold;
	}
	.Events dl dd, #ShowTimes dd {
		margin: 0 0 10px 5px;
	}

.YouTubeEmbed {
	margin: 10px auto 0; 
	border: 2px solid #1F2322; 
	padding: 2px; 
	text-align: center;	
}
.YouTubeLink {
	margin: 0 auto 10px;
	padding-top: 0;
	text-align: right;
	font-size: 8pt;
}

#BuyTixWrap {
	margin: 0 auto;
}
.BuyTixCol{
	width: 215px;
	margin: 0 0 10px 0;
	padding: 0;
}
	#BuyTixLt{
		float: left;
		margin-left: 15px;
	}
	#BuyTixRt{
		float: right;
		margin-right: 15px;
	}
	.BuyTix {
		margin: 0;
		border: 2px solid black;
		padding: 10px;
	}
		.BuyTix h3 {
			text-align: left;
		}
		.BuyTix h4 {
			margin-top: 13px;
			text-align: center;
		}
		#BuyTixOnline {}
			#BuyBtnWrap {
				width: 147px;
				margin: 10px auto 15px;
			}
		.OnlineSalesEnded
		{
			text-align: center;
			font-style: italic;
		}
		#BuyTixAtDoor {
			margin-top: 25px;
		}
		#BuyTixLocales {}
			dl.Tickets_Locs {
				margin-left: 15px;
				text-align: left;
			}
				.Tickets_Locs dt {
					font-weight: bold;
				}
				.Tickets_Locs dd {
					margin: 0 0 10px 10px;
					padding: 0;
				}

#MagicDinner-Photos {
	float: left; 
	width: 180px; 
	margin: -5px 10px 10px 0;
	padding: 0;
}
	#MagicDinner-Photos img {
		margin-bottom: 10px;
	}

.DinnerMagicPhoto {
	float: left;
	margin: 10px 10px 10px 0;
	clear: both;
}
.DinnerMagic-Loc {
margin-left: 190px;
}
	.DinnerMagic-LocName {
		font-weight: bold;
	}
	.DinnerMagic-LocLogo {
		float: right;
		margin: 0 10px;
	}

/* *** Keep this towards the end to give it weight *** */
a.resetLink {
	margin: 0 !important;
	border: none !important;
	padding: 0 !important;
	text-decoration: none !important;
	background: none !important;
}
	a.resetLink:link, a.resetLink:visited,
	a.resetLink:link:hover, a.resetLink:visite:hover, 
	a.resetLink:link:active, a.resetLink:visited:active {
		margin: 0 !important;
		border: none !important;
		padding: 0 !important;
		text-decoration: none !important;
		background: none !important;
	}

/* *** Keep this last *** */
.clear {
	clear: both;
	height: 1px;
	margin: 0 !important;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}


/* END CSS Document */