/* CSS Document */
html, body {
	height:100%;
	margin:0;
	border:0;
	padding:0;
	background:#4a1600;
	color:#FFFFFF;
	font-size:12px;
	font-family: "Arial", sans-serif;
}

sup{font-size:10px;}

ul#whatlist{letter-spacing:0.1em;line-height:15px; margin:0; padding:5px 0 0 50px; }

a.orange{color:#f37b59; text-decoration:underline;}
a.yellow{color:#c2b322; text-decoration:underline;}

span.bold{color:#f37b59; font-weight:bold;}

p{margin:0;border:0;padding:0;}
img {border:0; }

.debug {background:green;}
.debug2 {background:red;}
.debug3 {background:yellow;}
.clear {clear:both;height:1px;overflow:hidden;margin-top:-1px;font-size:1px;}

span.yellow{color:#c2b322;}

/* this is the css for the home page to center the content vertically and horizontally on the page */
#home div#container {
height: 100%;
border: 0px solid #f00;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#home .wrapper {
	padding: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	border: solid 0px #ccc;
	position: relative;
}
#home .centered p {
	margin: 0 auto;
	padding: 0px 0px;
	border: solid 1px #fff;
	width: 738px;
	height: 438px;
}


/* -- Begin hiding from IE -- */
html>body#home .wrapper {
	display: table;
}
html>body#home .centered {
	display: table-cell;
	vertical-align: middle;
}

/* -- Begin IE-specific hacks -- */
* html .centered {
	position: absolute;
	top: 50%;
	left: 50%;
}
* html .centered p {
	position: relative;
	top: -50%;
	left: -50%;
}

/* this is the css for the home page content */

#home span#mainbox{display:inline; float:left; width:100%; height:100%; text-align:left; }
#home span.wrapper2{float:left; padding:60px 0px; width:334px;border:0px solid red; text-align:right;}
#home span.wrapper3{display:inline;float:right; margin:60px 0;border:0px solid green; width:370px; text-align:left; }
#home span.myImage{display:inline;float:left;width:385px;}
#home span.content{display:inline;float:left;width:365px; padding-left:0px;}
#home span.contentcopy{display:inline;float:left;width:320px; margin:20px 0;letter-spacing:0.1em;line-height:15px;}

#home span.navcontainer{display:inline;float:left;width:365px; border:0px solid red;}
#home span.navcontainer table td img{margin-top:0px;}

/* styles for the 1 px white box */
#page #box{width:738px;height: 95%; border:1px solid #ffffff; margin:10px 0;}

/* forcing the height of the main pages to fit in the browser window if the content does not go the full height*/
div#page {
height: 100%;
border: 0px solid #f00;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

/* -- Begin hiding from IE -- */
html>body #box {
	display: table;
	
}
/* styles for the header and main nav also giving the 1 px white box */
#page #box .header, .tbheader{width:738px; height:210px;}
.tbheader td.logo img{padding-left:58px;}



#page .content_container{display:inline; float:left; width:738px; }
/* -- Begin hiding from IE -- */
html>body .maincontent{display:inline;float:left; width:680px; padding-left:58px; text-align:left; }
/* -- Begin IE-specific hacks -- */
* html .maincontent{display:inline;float:left; width:680px; padding-left:58px; text-align:left; }




img.pageheader{padding:28px 0 12px 0;}
.maincontent p{padding:20px 0 0 0 ;letter-spacing:0.1em;line-height:15px; width:622px;}
img.subheader{display:block;}


/* curiosity festival page css as it has a different layout */
#festival .maincontent .leftbox{display:inline;float:left; width:415px; text-align:left;}
.leftbox p{width:390px;}
#festival .maincontent .rightbox{display:inline;float:left;width:265px; text-align:left;}
.container{border-left:1px solid #704736; width:inherit; margin-top:28px;}
.rb_content{width:200px; text-align:left;}
.item{width:inherit; padding:20px 0;}