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

body { color: #5A5858; font-family: Arial, Helvetica, sans-serif; font-size: 71%; text-align: center; }
.clearer {clear: both;}
 

html,body {margin:0 auto;text-align:center}
#main_bg {text-align:left}

html{ background-color:#fff;background-image: url(../images/site/pg_background.jpg); background-repeat:repeat-x; }

#main_bg{background-color:transparent;background-image:url(../images/site/body-bg.png);background-position:center 0;background-repeat:repeat-y;margin:0 auto}

body{background-color:transparent;background-image:url(../images/site/logo-top-bg.png);background-position:center 0;background-repeat:no-repeat}

#page_bg{background-color:transparent;background-image:url(../images/site/logo-top-bg.png);background-position:center 0;background-repeat:no-repeat;width:1020px;padding:0 9px;margin:0 auto}

.contentWrapper {width: 968px; margin-left: 27px; background: url(../images/site/vstrips.png) repeat-y; }
	body#SA_home .contentWrapper, body#SA_gallery .contentWrapper { background: none;}
	.leftColumn { width: 249px; float: left;}
	.middleColumn {width: 534px; padding: 0px 32px; float: left; /*background: url(../images/site/vstrip.png) no-repeat top left;*/ }
	.rightColumn { width: 212px; float: left;  }
	.leftAndMiddleColumns { width: 815px; padding-right: 32px; float: left;}
	.allColumns { width: 968px;}

.footer { clear: both; width: 1020px; background: url(../images/site/footer.png) repeat-y; padding-top: 8px; } /*padding: 8px 40px 10px 43px;*/ 
	.footer p { padding: 5px 27px; }
	p.secondFooter  { clear: both; position: relative; top: 0px; }

h1 { font-size: 24px; color: #00345C;  }
h3, h5 { font-size: 14px; color: #00345C; font-family: Arial, sans-serif; font-weight: bold; }
h4, h6 { font-size: 12px; color: #666666; font-family: Arial, sans-serif; font-weight: bold; }
	h6 { padding: 10px 0px; }

p, td, li { font-size: 12px; color: #333333; font-family: Arial, sans-serif;  }
	p { padding: 5px 0px;}
	p a { color: #003E7E; text-decoration: underline; }
	.bulletPoint { list-style-image: url(../images/site/bullet.gif); list-style-position: inside; margin: 10px 0px; }
strong { font-weight: bold; }
em { font-style: italic; }
	
.bookNow a {color: #00345C; background: #D7D7D7 url(../images/site/subnav_on.jpg); display: block; width: 160px; height: 10px; padding: 15px; text-decoration: none; margin: 10px 0px; border-left: solid 1px #E2E2E2; border-right: solid 1px #E2E2E2;}

.imgBorderRightPad { margin-right: 16px; margin-bottom: 10px; border: solid 1px #CCCCCC;  }

/* TOP BANNER & NAVIGATION */
.topBanner, #topBanner { width: 968px; margin-left: 27px;  /*margin-left: 43px;*/ padding-top: 11px; } 
	.topNav { width: 968px; margin-left: 27px; /*margin-left: 43px;height: 60px;*/ margin-top: 1px; padding: 0px; background: url(../images/site/topnav_bg.png) repeat-x top left; height: 60px;  } 

		.topNav li { float:left; list-style: none;} 
			.topNav a { text-align: center; text-decoration: none; font-size: 12px; display: inline-block; color: #FFFFFF;}
			.topNav a:link, .topNav a:visited {padding: 12px 20px;  background:url(../images/site/nav_off.gif) no-repeat top right; }
			.topNav a:active {  }  
			.topNav a:hover { background: url(../images/site/nav_hover.jpg) no-repeat top right; color: #FFFFFF; } 
				
			body#SA_home #SA_Home, body#SA_packages #RG_Packages, body#SA_contact #ContactUs, body#SA_champions #SA_Champ, body#SA_celebrations #SA_Celebrate, body#SA_book #SA_enquiry, body#press #news, body#SA_gallery #gallery, body#RG_PACKAGES #RG_Packages, body#SA_travel #Travel { background: url(../images/site/nav_on.jpg) no-repeat top right; color: #00345C; }


/* CONTENT */
		
		/* tabs right promos */
		
		.rightPromos a img { padding: 0px 0px 14px 0px; }
		
		/* Downloadable resources - set top position in the HTML as each will differ */
		.resources { width: 246px; background: #EEEEEE url(../images/site/resources_bg.jpg) repeat-x 0px 40px; border: solid 1px #E2E2E2; border-top: none;  }
		.rightPromos .resources { position: relative; left: -846px;   }
		.leftColumn .resources {   }
			.resources h3 { text-decoration: none; font-size: 13px; font-weight: bold; color: #FFFFFF; background: #003669 url(../images/site/resources_header_bg.gif); display: block; width: 216px; height: 10px; padding: 15px;  }
			.resources p { padding: 0px 10px 15px 15px; }
			.resources p a { background: url(../images/site/resources_icon.gif) no-repeat center left; text-decoration: none; color: #003E7E; padding-left: 22px;}


/* FOOTER ICONS */
.shareOpen {float: left; background: none;}

.facebook a:link, .facebook a:visited { display:block; width: 25px; height: 16px; background: url(../images/site/facebook_off.gif) no-repeat; float: left; }
.facebook a:active, .facebook a:hover { background: url(../images/site/facebook_on.gif) no-repeat; }

.twitter a:link, .twitter  a:visited { display:block; width: 25px; height: 16px; background: url(../images/site/twitter_off.gif) no-repeat; float: left; }
.twitter  a:active, .twitter  a:hover { background: url(../images/site/twitter_on.gif) no-repeat; }

.flickr a:link, .flickr  a:visited { display:block; width: 25px; height: 16px; background: url(../images/site/flickr_off.gif) no-repeat;  float: left; }
.flickr  a:active, .flickr  a:hover { background: url(../images/site/flickr_on.gif) no-repeat; }

.rss a:link, .rss  a:visited { display:block; width: 25px; height: 16px; background: url(../images/site/rss_off.gif) no-repeat; float: left; }
.rss  a:active, .rss  a:hover { background: url(../images/site/rss_on.gif) no-repeat; }

	/* rollover content for footer icons - need to adjust each to get the position right */
	#id1, #id2, #id3, #id4 { font-family: Arial, Helvetica, sans-serif; color: #003975; font-size: 11px; visibility: hidden; position: relative; float: left; display: block; width: 250px; height: 16px;  }
	#id1 { left: 15px; top: 0px;  }
	#id2 {left: -235px; top: 0px; }
	#id3 {left: 349px; top: -16px; }
	#id4 {left: 100px; top: -16px; }

/* HOME PAGE  */
.contentWrapper { /*background: url(../images/site/dropshadow_hme.png) repeat-y;*/  }
.homeLeftCol { width: 656px; float: left;}
.homePromoStrip { width: 968px; background: url(../images/site/promo_bg.jpg) no-repeat; margin-top: 16px; }
.disclaimer p { width: 653px; font-size: 11px; color: #999999; padding: 16px 0px; }

/* HOME PAGE - accordion */
#vertical_container, .homeRightColumn { width: 312px; float: left; color: #FFFFFF; }
	h1.accordion_toggle, h2.accordion_toggle  { cursor: pointer; background: url(../images/site/accordion_nav_off.jpg) no-repeat; font-size: 15px; color: #FFFFFF; padding: 10px 10px 5px 10px; display: block; width: 292px; height: 44px;  }
	h1.accordion_toggle_active, h2.accordion_toggle_active .homeRightColumn h2 { background: url(../images/site/accordion_nav_on.jpg) no-repeat; display: block; width: 292px; height: 44px;}
	
			
	.accordion_content, .homeRightColContent { width: 287px; overflow: hidden; padding: 5px 10px 0px 15px; background: url(../images/site/accordion_bg.jpg);    }
	#vertical_container .accordion_content p, .homeRightColContent p { font-size: 11px; color: #FFFFFF; }
	.accordion_content strong { font-weight: bold; color: #FFFFFF; }
	.accordion_content a, .homeRightColContent a { color: #28ABEB; text-decoration: none; }
	#vertical_container .accordion_content img { padding-bottom: 4px; }
	
	
	.homeRightColumn { height: 298px; background-color: #001245; background-image: none; }
	.homeRightColumn h2 { font-size: 15px; color: #FFFFFF; padding: 10px 10px 5px 10px; background: url(../images/site/accordion_nav_on_noarrow.jpg) no-repeat; display: block; width: 292px; height: 44px;}

/* HOME PAGE - 3 x promos / quick links */	
	
	
/* FORMS */
	form { padding: 0px; margin: 0px;  }
		form p {  width: 500px; float: left; margin: 0; padding: 0; padding-left: 0px; height: 1%; font-weight: bold;}
		
		select, input, textarea, asp:TextBox { padding: 0px 1px 0px 1px; font-size: 1em; font-weight: normal; }
		
		form label { float: left; font-weight: normal; margin-left: 0px; width: 200px;  }
		
		form input[type="text"] {  width: 160px; }
		
		
		form textarea { width: 200px; height: 150px; }
		#progressBackgroundFilter { position:fixed;  top:0px;  bottom:0px;  left:0px; right:0px;  overflow:hidden;  padding:0; margin:0; background-color:#000; filter:alpha(opacity=50); opacity:0.5; z-index:1000; }
		#processMessage {  position:fixed;  top:30%; left:43%; padding:10px; width:14%; z-index:1001; background-color:#fff; border:solid 1px #000; }