/* force vertical scrollbar in ff */
html { 
	min-height: 100.2%; 
}

/* 																HTML TAG RESET */
body, 
h1, h2, h3, h4, h5, h6,
img,
p,
ul, li { 
	padding: 0; 
	margin: 0; 
	border: 0;
}


/* 																HTML TAG DEFINITIONS */
body {
	color: #5F3117;
	font-family:  Verdana, Geneva, sans-serif;
	font-size: 62.5%;
	background: #A4BD87 url(images/screen-bg2.jpg)  repeat-x top left;
 	text-align: center; /* centre page in IE5 */
 	margin-bottom: 5px;
}



a {
	outline:none;
}

a img {
	border:none;
	background:none;
	outline:none;
}
/*
div#left-column h1 {
	color: #E62B86;
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 15px 10px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-transform: uppercase;
}
*/

div#left-column h1, div#about-container1 h1, div#about-container2 h1, div#about-container3 h1 {
	color: #F167AB;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: 0.lem;
	margin: 0 0 15px 10px;
	font-family: impact, charcoal, sans-serif;
	text-transform: uppercase;
}

div#right-column h1  {
	color: #A08475;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: 0.lem;
	margin: 5px 0 15px 5px;
	font-family: impact, charcoal, sans-serif;
	text-transform: none;
}

h1.no-margin-bottom {
	margin-bottom: 0 !important;
}

h1.alt-colour {
	color: #A4BC88 !important;
}

h2 {
	color:#E62B86;
	font-size:1.6em;
	font-weight:bold;
	margin:.5em 0;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

h3 {
	color:#5F3117;
	font-size:1.3em;
	margin: 20px 0 10px 10px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-transform:uppercase;
}

h3.paler {
	color: #a08475;
}

.h3-style {
	font-weight: bold;
}

h5.palace-intro {
	color: #735849;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: 0.lem;
	margin: 20px 0 15px 0;
	padding: 0;
	font-family: impact, charcoal, sans-serif;
	text-transform: none;
}

div.box1 h6  {
	color: #A08475;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: 0.lem;
	margin: 0;
	padding: 10px 10px 0 150px;
	font-family: impact, charcoal, sans-serif;
	text-transform: none;
}

div#page-wrapper {
	width:920px;
	margin:0 auto;
}	

div#banner {
    width:950px; 
    height:158px;
    background: #fff;
    margin:0 auto; 
    padding:0;
}

	h1.main-heading, h1.palace-heading {
	  	color: #735849;
      	margin:0; 
      	padding:0;
     	position:relative;
     	width:950px; 
     	height:158px;
     	overflow:hidden;
      }
      
   	h1.main-heading span {
      	display:block;
      	position:absolute; left:0; top:0; z-index:1;
      	width:950px; height:158px;
      	margin:0; padding:0;
      	background:transparent url("images/bb-banner3.jpg") top left no-repeat;
      }
      h1.palace-heading span {
      	display:block;
      	position:absolute; left:0; top:0; z-index:1;
      	width:950px; height:158px;
      	margin:0; padding:0;
      	background:transparent url("images/palace-banner3.jpg") top left no-repeat;
      }
      

/* 																MAIN NAVIGATION */  	
/* thanks: http://blixt.org/articles/tabbed-navigation-using-css */
	
div#main-nav {
	width:920px;
	/*font-family:  Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
	overflow: hidden;*/
	background: #fff;
	/*border-top: 1px solid #8B7265;
	border-bottom: 2px solid #8B7265;*/
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc a {
    background: #A08475 url(images/tabs.gif);
    color: #5F3117;
    color: #fff;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #E62B86;
    background-position: 0 -120px;
    color: #fff;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    background-color: #cfcbc2;
    background-position: 0 -60px;
    color: #E62B86;
    color: #5F3117;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(images/tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

/* required for IE5/6 and for one column page layout */
div#column-container {
	float: left;	
	display: inline; /*for IE5/6 double margin bug*/	
	width: 920px;
	padding: 10px 0 20px 0; /* keeps a gap open above the footer and longest column */
	margin: 0;
	background: #CFCBC2;
	text-align: justify;
	font-family:  Verdana, Geneva, sans-serif;
}	

div#teaser {
	float: left;
	width: 900px;
	margin: 0 5px 10px 5px;
	padding: 5px;
	background: #DBF7C7;
}

div#teaser img {
	float: left;
	margin-right: 5px;
}

div.teaser-text {
	float: left;
	padding: 0;
	margin: 0;
	width: 410px; 
}

ul.teaser {
	list-style-position: outside;
	list-style-image: url(images/bullet4.gif);
	margin: 10px 0 10px 25px;
	text-align: left;
	color: #F167AB;
}

li.teaser-alt {
	list-style-image: url(images/bullet3.gif);
	color: #735849;
}

