﻿/* Styles for micro site */

.microWrapper{float:left;width:940px;min-height:600px;height:auto!important; 
background : url(/content/microsites/festival-of-history-2010/foh-2010-background) no-repeat;padding-bottom:120px;}
.microTop h1{position:absolute; left:-999999px;}
.microTop .sIFR-ignore{font-size :100%;color:#FFFFFF;text-indent : -4000px;}
.microTop .sIFR-ignore span{} #promoDisk{display:none; float:none;margin:60px 0px 0px 60px;}
div.microTop{float:left;}

/*.microSearch{background : 

url(/content/microsites/festival-of-history-2010/searchbg.png) 

no-repeat;
_background : 

url(/content/microsites/festival-of-history-2010/searchbg.gif) 

no-repeat;width:475px;height:55px;margin-left:40px;float:left;display : 

inline;padding:12px 0px 0px 15px;}

.microSearch label{color:#ffeab2;font-size:180%;float:left;width:190px;}
#microInput{border-top: solid 1px #cbcbcb;border-bottom: solid 1px 

#dadada;border-right: solid 1px #b4b4b4;border-left: solid 1px 

#b4b4b4;width:165px;height:20px;margin-top:5px;vertical-align:10px;color:#a2a

2a2;
padding-left:5px;
}*/
#microSearchBtn{position:relative;top:0px;left:10px;}

.microBtm
{
    position:relative;
	float:left;
	margin:20px 0px 0px 00px;
	top:20px;
	display : block;
	width:100%;
	
}


div.microBtm .leftWrap{float:left; width:620px; margin-top:115px;}

div.microBtm .rightWrap{float:left;}


.mr-right20{margin-right:20px;}

h2.microBoxHdr{color:#FFFFFF;margin:15px 0px 0px 15px;} .microBox360{width:360px;} .microBox367{width:367px;} .microBox460{width:460px;} .microBox520{margin-left:25px;width:595px; _width:595px;}

.microBox{min-height:200px;height:auto!important;height:200px; display:block; margin-bottom:20px;}

.microBox .p-w325{color:#d0a9c4;font-size:130%;width:310px;padding:5px 0px 10px 15px;line-height:17px;	
}

div.overlapBg{display:none!important; 

width:360px;min-height:348px;height:auto!important;height:348px;
}
.microBtm .leftWrap a{color: #ffffff; text-decoration : none;}
.microBtm .leftWrap a:hover{text-decoration:underline;}
 .microBtm .leftWrap a.lchev{background : url(/content/microsites/festival-of-history-2010/lchev.gif) no-repeat 3px 4px;	padding-left:13px;
}
.microBtm .leftWrap a.lchev:hover{text-decoration : underline;
	background-position : 0px 4px;
}


.specialOffer{
background : url(/content/microsites/festival-of-history-2010/golden-ticket.png) no-repeat; 
_background: transparent;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/content/microsites/festival-of-history-2010/golden-ticket.png', sizingMethod='image');
	min-height:311px;height:332px!important;height:332px;
	position : static;
	width:285px;
	margin:480px 0 0 20px;
}
.specialOffer p{position:relative; left:0;top:44px;}

.specialOffer div.rightColBox{top:50px; left:15px; width:170px;}
.specialOffer .rightColBox a p{color:#ffffff; font-size:180%; line-height:1.4em; padding:none;  }
.specialOffer .rightColBox a{color:#ffffff; text-decoration:none;position:relative;}/* pos:relative fixes problem with alpha image loader in ie6*/

.eventRow{
	float:left;
	padding : 10px 0px 0px 0px;
	border-bottom: dotted 2px #734969;
	padding-bottom:20px;
	width:500px;
}

.eventRow-left{
float:left;
width:350px;
border-right: solid 1px #734969;
}

.eventRow .eventRow-left a{
	font-size:160%;
	display:block;
	clear:both;
	padding:0px 0px 10px 90px;
	text-decoration : underline;
}

.eventRow-left p{
	font-size:140%;
	color:#FFF;
	padding-left:90px;
	padding-right:20px;
}

.eventRow-right{
	float:left;
	padding : 0px 5px 0px 15px;
}

.eventRow .eventRow-right a{
		font-size:140%;
		display:block;
		text-decoration : underline;
		width:120px;
		padding-bottom:5px;
	}	
	
	
.eventRow .eventRow-right span{
			font-size:140%;
		display:block;
		color:#FFFFFF;
		width:120px;
	}	
	
/* Styles for micro site Feature */

.microBox{
	
}

.rightWrap .microBox{

}

.microFeature .leftWrap{
	width:480px;
	float:left;
}

.microFeature .rightWrap{
	width:460px;
	float:left;
}
	
.adBox{
	background : #F5F5EF;
	width:205px;
	float:left;
	padding:10px 0px 0px 15px;
}

.adBox-members{
	background : url(/images/membg.jpg) no-repeat 0% 100%;
	padding-bottom:152px;
}
.adBox-castle{
	background :transparent no-repeat 0% 100%;
	padding-bottom:118px;
}

.adBox p{
	color: #4A4A4A;
	font-size:130%;
	line-height : 17px;
	padding:0px 20px 0px 0px;
}

.adBox .smallerDart{
	background : none;
	height:33px;
	width:124px;
	color:#FFF;
	float:left;
	margin:10px 0px 0px 0px;
}

.adBox .smallerDart:hover{
text-decoration:underline;
}

#backToMainEvent{float:left; width:520px; background:#000000;}


#mediaContainer{float:right; margin:15px; clear:none;} 
#mediaContainer p{width:288px;}
div.topLeft{background : url(/content/microsites/festival-of-history-2010/body-bg.png) no-repeat 0 0; height:325px; padding:15px;
_background: transparent;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/microsites/festival-of-history-2010/body-bg.png', sizingMethod='image');
}

.topLeft p{font-size:140%; color:#ffffff; padding-bottom:10px;}
div.buyNow{
float:left;
background-image:url(/content/microsites/festival-of-history-2010/buyNowBtn);
background-repeat:no-repeat; 
background-color:transparent;
padding:10px 0px 15px 15px;

_background: transparent;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
(src='/content/microsites/festival-of-history-2010/buyNowBtn', sizingMethod='image');
width:115px;
}
.topLeft .buyNow a{color:#0087c0; font-size:160%; font-weight:bold; position: relative; }
.topLeft .buyNow a:hover{text-decoration:underline;}
.comp-promo-inner{width:180px;margin-top:30px;}
div.comp-promo{min-height:332px;height:auto!important; 
margin:-10px 0 0 25px; padding:0; 
background-image:URL(/content/microsites/festival-of-history-2010/event-updates-bg); background-repeat:no-repeat; 
background-color:transparent;
_background: transparent;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
(src='/content/microsites/festival-of-history-2010/event-updates-bg', sizingMethod='image');
}
div.comp-promo h2{width:350px; padding-top:35px; border-bottom:2px dotted 

#990000; margin-left:15px; margin-bottom:20px;} .comp-promo p{color:#ffffff;float:left;font-size:140%;width:380px;}


div.callout{width:223px; _width:213px; float:left; margin:10px 0 0 0;_margin:15px 0 0 5px;}
.callout p{text-align:center; color:#ffffff; text-transform:uppercase; 

font-family:"gill sans light", arial, helvetica, sans-serif; 

line-height:2.6em; font-size:100%; _font-size:100%;} .callout span.s1{font-size:250%;_font-size:230%;}
.callout span.s2{font-size:314%;_font-size:300%;}
.callout span.s3{font-size:350%;_font-size:320%;}
.callout span.s3 sup{font-size:40%;vertical-align:top;}
.callout span.s4{font-size:260%;}
.callout span.s5{font-size:200%;}


.comp-promo div.eventUpdateBlock{height:230px; width:380px; 

overflow:auto;padding-left:15px;}
.comp-promo .eventUpdateBlock a{float:left;width:120px;background : url(/static/images/rchev.gif) no-repeat 90% 90%; text-decoration : underline;}

.overlayh2{color:white;}

/*Styles added by spencer for event upda
tes*/

.eventUpdateBlock h3 {color:#FFFFFF; width:370px!important}
.eventUpdateBlock p {padding-top:3px}


#supportLogo a IMG {display:block; margin:30px 30px 0 0;  position:absolute; right:10px;}
div.socialLinks{float:left; position:relative; margin-top:45px;}
.socialLinks img{padding:0 4px 0 0;}
.localLinks a, .socialLinks a{font-weight:bold; padding:0 15px 0 0; color:#ffffff!important; }
.socialLinks a{font-size:160%;}
.localLinks a{ 
	display:block; 
	padding:0 0 0 15px; 
	background-image:url(/content/microsites/festival-of-history-2010/foh-bullet.gif); 
	background-repeat:no-repeat;
	position:relative;
	line-height:8px;
	}
div.dotted_line{border-color:#990000; margin:0;}/*overwrites default in style.css*/
