/*SETTING FOR ALL ELEMENTS*/

body{
	margin:0px;
	font-size:100%;
	text-align:center;
	color:#252525;
	background-color:#EAEAEA;
	outline:0px none;
}
#article{ background-color:#FFFFFF;}
#landingPage{ margin:0px; font-size:100%; color:#252525;
	background-color:#FFFFFF;
}
#landingPage div{ width:850px; margin-right:auto; margin-left:auto;}
#landingPage object{  width:700px; margin-right:auto; margin-left:auto;margin-bottom:50px; margin-top:20px}
#landingPage div object > img{ width:450px; margin-right:auto; margin-left:auto; margin-bottom:10px}
a{ text-decoration:none; color:#8082FF; border:0px none;}
a:hover{ text-decoration:underline; color:#2426FF; border:0px none;}

p{ margin:5px 0px; padding:5px;}
p img{ margin:0 5px 0 5px}
h1{ font-size:100%; color:#252525; text-align:left; padding:5px;}
h2{ font-size:95%; color:#252525; padding:5px;}

img{ border:0px none; width:auto; height:auto;}

dd{ padding: 5px; margin-bottom:3px; text-align:left}
dt{ font-weight:bold; padding:5px; text-align:left}

form div{ margin:2px 0 2px 0; padding:2px 0 2px 0; display:block; clear:both}
#contentWrap{ width: 850px; padding:5px; position:relative; height: auto; z-index: 1; margin-top:3px;
	margin-left:auto; margin-right:auto; text-align:left; background-color:white; left:0; top:0; display:block;
}
#utility{ padding: 5px; margin:10px 0px 3px 0px; float:right; width:auto; height:auto}
.tell{ color:#8082FF}
#flashBanner{ width: 850px; height: 272px; left: 0px; top: 0px; margin:0 0 20px 0; clear:both}
#flashBanner object{ position:inherit; width:850px; height:272px;}
#navBar{  height: 24px; z-index: 1; left: 0px; margin:0 4px 20px 4px }
#promo{ width: 850px; height:200px; z-index: 1; clear:both; border:0px none; margin-bottom: 20px; position:static} 
#promNav{ width:300px; height:200px; display:inline-block;position:static}
#promNav img{ float:left}
#promImgBox{ width:500px; height:200px; left:0; top:0; position:static}
#logoBox{ position:static; height:100px; width:280px }
#transUtil{ width:20px; height:20px; border:0px none;}
.hideContent{ visibility:hidden;}
.displayContent{ visibility:visible;}
.fieldSet{ border:1px #BDBEFF solid; padding:5px; width:480px; height:auto;}
.detailList { height:auto; }
#personalDetails{ display:block; width: auto; height:auto; margin-top:15px; margin-bottom:5px; }
#playerBox{ height:auto;margin:5px}
#playerBox div{width:100%; height:298px}
#videoListBox{ height:auto; width:220px; }
#videoListHead{ text-align:center; color:#0002BD; margin:0px}
#videoList{ margin:2px 0 10px 0; height:205px; width:200px; border:0px none; outline:none 0px;}
#contactBox{ width:500px; height:auto; margin-left:15px}
#videoBox{ width:auto; height:auto;}
#imgPanel img{ width:auto; height:auto; margin:0 15px 0 15px; padding:5px 0 5px 0}
#buildingMsg{ width:600px; height:auto;}
#partnerBox{ width:600px; height:auto; margin-left:10px
}
#potterHand{ background:#E8E2DE url('../images/event-banner.png') no-repeat scroll left top;
 	color:#000000; padding:3px 0 3px 0; min-height:158px; }
#potterHand img{ margin-left:60px; margin-top:3px}
#potterHand p{ margin-right:15px; margin-top:15px; padding:2px; width:140px;  float:right; clear:left; }
#potterBottom{ position:relative; left: 6px; bottom: -62px }
#imageDisplay{ vertical-align:baseline; margin-left:65px; width:238px; height:343px;}
#buildingCampaign{ margin-top:20px;}
#messageBox{ position: relative; width: 110px; height: 130px; z-index: 4; left: 380px; top: -164px}
.itineraryList{ height: 200px; background-color: #CDCDCE; border: #ffffff 1px solid; width:575px;
	font-weight:bold; }
.itineraryList tbody td{ color:#111F4F}
.itineraryList .rowA{ background:#ECECFF}
.itineraryList .rowB{ background:#C8C9FF;}
.itineraryList thead tr{ height: 10px; background-color: #AF8022; text-align:left;}
.itineraryList * td{ padding:5px; width:150px; white-space:pre-line;}
.itineraryList p{ text-align:center}
.videoPlayer{ margin:15px 5px 0 5px; }
.label{ font-weight:bold; margin-right: 10px; width: 100px; color:#0003FF}
.itineraryLabel{ font-weight:bold; margin-right: 10px; width: 100px; color:#0003FF}
.articleBox{width: 85%; height:auto; text-align:left; background-color:white; margin-left:10px; float:left }
.columnLeft{ float:left; width:auto;}
.columnRight{ margin-left: 5px; float:right; width:300px; position:relative }
.column{ height:auto; width: 48%; margin:0px 5px 0px 0px; position:static}
.columnLarge{ height:auto; width:640px; margin:0px; padding:0px; }
.innerColumn{ width: auto; height:auto; }
.clear{ clear:both}
.justify{ text-align:justify}
.center{ text-align:center;}
.emphasis{ text-decoration:none; font-style:italic; color:#FF3333; font-size:14px;}
.globalNav{ width:85px; display:inline-block; text-align:center; margin:0 2px 0 2px;	}
.globalNav a{ color:#0D457D; display:block; 
			background:transparent url('../images/navButton.gif') no-repeat center; height:25px;}
.globalNav a:hover{ background:transparent url('../images/navButton-hover.gif') no-repeat center; 
					text-decoration:none; color:#0003FF }
.globalNav * img{ width:auto; height:auto; border:0px none;}
.rightSideBox{ margin:0 0 10px 0; width:auto; height:auto;}
.rightAlign{ text-align:justify}
.centerImg{ margin-left:35px; }
.borderLeft{ border-left:1px #6C6C6C solid;}
.borderRight{ border-right:1px #6C6C6C solid;}
.borderTop{ border-top:1px #6C6C6C solid;}
.borderBottom{ border-bottom:1px #6C6C6C solid;}
.border{ border:1px #6C6C6C solid;}
.topCurve{ background:transparent url('../images/welcome-box.png') no-repeat;}
.topCurveLine{ background:transparent url('../images/top-curve.jpg') no-repeat left top;}
.bottomCurve{ background:transparent url('../images/bottom-curve.png') no-repeat 0 0;}
.bottomCurveLine{ background:transparent url('../images/bottom-curve.jpg') no-repeat bottom right;}
.borderLeft{ border-left:1px #B9B9DC solid;}
.borderRight{ border-right:1px #B9B9DC solid; }
.borderTop{ border-top:1px #B9B9DC solid;}
.borderBottom{ border-bottom:1px #B9B9DC solid;}
.straightHeader{ background:transparent url('../images/straightHead.gif') repeat-x top;}
.relative{ position:relative}
.inherit{ position:inherit}
.static{ position:static}
.right{ float:right}
.left{ float:left}
.sideNavigation{ width:200px; height:auto;  margin:10px 10px 10px 0px; left:0px;
	padding:0px; /* background-color:#A9AFDA; */}
.startLeft{left:0px}
.fixed{ position: fixed}
.productImg{ width:40%; height:40%; }
.productThumbnail{ width:auto; height:auto}
.productDesc{ height:auto; width:auto;}
.shopBox{ min-height:300px; width:630px; display:block; height:auto; font-size:0.85em; margin-bottom:10px}
.shopBox img{ margin-right:10px}
.submit{ margin:15px 0 10px 10px; position:static; float:left; clear:both}
button.submit{ border:0px none; margin:15px 0 10px 10px; position:static; 
	float:left; clear:both; display:block;}
button#requestCode{ background:transparent url('../images/request_code-img.png') no-repeat center 0px;
 border:0px none; width:123px; height:32px;}
button#contactButton{ background:transparent url('../images/submit-img.png') no-repeat center 0px;
 border:0px none; width:123px; height:32px;}
.generalList{ margin-left:10px; list-style:disc;}
.generalList li{ padding:5px;}
.nonBulletList{ margin-left:10px; list-style:none;}
.nonBulletList li{ padding:5px; }
.nonBulletList * a{ display:inline-block;}
.nonBulletList * a:hover{ background:transparent url('../images/list-hover.png') no-repeat fixed left center;}
.infoBox{ width: 250px; height:200px}
.contactDetails{ width:auto; height:auto; background-color:#EAEAEA;}
.infoLink :hover{ text-decoration:none}
.articleTab{ width:155px; height:26px; background:#40003F url('../images/article_tab.png') no-repeat center right; 
	color:white;text-align:center; float:left; display:block; cursor:pointer; }
.itineraryHead{ background:transparent url('../images/itinerary-list.png') no-repeat 0 0;}

/* FIELD VALIDATION STYLE RULES */
.errorField{ background:#700C0C; border:1px #700C0C double;}
.resetError{ background:#FFFFFF; border: 1px #BDBEFF solid;}

/*
.articleTab:hover{ background:#FFDFFF url('../images/article_tab-hover.png') no-repeat center right;
	color:#40003F; text-align:center}
*/

.articleTabChanged{ width:155px; height:26px; background:#FFDFFF url('../images/article_tab-hover.png') no-repeat 110% 50% ; 
	color:#40003F;text-align:center; float:left; display:block; cursor:pointer;
}
ol.articleList{ list-style:lower-roman}
ul.articleList{ list-style:circle}
.articleList li{ padding: 5px;}
.centerColumn{ width:60%; height:auto; margin-left:15px; margin-right:10px}
.textLeft{ text-align:left;}
#mainBody{	left: 0px; clear:both; width: 850px; height:auto; margin-top:10px; position:relative }
#meetingBox{ color:#6C6C6C;}
#descriptionBox #textWrap{ width:auto; height:auto}
#logo{ width:97px; height:98px; float:left;}
#leftPanel{ width:70%; height:auto; margin-bottom:10px;}
#indexLeftPanel{ width:500px; height:180px; margin-bottom:20px; }
#indexLeftPanel div{ position:inherit}
#rightPanel{ width:100%; height:auto; }
#rightPanelContent{ width:600px; height:auto; display:inline}
#rightPanelContent div.left{ width:395px; height:auto;}
#rightSideContent{ width:300px; height:420px; }
#articleBox{ width:155px; height:auto; display:block; margin-right:3px; min-height:400px; background-color:#40003F}
#articleBox a, #articleBox a:hover, #articleBox a:visited{text-decoration:none; color:#FFFFFF;}
#articleBox a:active, #articleBox a:link{ color:#40003F; text-decoration:none;}
#articleFrame{ width:680px; height:570px; border:0px none; }
#eventBox{ width:540px; padding:auto 15px auto 0px; margin-left:45px; height:auto; overflow:auto;}
#regEventBox{ width:100%; height:auto; padding:15px;}
#eventImg{ width:auto; height:auto}
#bookGallery{ width:auto; height:220px; margin-top:10px; }
#bookGallery ul{ margin:0 40px 0px; list-style:none; padding:3px;}
#bookGallery ul li{ float:left; width:160px; margin:0 10px 0 10px}
#gallery{
	padding:5px; overflow-y:scroll; overflow-x:hidden; display:block;
	height:180px; margin:0 auto 10px auto;
	 
}
#gallery a img{
	margin:15px 3px 0px 3px; 
}
#gallery-main{padding-top:20px; margin-top:12px;}
#moreInfo{ color:#0D457D}
#sideNavigationBox{ text-decoration:none;}
#sideNavigationBox img{ padding:0px; margin-bottom:3px}
#sideNavigationBox img{ float:left; margin-bottom:3px;}
#sideNavigationBox div#tab0{ width:220px; height:44px; background:transparent url('../images/side-nav0_hover.png') no-repeat left;}
#sideNavigationBox div#tab1{ width:220px; height:44px; background:transparent url('../images/side-nav1_hover.png') no-repeat left;}
#sideNavigationBox div#tab2{ width:220px; height:44px; background:transparent url('../images/side-nav2_hover.png') no-repeat left;}
#sideNavigationBox div#tab3{ width:220px; height:44px; background:transparent url('../images/side-nav3_hover.png') no-repeat left;}
#sideNavigationBox div#tab4{ width:220px; height:44px; background:transparent url('../images/side-nav4_hover.png') no-repeat left;}

#sideNavigationBox div a{ display:block;}
.moreInfo{ color:#0D457D; text-decoration:none}
.moreInfo:hover{ color:#0d457d; text-decoration:none;}
#IframeBox{ margin:15px 0 15px 0;}
#articleCaption{ height:30px; margin-bottom:15px}
#postCodeIframe{ width:100%; height:545px;}
#productBox{ position:static; width:auto; height:auto;}
.paragraph{ font-size:2em; font-family: Vivaldi Courier, Helvetica, sans-serif; }
.padContent{ padding:5px;}
.infoLink{ text-decoration:none;}
.infoLink a{ text-decoration:none;}
.infoLink a:hover{ text-decoration:none;}
.messageCaptionBlack{ font-size:1em; font-weight:bolder; color:black}
.messageCaptionWhite{ font-size:1em; font-weight:bolder; color:white}
#message{ font-size:0.9em;}
#footer{ margin:25px 0 10px 0; clear:both; width: 850px; height: auto; z-index: 1; 
	left: 0px; font-size:90%; text-align:justify; color:blue;  
	background:transparent url('../images/footer_text-img.png') repeat-y center top}
#footer a{ color:#8082FF; border:0px none;}
#footer a:hover{ color:#2426FF; border:0px none;}
#footer img{ border:0px none;}
#footer p{ margin-left:20px; width:630px}
/*TAB NAVIGATION*/

/*globalnav*/

#tabNav { width:100%; margin:0; list-style:none; display:block;}

#tabNav li {
	float:left;
	margin:0;
	padding:0;
}

#tabNav a.notCurrent {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#E2ECFE;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}
#tabNav a.current {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;	
	background:#C0D8FE;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}


#tabNav a.notCurrent:hover,
#tabNav a.notCurrent:active,
#tabNav a.current:link,
#tabNav a.current:visited {
	background:#C0D8FE;
}

#tabNav a.current:link,
#tabNav a.current:visited {
	position:static;
	z-index:102;
}

/*subnav*/

#tabNav ul {
	position:static;
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#tabNav ul li {
	float:left;
	display:block;
	margin-top:1px;	
}

#tabNav ul a {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#tabNav ul a:hover,
#tabNav ul a:active,
#tabNav ul a.current:link,
#tabNav ul a.current:visited {
	color:#444;
}