body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #474747;
	padding: 0px;
}
a { color:#082f60; text-decoration:underline }
a:hover { text-decoration:none; }

h1 { color:#082f60; font-size:24px; margin-bottom:-1px; margin-top:0px; font-weight:200 }
h2 { color:#082f60; font-size:18px; margin-bottom:-1px; font-weight:200 }
h4 { color:#082f60; font-size:16px; margin-bottom:-1px; font-weight:200 }
/* Layout */
#wrapper {
	width:883px;
	margin:0 auto;
}

#navigation {
	background-image:url(../images/navigation.png);
	height:34px;
}
#header {
	background-image:url(../images/header.png);
	height:162px;
	color:#FFFFFF;
}
#headerTopRight {
	width:140px;
	float:right;
	padding-right:5px;
	padding-top:15px;
	height:121px;
}
#headerRight {
	float:right;
	width:219px;
	text-align:right;
	color:#FFFFFF;
	height:162px;
	position:relative;
}
#headerBottomRight a{
	background-image:url(../images/headerButton.png);
	display:block;
	width:219px;
	height:41px;
	vertical-align:baseline;
	position: absolute; bottom: 0; right: 0;
}
#headerLeft {
	margin-left:60px;
	float:left;
	vertical-align:top;
}
#headerLeft h1 {
	color:#FFFFFF;
}
#headerLeft h2 {
	color:#99CCFF;
	font-weight:100;
}
#content {
	width:884px;
	padding-top:10px;
}
#mainContent {
	width:600px;
	float:left;
}
#subHeader {
	background-image:url(../images/subHeader.png);
	width: 883px;
	height:9px;
}
#sidebar {
	width:268px;
	float:right;
}	
#partner {
	background-image:url(../images/partnerLogos.png);
	width:884px;
	height:69px;
}
#footer h2, #footer a { color:#FFFFFF; }

#footer {
	background-image:url(../images/footer.png);
	width:884px;
	height:166px;
	color:#FFFFFF;
}
#footerLeft {
	padding-top:20px;
	float: left;
	width: 30%;
	margin:5px;
}

#footerRight {
	padding-top:20px;
	float: right;
	width: 30%;
	margin:5px;
}

#footerCenter { 
	padding-top:20px;
	float: left;
	width: 30%;
	margin:5px;
}
#footerContainer {
	margin:0 auto;
	width:600px;
}
.sideTop { height:5px; background-image:url(../images/sideTop.png); width:266px;}
.sideBottom { height:4px; background-image:url(../images/sideBottom.png); width:266px; margin-bottom:5px;}
.sideBg { background-image:url('../images/sideBg.png'); background-repeat:repeat-y; padding:10px; } 
.sideBg h3 {
	font-size:16px;
	color:#5f0831;
	padding:0;
	margin:0;
	font-weight:bold
} 

#logo {
	float:left;
}
#chat {
	float:right;
}	


/* Package Classes */
.package h3 {
	color:#1470c6;
	font-size:16px;
	margin-bottom:-1px;
	margin-top:0px;
	font-weight:500
}

.package {
	background:url(../images/pkgBg.png);
	width:293px;
	height:168px;
	position:relative;
}
.packageText { 
	padding: 10px;
}
.pkgPrice h2 { 
	color:#710739;	
	padding-top:4px;
	margin:0;
	font-size:15px;
	font-weight:600;
	padding-left:10px;
}
.pkgPrice {
	float:left;
	background-image:url(../images/pkgPrice.png);
	width:190px;
	height:36px;
	text-align:left;
}
.pkgOrder a { 
	display:block;
	width:103px;
	height:36px;
}
.pkgOrder {
	float:right;
	background-image:url(../images/pkgOrderNow.png);
	width:103px;
	height:36px;
}
.pkgBottom {
	position: absolute; bottom: 0; left: 0;
}

/* Dual Column Classes */
.dualColumnLeft {
	padding-top:20px;
	float: left;
	width: 48%;
	margin:5px;
}

.dualColumnRight {
	padding-top:20px;
	float: right;
	width: 48%;
	margin:5px;
}



/* MENU */
#nav { 
	padding-left:10px; font-size:12px;
}
#nav a { 
	float: left;   
	text-decoration: none; 
	text-align:center;  
	height: 30px; 
	width: 101px; 
	line-height: 30px; 
	color:#FFFFFF;	
}
#nav a:hover { 
	color:#82b7fb;  background: url(../images/mnuHover.png) 0 0 no-repeat; vertical-align:bottom; 
}
#nav a.Selected, a.Selected:link, #nav a.Selected:active, #nav a.Selected:visited {
	color:#82b7fb; background: url(../images/mnuHover.png) 0 0 no-repeat; vertical-align:bottom;
}

/*///////////////// CODA SLIDER ///////////////////////*/
#slider { float: left; width: 520px;  margin: 0 auto; padding-top: 10px; position: relative;}
.sliderLeft { color:#FFFFFF }
.scroll { height: 175px; width: 520px; overflow: auto; position: relative; vertical-align:text-top; /* fix for IE to respect overflow */ clear: left; }
.scrollContainer div.panel { height: 162px; width: 520px; padding-top:0px /* change to 560px if not using JS to remove rh.scroll */}
.scrollContainer div.panel img { float: left; margin-right: 20px; margin-left: 10px; display: inline;}
.scrollContainer div.panel div.panel-text { width: 75%; float: left; color: #e6edf1;}
.scrollContainer div.panel div.panel-text p.more{ float: right; width:103px;}
.scrollContainer div.panel div.panel-text p.more a{ background: url(../images/read-more-button.png) no-repeat 0 0 ; display: block; width: 103px; height: 23px; padding-top: 2px; color: #fff; padding-left: 20px; margin-top: 10px;}
.scrollContainer div.panel div.panel-text p.more a:hover{ background: url(../images/read-more-button.png) no-repeat 0 -25px ; text-decoration: none;}
.scrollButtons { position: absolute; top: 75px; cursor: pointer;} .scrollButtons.left { left: -50px;}
.scrollButtons.right { left: 535px;}
/*///////////////// END CODA SLIDER ///////////////////////*/

/* Slider */
#slider, #slider a{ color:#FFFFFF; }	
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:600px;
	height:162px;
	overflow:hidden; 
	}	
	
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:41px;
	height:24px;
	position:absolute;
	left:-55px;
	margin-top:0px;
	}	
#nextBtn, #nextBtn2{ 
	left:590px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:41px;
	height:24px;
	background:url(../images/scroll_left.png) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a{ 
	background:url(../images/scroll_right.png) no-repeat 0 0;	
	}