body{
	margin: 0;
	padding: 1em;
	text-align: left;
	background-image: url('../images/background.gif');
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:85%; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5
}

#container{
	width: 1000px;
	height: 100%;
	margin: auto;
	padding: 5px;
	background-color: #fcfcfc;
	text-align: left;
}




#header{
	height: 190px;
	margin: 0;
	background: url('../image-files/header.jpg') no-repeat center;; padding-left:1em; padding-right:1em; padding-top:1em; padding-bottom:0
}

/*left section */

#left {
	margin: 0;
	padding: 0;
	float: left;
}

#nav{
}

#left_links{
	padding-top:10px;
}


#nav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#nav a{                    /*height seems to follow the image no matter wehat the height is */
	width: 185px;
	display: block;
	text-indent: 10px;
	font-weight: bold;
	background-image: url('../image-files/nav_dk_aqua2.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none; 
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:3px; 
	padding-left:0; padding-right:0; padding-top:0.25em; padding-bottom:0.25em
}


#nav h3
{
}




#nav a:hover
{
	background-image: url('../image-files/nav_dk_aqua_hover.jpg');
    color: #000
 }


/*used for a special nav on wide pages - will not be needed in new design*/
#top_navigation {
   list-style: none;
   margin: 0; padding: 0;
}
#top_navigation li {
   float: left;
}
#top_navigation li a {
   display: block;'../images/nav_o.gif');
   width: 140px;
	border: 1px solid #333333;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none; 
	margin-left:0; 
	margin-right:0; 
	margin-top:0; 
	margin-bottom:1px; 
	padding-left:0; 
	padding-right:0; 
	padding-top:0.5em; 
	padding-bottom:0.5em;
    padding: 3px 0;
}

#top_navigation li a:hover 
{
	background-image: url('../images/nav_hover_o.gif');
   color: #ffffff
}



/*center section of page */

#content{
	float: left;
	margin: 0 0 0 0.5em;
	padding: 0 0.5em 0 0.5em;
	width: 575px;
/*	border-left: 1px solid #333333;
	border-right: 1px solid #333333;  */
}

#content1{
	float: left;
	margin: 0 0 0 0.5em;
	padding: 0 0.5em 0 0.5em;
	width: 630px;
}



 /* Controls cnontent section header */
#content h1, h2       
{	color: #0394aa;
	font-size: 1.5em;
	margin: 0;
	padding: 0.5em;
	line-height: 100%;
}

#content h3       
{	color: #0394aa;
	font-size: 1.2em;
	margin: 0;
	padding: 0.5em;
	line-height: 100%;
}

#content h4       
{	color: #0394aa;
	font-size: 1.0em;
	margin: 0;
	padding: 0.5em;
	line-height: 100%;
}

#content p{
	margin: 0.5em;
	padding: 0;
}

 /*Controls center section links */
#content a        
{
	color: #DA5900; 
	font-weight:500;
	text-decoration: none;	
}

#content img.center {

	display:block;
	margin-left:auto;
	margin-right:auto;
/*	outline: 10px ridge #000000; */
	border: 5px solid #0394aa;
	padding: 2px;
	background: #fcfcfc;

}

#content a:hover
{
    color: #D87838;
 }

#content_wide{
	float: left;
	margin: 0 0 0 0.5em;
	padding: 0 0.5em 0 0.5em;
	width: 825px;
}

#content_wide h2, h1
{
	color: ##007383;
	margin: 0;
	padding: 0.5em;
}

#content_wide p
{
	margin: 0.5em;
	padding: 0;
}





/* Right column */

#news{
	width: 200px;
/*	border: 1px solid #333333; */
	float: left;
	padding: 0;
	margin: 0.5em 0 0 0.5em;
	text-align: left;
	padding-left: 10px;
	padding-bottom:20px;
}

/*#news p{
	text-align: justify;
	margin: 1em;
	font-size: 10px;
}*/

#news img{
	padding: 0.5em;
	margin: 0;
	border: 0px none;
}

#news h3
{	color: #DA5900;
}


#news a
{
	color: #017b91;
}

/*right side navigation */

#right-nav
{
	margin: 0;
	padding: 0;
	width: 180px;
	margin-bottom:20px;
}


#right-nav h3
{
}

