/************ CSS Document **************************************************************/
body {
	font: normal .78em/1.3em Arial;
	background: #626469 url(/images/design2/bcke_pg.gif) repeat top;
	margin: 10px 0;
	padding: 0;}
a {
	color: #1f4b4a;}
h1 {
	font: bold 11pt Arial;
	padding: 3px 5px;
	background: #dcecc1;
}

h2 {
	font: 9pt Arial;
	padding: 3px 5px;
	background: #dcecc1;
}

.h3 {
	font: 8pt Arial;
}

form {
	margin: 0;}
#container {
	width: 774px;
	margin: 0 auto;
	background: #fff;}
	
/************ top header **************************************************************/
#header {
	border-bottom: 4px solid #000;
	height: 66px;}
#logo {
	float: left;
	width: 212px;}
#topNav {
	float: right;
	width: 50%;
	text-align: right;
	padding-top: 40px;
	padding-right: 25px;
	font-weight: bold;}
#topNav a {
	color: #000;
	text-decoration: none;
	padding: 0 5px;}
#mainImage {}

/************ body content **************************************************************/
#mainContent {
	float: left;
	width: 60%;}
#sidebar {
	float: right;
	width: 40%;}

/************ headers **************************************************************/
.hdrgreen11pt{
	font: bold 11pt Arial;
	padding: 3px 5px;
	background: #dcecc1;}
.hdrgreen14pt{
	font: normal 14pt Arial;
	padding: 3px 5px;
	background: #dcecc1;}
.hdrgreen8pt{
	font: bold 8pt Arial;
	padding: 3px 5px;
	background: #dcecc1;}

/************ fonts, float, padding and colors **************************************************************/


.fontSmall {
	font: 8pt Arial;}
.fontSmallBold {
	font: bold 8pt Arial;}
.fontMedium {
	font: normal 9pt Arial;}
.fontMediumBold{
	font: bold 9pt Arial;}
.fontLarge {
	font: bold 11pt Arial;}


.padding5 {
	padding: 5px}
.padding10 {
	padding: 10px}
.padding20 {
	padding: 20px}

.marginBottom {
	margin-bottom: 12px;}

.width15 {
	width: 15%}
.width25 {
	width: 25%}
.width50 {
	width: 50%}
.width75 {
	width: 74%}
.widthauto{
	width: auto}

.fltrt { 
	float: right;}
.fltlft { 
	float: left;}

.twoColmA {
	float: left;
	width: 40%;
	margin: 0;}
.twoColmB{
	float: right;
	width: 40%;
	margin: 0;}
	
.threeColmA {
	float: left;
	width: 33%;
	margin: 0;}
.threeColmB{
	width: 33%;
	float: left;
	position:relative;
	margin: 0 5px;}
.threeColmC{
	float: left;
	width: 31%;}

.colrGreen {
	color: #18a19d;}

.lineHeight150 {
	line-height: 1.6em}

.spacer20{
	padding: 20px;
	font-size: 1px;}
.spacer10{
	padding: 10px;
	font-size: 1px;}
.spacer5{
	padding: 5px;
	font-size: 1px;}
	
.alignRight {
	text-align: right;}

.sortby {
	padding: 4px;
	background-color: #dcecc1;
	font: normal 8pt Arial;}
.sortby a{
	margin: 0 10px;}

.brdrGreen {
	border-top: 4px solid #dcecc1;}

.bckWhite {
	background: #fff;}
.bckLtGrn {
	background-color: #edf5e0;}
.bckblu {
	background-color: #e0f2f2;}
.colrRed {
	color: #c00;}

/************ package offers **************************************************************/
.imgMrgin {
	margin: 0 10px 5px 0
}
.hdrBlueBorder {
	font: bold 12pt Arial;
	padding-bottom: 3px;
	border-bottom: 3px solid #98d5d3;
	clear: left;}
	
/************ check availability **************************************************************/
.greenDrk {
	background: #b0bd9a;}
.greenLt {
	background: #dcecc1;}
.greenMed {
	background: #009899;
	color: #fff;
	padding: 10px;
	font: 14pt Arial}

/************ special offers **************************************************************/
.splofr {
	margin-top: 10px;}
.splofrImg {
	float: left;
	width: 120px;}
.splofrTxt {
	width: auto;
	margin-left: 130px;
	font: normal 8pt Arial;}
.splofrTxt a { 
	font: bold 9pt Arial;}
.splofrTxt a:hover { 
	text-decoration: underline;
	color: #000}
	
/************ footer **************************************************************/
#footer {
	width: 774px;
	margin: 0 auto;
	font: normal 8pt Arial;
	color: #fff;}
#footer a {
	color: #fff;}
#footer .footerlinks{
	padding: 10px 0 0 0; 
	font-weight: bold;
	float: left;
	width: 60%;
	padding-left: 20px;}
#footer .footerlinks a{ 
	text-decoration: none;
	padding: 0 3px;}
#footer .copyright {
	padding: 10px 20px 0 0; 
	float: right;}
#footer .footerRef {
	padding: 20px 0 0 20px;}

/************ table design **************************************************************/
table.tdesgn {
	font: normal 8pt Arial;}
table.tdesgn td{
	background: #edf5e0;
	border-bottom: 1px solid #fff;
	padding: 3px 10px;}
table.tdesgn th{
	font-weight: bold;
	border-top: 1px solid #edf5e0;
	text-align: left;
	padding: 3px 3px;}

/************ pagination **************************************************************/
.pagination{
	padding: 2px;}
.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/}
.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;}
.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #31aba2;
	text-decoration: none; 
	color: #2e6ab1;}
.pagination a:hover, .pagination a:active{
	border: 1px solid #31aba2;
	color: #fff;
	background-color: #31aba2;}
.pagination a.currentpage{
	background-color: #31aba2;
	color: #fff !important;
	border-color: #31aba2;
	font-weight: bold;}
.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;}
	
.calendar {
	position:absolute;
	visibility:hidden;
	background-color:white;
	layer-background-color:white;
}

/************ clear floats **************************************************************/
.clearfloat { 
	clear:both;
    height:0;
    font-size: 0;
    line-height: 0;}
    
.odd{
background-color: 	#E0E0E0 ;
font-family: verdana;
font-size: 11px;
}

.even{
background-color: 	#C8C8C8 ;
font-family: verdana;
font-size: 11px;
}