* {
	margin: 0;
	padding: 0;
}

body {
	color: #5A5858; font-family: "Trebuchet MS", Verdana, Arial, "Gill Sans MT"; font-size: 75%;
	text-align: center;
}

#wrapper {
	text-align: left;
	width: 960px;
	padding: 8px;
	/*background-color: #FFFFFF;
	background-image: url(images/drop_shadow.jpg); background-repeat: repeat-y;
	border: solid 10px #FFFFFF; width: 1024px;*/
	border: solid 2px #EFEFEF;
	margin-left: auto; margin-right: auto;
}

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

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

#topBanner { width: 960px; height: 200px; background: url(images/topbanner.gif) no-repeat top left; }
	
	.logo { margin-left: 5px; margin-top: 30px; }
	.topNav { width: 960px; }
	.topNav ul { padding: 0px; margin: 0px; }
	.topNav li { float: left; list-style: none; margin: 55px 2px 0px 2px; padding: 0px;  } 
		.topNav a { padding: 5px 15px 5px 15px; margin: 0px; color: #FFFFFF; text-align:center; font-size: 1.15em; text-decoration: none; height: 20px; display: inline-block; }
		.topNav a:link, .topNav a:visited {background-image: url(images/nav_bg.gif); background-repeat: repeat-x; /* background-color: #799ECD;*/ }
		.topNav a:active, .topNav a:hover { background-image: url(images/nav_bg_on.gif); background-repeat: repeat-x; /*background-color: #94BCE7;*/ } 
			
		body#home #Home, body#official_packages #OfficialPackages, body#package_overview #PackageOverview, body#package_details #PackageDetails, body#upgrades #Upgrades, body#history #OpenHistory, body#press #PressRelease, body#Book #enquiry, body#contact #ContactUs { background-image: url(images/nav_bg_on.gif); background-repeat: repeat-x; /* background-color: #94BCE7;*/}
		
/* CONTENT */
			
.content { width: 640px; margin-top: 10px; float: left; padding: 10px 30px 10px 10px;}
	.content h1 { font-size: 1.25em; font-weight: lighter; padding: 0 0 20px 0; color: #425D92; }
	.content h2, .tab h2 { font-size: 1.25em; font-weight: lighter; margin-bottom: 10px; color: #719BBF; }
	.content p, .content h3, .contentLeft p, .contentRight p { padding: 0px 0px 20px 0px; font-weight: normal; }
	.content ul { margin: 0px 30px 10px 30px; list-style: inside disc;}
	.content a { text-decoration: none; color: #0066CC; }
	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; }

/*Tabs on Package details */
			
#mainTabbedContent { width: 640px; }
	div.TabbedContent { width: 640px; margin: 0px 0 20px 0;}
	.tabs-container { clear: left; border-top: 0; padding: 10px 8px 0 8px; border: solid 2px #425D92; }
	ul.TabbedContent { list-style-type: none; float: left; padding: 0px; margin: 0px; }
	ul.TabbedContent li { margin: 0 2px 0 0; float: left; }
	ul.TabbedContent a { float: left; margin: 0; padding: 0px 0px 0px 2px; text-decoration: none; color: #425D92; background-color: #E1E1E1; }
	ul.TabbedContent a span { float: left; display: block; padding: 6px 2px 5px 2px; }
	ul.TabbedContent a:hover { background-position: 0% -125px; color: #FFFFFF; } 
	ul.TabbedContent a.active { float: left; margin: 0; padding: 0px 0px 0px 1px; text-decoration: none; color: #FFFFFF; }
		ul.TabbedContent a.active span { float: left; display: block; padding: 6px 2px 5px 2px;}
		
	ul.TabbedContent a:hover, ul.TabbedContent a.active { background-color: #425D92;}
	ul.TabbedContent a:hover span, ul.TabbedContent a.active span { background-color: #425D92; }
	
	.tab ul { list-style: inside disc; margin: 0px 30px 10px 30px;}
	.tab table table td { padding: 2px 5px 2px 5px; }

/* Right Promos */
.rightPromos { width: 260px; margin-top: 10px; float: right; }

	.Promo1, .Promo2, .NewsFeed { width: 240px; margin-bottom: 8px; clear: right; text-align: left; }
	.Promo1 h1, .Promo2 h1 { font-size: 1.25em; font-weight: lighter; color: #425D92; text-align: left;  }
	.Promo1 h2, .Promo2 h2, .NewsFeed h2, #rss h2 { font-weight: lighter; color: #425D92; text-align: left; margin: 8px 0px 8px 0px;  }
	.Promo1 a {text-decoration: none; }
	
	#rss { text-align: left;  }
	#rssFeed { background: url(images/newsfeed_bg.gif) repeat left top; text-align: left; padding: 4px;  }
	#rssFeed a { font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 4px;  }
	#rssFeed a:link, #rssFeed a:visited { text-decoration: none;  color: #425D92; }
	#rssFeed a:active, #rssFeed a:hover { text-decoration: underline; color: #719BBF; } 
		
	
	
/* 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;
}