ul.teaser li {
	margin-bottom: 12px;
	font-size: 1.9em;
	font-weight: normal;
	letter-spacing: 0.lem;
	font-family: impact, charcoal, sans-serif;
	text-transform: none;
}

div#left-column {
	float: left;
	background: #EDEBE7;
	border: 1px solid #fff;
	display: inline; /*for IE5/6 double margin bug*/
	margin: 0 5px 0 5px;
	padding: 10px 0;
	width: 516px;
	text-align: justify;
	font-family:  Verdana, Geneva, sans-serif;
	overflow: hidden; /*ie6 expanding box bug */
}

div#left-column h2, div#single-column h2 {
	margin: 0 0 5px 10px;
}

div#teaser p, div#left-column p, div#single-column p, div#about-container1 p, div#about-container2 p, div#about-container3 p, div.box1 p {
	margin: 10px 10px 0;
	font-size: 1.3em;
	line-height: 1.4em;
}
	
div#teaser p.last, div#left-column p.last, div#single-column p.last, div#right-column p.last, div.box1 p.last {
	margin-bottom: 20px; 
	}
	
div#right-column {
	float: left;
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 392px;
	text-align: justify;
	font-family:  Verdana, Geneva, sans-serif;
	overflow: hidden; /*ie6 expanding box bug */
}

div#right-column p {	
	line-height: 1.5em;
	margin: 5px 0;
}


div.box1 {
	background: #fff; 
	padding: 10px 10px 15px 10px;
	border-bottom: 2px solid #A4BD87;	
	border-right: 2px solid #A4BD87;	
	border-top: 1px solid #A9EB7A;		
	border-left: 1px solid #A9EB7A;	
	margin: 0 5px 5px 0;
}

div.box1a {	
	margin: 10px;
	padding: 0 4px;
	background: #DEDAD2;	
	background: #FAF0F4;
	border: 1px dotted #a08475;	
}

div.box1b {
	margin: 10px;
	padding: 5px 0 15px 0;
	background: #fff;
	border: 1px dotted #a08475;	
}

/* 																mini gallery */	

div.mini-gallery {
	width: 381px;
}

div.mini-gallery img {
	display: block;
	padding: 3px;
	margin: 0 auto;
	background: #e0e0e0;
}

div.mini-gallery h6 {
	text-align: center;
	margin: 0 auto 10px;
	font-weight: normal;
}

div#slider h6 {
	text-align: center;
	margin: 2px 0;
	width: 333px;
	height: 16px;
	font-weight: normal;
	padding: 0;
	background: #FAF0F4;
}
div.book-box {
	width: 384px;
	background: #FAF0F4;
	padding: 5px 0 10px 0;
	border-bottom: 2px solid #A4BD87;	
	border-right: 2px solid #A4BD87;	
	border-top: 1px solid #A9EB7A;		
	border-left: 1px solid #A9EB7A;	
	margin: 0 0 0 0;
}

.right-img {
	margin-left: 6px;
}

div#mini-gallery img#middle {
	margin: 0 10px;
}
			
blockquote {
	font-size:1.4em;
	line-height:1.5em;
	margin:0 0 5px 0;
	padding: 0 0 0 30px;
	color: #5F3117;
	font-family:  Georgia, 'times new roman', times, serif;
	background: url(images/openquote.gif) no-repeat left top;
}

blockquote span {
	background: url(images/closequote.gif) no-repeat right bottom;
	display: block;
	padding: 0 30px 0 0;
}


h5 {
	font-size: 1em;	 /* for block quotes */
	font-family: Verdana, Geneva, sans-serif;
	padding: 15px 0 0 30px;
	font-weight: normal;
	text-align: left;
	color: #479012;
}

.tutorial-index-main-item {	
    color: #E62B86;
}

.highlight {
	color: #E62B86;
	text-transform: uppercase;
}
.standout {
	color: #E62B86;
	font-weight: bold;
	font-size: 1.1em;
}

div#left-column p.pullquote {
margin: 7px auto;
padding: 10px;
width: 500px;
font-family:  Georgia, 'times new roman', times, serif;
text-align: center;
font-size: 1.8em;
color: #a08475;
}

/* 																TEXT LINKS */

a:link {
	color: #479012;
}

a:visited { 
	color: #479012;  
}  

a:hover {
	color: #E62B86;
} 

a.current {	
	color: #E62B86;	
}	

ul.bulleted {
	list-style-position: outside;
	list-style-image: url(images/bullet2.gif);
	margin: 20px 10px 10px 30px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.5em;
}
ul.bulleted-alt {
	list-style-image: url(images/bullet1.gif);
}
	
ul.bulleted li {
	margin-bottom: 8px;
}

/*																ABOUT US styling */

