* { margin: 0;	padding: 0; }

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

#wrapper { text-align: left; width: 960px; padding: 8px; border: solid 2px #EFEFEF; margin-left: auto; margin-right: auto; }

#wrapper2 {	width: 960px; }
	body#SA_home #wrapper2 { background: url(images/back_base8.jpg) no-repeat left top;   }

#clearer, .clearer { clear: both; border: none; font-size: 0.75em; margin-top: 10px; background-color: #FFFFFF;}
#clearer .left { float: left; padding-top: 10px; }
#clearer .right { float: right; padding-top: 10px; }
img { border: none; }

#topBanner { width: 960px; height: 198px; background: url(images/2010_topbanner_2.jpg) no-repeat top left; }
	
	.logo { margin: 10px 0px 34px 5px; float: right; }
	.phone { color: #BBCBDA; font-size: 1.5em; position: relative; top: -20px; left: 600px;}
	.topNav { width: 960px; text-align: center; clear: right; }
	.topNav ul { padding: 0px; margin: 0px; }
	.topNav li { display:inline; list-style: none; margin: 0px 2px 0px 2px; padding: 0px;  } 
		.topNav a { padding: 5px; margin: 0px; text-align: center; font-size: 1.05em; text-decoration: none; height: 20px; display: inline-block; }
		.topNav a:link, .topNav a:visited { color: #BBCBDA; }
		.topNav a:active, .topNav a:hover { color: #FFFFFF; } 
			
		body#SA_home #SA_Home, body#SA_packages #SA_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 { color: #FFFFFF; }
		
/* CONTENT */
			
.content { width: 660px; margin-top: 10px; float: left; padding: 10px 30px 10px 10px;}
.contentFullW { width: 950px; margin-top: 10px; float: left; padding: 10px 0px 10px 10px;}
	.content h1, .contentFullW h1 { font-size: 1.25em; font-weight: 600; padding: 0 0 20px 0; color: #080A61; }
	.content h2, .contentFullW h2 { font-size: 1.25em; font-weight: lighter; margin-bottom: 10px; color: #84878A; }
	.content p, .content h3, .contentLeft p, .contentRight p, .contentFullW p, .contentFullW h3 { padding: 0px 0px 20px 0px; font-weight: normal; }
	.tab h2 { font-size: 1.25em; font-weight: bold; margin-bottom: 10px; color: #84878A; }
	.tab h3 { padding: 0px; font-weight: bold; color: #84878A; font-size: 1.15em; }
	.tab h4, .tab h5 { padding-bottom: 10px; font-weight: bold;color: #84878A; font-size: 1em;  }
	/*.content ul { margin: 0px 30px 10px 30px; list-style: inside disc;} */
	.content a { text-decoration: none; color: #690A0A; font-weight: bold; }
	.tabsLeftContent a { text-decoration: none; color: #690A0A; }
	strong {color: #425D92; font-weight: bold; }
	em { font-style: italic; }
	
	body#home .content p, body#home .content ul { color:#333333; }
	
	.contentLeft { width: 320px; float: left; padding-right: 40px;}
	.contentRight { width: 280px; float: left;  }
		.contentRight ul { margin-left: 15px; list-style: outside disc; }
		
	body#home strong { font-weight: bold; color: #333333; }
	
	/*a.calltoAction { padding: 3px; border: solid 1px #080A61; color: #FFF; text-decoration: none; background-color: #080A61; }*/
	a.calltoAction:link, a.calltoAction:visited { color: #097BB9; text-decoration: none; text-transform: uppercase; padding: 3px; font-weight: normal; }
	a.calltoAction:active, a.calltoAction:hover { color: #080A61;}



/* new wider homepage promos   */


.widerHomePromo { width: 324px; margin: 200px 20px 0px 0px; padding-bottom: 5px; float: right; font-family: Arial, Helvetica, sans-serif; text-align: right;}

.widerHomePromo a {text-decoration:none; }
			
			
	.lightBlueHash { padding: 0px; margin-bottom: 5px;  }
	.lightBlueHash h3 { padding: 0px; margin: 0px; }
	.lightBlueHash h3 a { width: 145px; text-transform: uppercase; padding: 7px 5px 7px 5px; font-size: 12px; margin: 0px; text-align: left; display: block; font-weight: normal; }
	.lightBlueHash h3 a:link, .lightBlueHash h3 a:visited { background: url(images/standrews_promos/autumn/lightBlue_hash.jpg) no-repeat top left; color: #FFFFFF;  }
	.lightBlueHash h3 a:active, .lightBlueHash h3 a:hover { background: url(images/standrews_promos/autumn/lightBlue_hash_on.jpg) no-repeat top left; text-decoration: none; color:#FFFFFF;  }
	
	
	.darkBlueHash { padding: 0px; margin-bottom: 5px;  }
	.darkBlueHash h3 { padding: 0px; margin: 0px; }
	.darkBlueHash h3 a { width: 314px; text-transform: uppercase; padding: 7px 5px 7px 5px; font-size: 12px; margin: 0px; text-align: left; display: block; font-weight: normal; }
	.darkBlueHash h3 a:link, .darkBlueHash h3 a:visited { background: url(images/standrews_promos/autumn/darkBlue_hash.jpg) no-repeat top left; color: #FFFFFF;  }
	.darkBlueHash h3 a:active, .darkBlueHash h3 a:hover { background: url(images/standrews_promos/autumn/darkBlue_hash_on.jpg) no-repeat top left; text-decoration: none; color:#FFFFFF;  }
	
	
	.redHash { padding: 0px; margin-bottom: 5px;  }
	.redHash h3 { padding: 0px; margin: 0px; }
	.redHash h3 a { width: 314px; text-transform: uppercase; padding: 7px 5px 7px 5px; font-size: 12px; margin: 0px; text-align: left; display: block; font-weight: normal; }
	.redHash h3 a:link, .redHash h3 a:visited { background: url(images/standrews_promos/autumn/red2_hash.jpg) no-repeat top left; color: #FFFFFF;  }
	.redHash h3 a:active, .redHash h3 a:hover { background: url(images/standrews_promos/autumn/red2_hash_on.jpg) no-repeat top left; text-decoration: none; color:#FFFFFF;  }
	
	.flashDiv { width:324px; padding: 0px; margin: 0px; }

/* accordion */
#vertical_container { width: 324px; float: left; background-color: #000000; filter:alpha(opacity=80); opacity:0.8; color: #FFFFFF; }
	h1.accordion_toggle, h2.accordion_toggle  { cursor: pointer; background: url(images/chevron_off.gif) no-repeat 310px 15px; font-size: 1.15em; color: #FFFFFF; font-weight: lighter;  padding: 10px 10px 5px 10px; text-transform: uppercase; }
	h1.accordion_toggle_active, h2.accordion_toggle_active  { background: url(images/chevron_on.gif) no-repeat 310px 15px; }
	h1.accordion_toggle  { } /*border-bottom: solid 1px #FFFFFF; h1.accordion_toggle_active, h2.accordion_toggle_active  { border-bottom: none; border-top: none;}*/
	h2.accordion_toggle  { border-top: solid 1px #FFFFFF; }
	h3.accordion_toggle  { cursor: pointer; background: #B70B20 url(images/stgeorge/grey_ribbon.jpg) no-repeat center; font-size: 1.15em; color: #000000; font-weight: bold;  padding: 10px 10px 5px 10px; text-transform: uppercase; }
	h3.accordion_toggle_active  {  background: #B70B20 url(images/stgeorge/grey_ribbon.jpg) no-repeat center; }
	
			
	.accordion_content { width: 304px; overflow: hidden; padding: 5px 10px 0px 10px;    }
	#vertical_container .accordion_content p { font-size: 0.95em; color: #FFFFFF; }
	.accordion_content strong { font-weight: bold; color: #FFFFFF; }
	.accordion_content a { color: #D4001B; text-decoration: none; }
	#vertical_container .accordion_content img { padding-bottom: 4px; }
		
/* home buttons */
.hme_calltoAction { width: 324px; background-color: #000000; filter:alpha(opacity=80); opacity:0.8; color: #FFFFFF; clear: left; }
		.hme_bookNow a, .hme_callBack a, .hme_video a, .hme_gallery a, .hme_nxtyr a { width: 304px; text-transform: uppercase; padding: 4px 10px 4px 10px; font-size: 11px; margin: 0px; text-align: left; display: block; font-weight: bold; color: #FFFFFF; text-decoration: none;}
		.hme_bookNow a  { background: url(images/hme_bookNow.gif); border-bottom: solid 1px #FFFFFF; }
		.hme_callBack a { background: url(images/hme_callBack.gif); border-bottom: solid 1px #FFFFFF;}
		.hme_video a { background: url(images/hme_video.gif);  border-bottom: solid 1px #FFFFFF;}
		.hme_gallery a { background: url(images/hme_gallery.gif);}
		
		.hme_calltoAction .hme_nxtyr { background-color: #B70B20; }
		.hme_nxtyr a  { background: url(images/hme_nxtyr.gif); border-top: solid 1px #FFFFFF; }
		
		
/* enquiry form */
	form { padding: 0px; margin: 0px;  }
		form p {  width: 500px; float: left; margin: 0; padding: 0;
		padding-left: 0px; /*width of left column containing the label elements*/
		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 of left column*/
		width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		}
		
		form input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
		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;
}