#right-nav h4       
{	color: #000;
	font-size: 1.0em;
	margin: 0;
	line-height: 100%;
	margin-bottom: 3px;
	margin-top: 3px;
}

#right-nav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#right-nav a
{
	padding: 3px 0px 15px 5px;    
	border-bottom: 10px solid #fff;  
	color: #017b91;
	/*color: #DA5900; */
	font-weight:500;
	text-decoration: none; 
}


#right-nav a:hover
{
    color: #02a1be;
	text-decoration: underline;
 }



#footer{
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #fcf3f3;
	border: 1px solid #333333;
}

#footer p{
	margin: 1em;
	padding: 0;
	color: #545454;
}


#footer a{
color: #006878;
}
 


#c2 {

	background-color: #DAD8D8;
}

#c2 h2 {
	border-left:0px none; border-right:0px none; border-top:0px none; background-image: url('../none');
	text-indent: 0.5em;
	color: green;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 5px;
    border-bottom: 1px solid #ACA899
}


/*various classes to style elements */

/*ship and RV bavkground images for left and right nav bars */

.ship
{
	background-image: url('../image-files/ship.gif');
	background-repeat: no-repeat;
	height: 50px;
	font-size: 12px;
	padding-top: 19px;
	padding-left: 39px;
	margin-bottom: -10px;
	text-indent: 0em;
	color: #cc4802
}

.rv
{
	background-image: url('../image-files/rv-header-image.gif');  
	background-repeat: no-repeat;
	height: 50px;
	font-size: 13px;
	padding-top: 18px;
	padding-left: 10px;
	margin-bottom: -10px;
	text-indent: 0em;
	color: #cc4802
}

.ULBold {
	text-decoration:underline; 
	font-weight:bold;
    }
    
    
.hrb {
	color: #ffffff;
	background-color: red;
	}    
    
.hbb {
	color: #ffffff;
	background-color: blue;
	}    
 
.hob {
	color: #ffffff;
	background-color: orange;
	}    
   
.hgb {
	color: #ffffff;
	background-color: green;
	}    
 
.italic      { font-style: italic }
.bold        { font-weight: bold }
.crumb       { color: #999966; font-size: 10px; margin-top: 10px; }

.whiteText  {
 	color: #ffffff;
 }
 
.solid {
	border-top: 1px solid #000099;
	border-bottom: hidden;
	border-left: hidden;
	border-right: hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.dashed {
  border-bottom:1px dashed #000066;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.dotted {
	border-bottom:1px dotted #000066;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


/*crumb used in footer navigation */
a.crumb:visited a.crumb:link a.crumb:active {
	color: #999966;
	font-size: 10px;
	}
	
a.crumb:hover {
	color: #7BC534;
}

/*Adsense box classes */
.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn, .AdSenseBoxCenter336, .AdSenseBoxLeft300x250, .AdSenseBoxLeft336 {
padding: 5px;
background-color: #fff;
border: 0px;
}

.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}

.AdSenseBoxLeft300x250 {
margin: 0 18px 12px 18px;
float: left;
width:325;
height:275;
}

.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}

.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}

.AdSenseBoxCenter336 {
width: 336px;
margin: 0 auto 12px auto;
clear: both;
}

.AdSenseBoxLeft336 {
width: 336px;
margin: 0 auto 12px auto;
float:left;
}

.AdSenseBoxExtraColumn {
padding: 0;
margin: 12px auto 12px 20px;
clear: both;
}


.ViatorWhatsNew  {
width: 530px;
/*margin: 0 auto 12px auto;*/
clear: both;
}

/*to style image links on home and t2 pages */

#image_links {
	clear: both;
	width: 570px;
	padding: 20px 0px;
}

#image_links h2 {
	font-size: 1.3em;
	color: #0394aa;
	margin: 0.5em;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

#image_links p {
	margin: 0px;
	padding: 0px;
}

#image_links .image_links_box {
	float: left;
	width: 180px;
	margin-left: 10px;
}

#image_links .image_links_box img {
	margin-bottom: 15px;
	width: 155px;
	height: 190px;
}

#image_links .image_links_box a {
	border: 0px none;
}

#image_links .image_links_box a:hover {
	border: 3px red;
}