div#about-container1, div#about-container2, div#about-container3 {
	float: left;
	width: 750px;
	text-align: left;
	margin: 25px 0 10px 90px;
	text-align: justify;
	font-family:  Verdana, Geneva, sans-serif;
	}
	a.pic1, a.pic2, img.pic3 {
	float: left;
	clear: both;
	padding: 3px;
	margin: 0 25px 0 0;
	/*background: #e0e0e0;*/
	}
	
	div#about-container1 p, div#about-container1 h1, div#about-container2 p, div#about-container2 h1, div#about-container3 p, div#about-container3 h1 {
		width: 450px;
		float: left;
		margin-left: 28px;
		margin-bottom: 0;
		display: inline;
	}
	
div#about-container1 a:link, div#about-container1 a:visited {
	display:block; 
	width:200px;
	height:200px; 
	text-indent:-9999px;
	background:url('images/al-pics.jpg') no-repeat;
	margin-right: 20px;
	}
	
div#about-container2 a:link, div#about-container2 a:visited {
display:block; 
width:200px;
height:200px; 
text-indent:-9999px;
background:url('images/jl-pics.jpg');
margin-right: 20px;
}

div#about-container1 a.pic1 {background-position:0px 0px;}
div#about-container1 a:hover.pic1, div#about-container1 a.pic1-current {background-position:-200px 0px;}

div#about-container2 a.pic2 {background-position:0px 0px;}
div#about-container2 a:hover.pic2, div#about-container2 a.pic2-current {background-position:-200px 0px;}

div#about-container1 h2, div#about-container2 h2, div#about-container3 h2 {
	margin-top: 0;
}

/*																centre contact img */

img#contact-us {
	display: block;
	margin: 0 auto;
}

/* 																FOOTER */	
div#footer {
	background: #A08475;
	width: 920px; 
	float: left;
	text-align: left;
	padding: 10px 0 0 0;
	margin: 0;
	border-top: 2px solid #8B7265;
	border-bottom: 3px solid #8B7265;
}

div#footer-pics {
	float: right;
	margin: 0 8px 8px 0;
	padding: 0;
}

div#footer-pics img {
	float: right;
	margin: 0;
	padding: 0;
}

div#footer-blurb {
	float: left;
	width: 550px;
}

div#footer-blurb img {
	float: left;
	margin: 0 10px 0 4px;
}

div#footer-pic1, div#footer-pic2 {
	float: right;
	margin-left: 5px;
}
	
div#footer-pic1 a:link, div#footer-pic1 a:visited {
	display:block; 
	width:38px;
	height:38px; 
	text-indent:-9999px;
	background:url('images/al-pics-small.jpg') no-repeat;
	}
	
	
div#footer-pic2 a:link, div#footer-pic2 a:visited {
	display:block; 
	width:38px;
	height:38px; 
	text-indent:-9999px;
	background:url('images/jl-pics-small.jpg') no-repeat;
	}
	
div#footer-pic1 a.pic3, div#footer-pic2 a.pic4 {background-position:0px 0px;}
div#footer-pic1 a:hover.pic3, div#footer-pic1 a.pic3-current, div#footer-pic2 a:hover.pic4, div#footer-pic2 a.pic4-current {background-position:-38px 0px;}

/* 																FOOTER TEXT LINKS */

div#footer a {
	text-decoration: none;
} 

div#footer a:link {
	color: #fff;
}

div#footer a:visited { 
	color: #fff;  
}  

div#footer a:hover {
	color: #e62b86;
} 

div#footer a.current {	
	color: #fff;	
}	

.nudge-down {
	margin-top: 5px;
}

div#tenreasons {	
	background: url(images/reasons.jpg)  no-repeat top left;
	float: left;
	width: 560px;
	height: 370px;
	display: inline;
	margin: -10px 0 0 5px;
	padding: 0 0 0 0;
	text-align: justify;
	font-family:  Verdana, Geneva, sans-serif;
	overflow: hidden; /*ie6 expanding box bug */
}

img.press, img.repeat, img.prev {
	float: left; 
	display: inline; 
	margin: 0 3px;
}

img.binit {
	display: inline; 
	margin: 0 3px -3px;
}

div#legend ul {
    list-style: none;
    margin: 10px 0 15px 0;
    padding: 7px 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px dotted #479012;
	border-bottom: 1px dotted #479012;
}

div#legend li {
	display: inline;
	margin-right: 12px;
}


.floatleft {
	display:inline;
	float:left;
}

.floatright {
	display:inline;
	float:right;
}
	
p.schedule {
	width: 500px; 
	float: left;
}
span.schedule-time { 
	width: 95px; 
	float: left; 
	text-align: left; 
	margin-right: 5px;
}

span.schedule-activity { 
	width: 400px; 
	float: left; 
}

a#more-about {
	display: block;
	margin: -15px 0 0 475px;
}

.small-text {
	font-size: 1.1em !important;
}

.clear {
	clear: both;
}