/*text boxes for affiliate items */
#top_items {
	clear: both;
	width: 520px;
	padding: 20px 0px;
}

#top_items h2 {
	font-size: 16px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	color: #1f1f1f;
	margin: 0;
	padding: 0 0 5px 0;
}

#top_items p {
	margin: 0px;
	padding: 0px;
}

#top_items .top_items_box {
	float: left;
	width: 160px;
	margin-left: 10px;
}

#top_items .top_items_box img {
	margin-bottom: 15px;
	width: 150px;
	height: 150px;
}

#top_items .top_items_box a {
	border: 0px none;
}

#top_items .top_items_box a:hover {
	border: 3px red;
}


/*the following match the #content1 - no right column class */

#top_items1 {
	clear: both;
	width: 620px;
	padding: 20px 0px;
}

#top_items1 h2 {
	font-size: 16px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	color: #1f1f1f;
	margin: 0;
	padding: 0 0 5px 0;
}

#top_items1 p {
	margin: 0px;
	padding: 0px;
}

#top_items1 .top_items1_box {
	float: left;
	width: 200px;
	margin-left: 10px;
}

#top_items1 .top_items1_box img {
	margin-bottom: 15px;
	width: 190px;
	height: 190px;
}

#top_items1 .top_items1_box a {
	border: 0px none;
}

#top_items1 .top_items1_box a:hover {
	border: 3px red;
}


.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 15px;
	font-size: 1px;	
}

.cleaner_with_divider {
	clear: both;
	width: 100%;
	height: 15px;
	border-bottom: 1px solid #333;
	margin-bottom: 25px;
	font-size: 1px;	
}

/* -- Horizontal Text NavBar -- */

.ExtraNav {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
}

.ExtraNav ul {
list-style-type: none;
padding: 0;
}

.ExtraNav ul li {
display: inline;
/*background-color: #fff;*/
text-align: left;
}

.ExtraNav a:link {
text-decoration: none;
text-align: left;
padding: 0 4px;
}

.ExtraNav a:visited {
/*color: #fff;*/
text-decoration: none;
}

.ExtraNav a:hover {
color: black;
text-decoration: underline;
}

#Header .ExtraNav {
font-size: 85%;
position: absolute;
top: 0;
right: 0;
}

#Header .ExtraNav ul { 
margin: 0;
}

#Footer .ExtraNav {
margin: 12px auto;
background-color: #EFE1BE;
}


/*Controls the Navigation below the header*/

#belowHeader .ExtraNav
 {
	font-size: 14px;
	/*float: left;*/
	/*background-color: #98D161;*/
	/*background-color: #fff;*/
	background-image: url('../image-files/orange-nav-underlay-dk.gif');
	font-weight: bold;
	width: 1000px;
/*	width: 984px; */
	padding: 0px
}

#belowHeader .ExtraNav ul { 
margin: 0;
}

#belowHeader .ExtraNav ul li {
padding: 5px;
}


#belowHeader .ExtraNav a
{
	/*color: #007383; */
	color: #fcfcfc; 
}

#belowHeader .ExtraNav a:hover
{
	color: #059FB7;
	text-decoration: none; 
}

/* newsletter signup box games section */

table.news_games
{
	width: 80%;
	cellpadding: 5px;
	cellspacing: 0;
	background-color: #017b91;
	border: 0px none;
	}
	
table.news_games td
{
	color: #ffffff;
	vertical-align: top;
}

/*funnel links*/  /*the following two entries style the area around the funnel links and the header before the links */

#funnel_links
{
	text-align: left;
}


#funnel_links h3
{
	color: green;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}

/* used to style ul and li with images for the bullets */   /*used in pages and in funnel links currently */  /*the image is the green disc image */

#image-bullets
	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}
	
#image-bullets li 
	{
	margin: 1em 0;
    padding-left: 20px;
	background-image: url('../image-files/green_bullet-15.gif');
	background-repeat: no-repeat;
	background-position: 0 0
	
	}
	
	
/* used to style ul and li with colored bullets */   

#color-bullets
	{
	margin-left: 0;
	padding-left: 0;
	list-style: disc inside;
	}
	
#color-bullets li 
	{
	margin: 1em 0;
    padding-left: 20px;
	color: #007383;
	}
