
/****basic layout*****/

body
{
	font-family: verdana, geneva, sans-serif;
	text-align:left;
	background-color:#630;
}


#wrapper
{	
	width:840px;
	position:relative;
	left:50%;
	margin-left:-420px;
	background-color:#FFF;
}

#banner
{  
	background-image:url(photos/webhighwaytree.jpg);
	background-repeat:no-repeat;
	width:840px;
	height:189px;
	padding:.5em;
}

#navigation
{
	width:180px;
	float:left;
	padding-left:10px;
	padding-right:20px;
}

#content
{
	width:540px;
	float:right;
	padding:.5em;
}

#tourdetailscontent
{
	clear:both;
	width:640px;
	padding-left:80px;
	margin:1.5em;
}


	
#backtotop
{ 
	text-align:center;
	padding:1em;
}

#paypalbutton
{
	text-align:center;
}
	

.backtotours
{ 
	text-align:center;
	color:#900;
	padding:1em;
}


#footer
{
	clear:both;
	text-align:center;
	border-top:inset;
	border-color:#E3DCBC;
}


#copyright
{
	font-size:11px;
}




/***rssfeed***/
/*#rssfeed
{	
	text-align:center;
}*/




/*****headings**********/

h1 
{
	color:#000;
	text-align:center;
}

h2 
{
	background-image: url(photos/orangebanner.gif);
	text-align:center;
	color:#000;
}

h3
{
	text-align:center;
	color:#600;
}

h4
{
	clear:both;
	text-align:center;
	color:#600;
}

/*****links******/
a:link
{
	color:#600;
}

a:visited
{
	color:#600;
}

a:hover
{
	color:#C00;
}

a:active
{
	color:#600;
}

/*****main navigation links*****/

#navigation a:link, #navigation a:visited
{
	display:block;
	width:250px;
	height:39px;
	line-height:39px;
	color:#930;
	text-decoration:none;
	background:url(photos/pixynav-teal.jpg) no-repeat left top;
	text-indent:50px;
}


#navigation a:hover
{
	color:#900;
	background:url(photos/pixynav-teal.jpg) no-repeat -250px top;
	font-style:italic;
}

#navigation a:active
{
	display:block;
	width:250px;
	height:39px;
	line-height:39px;
	color:#FF6;
	text-decoration:none;
	background:url(photos/pixynav-teal.jpg) no-repeat left top;
	text-indent:50px;
}



/*** toknow what page you are on***/
#index #navigation .home a,
#about #navigation .about a,
#tours #navigation .tours a,
#charters #navigation .charters a,
#feedback #navigation .feedback a,
#contact #navigation .contact a
{
	background-position: right bottom;
	color:#000;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	cursor:default;
}


	

/***drop shadow a la clagnut***/
.img-wrapper 
{
	background:url(photos/dropshadow.png) no-repeat bottom right;
	float:left;
	line-height:0;
	margin:30px;
}

.img-wrapper img
{
	background:#300;
	padding:2px;
	display:block;
	border:1px solid #000;
	position:relative;
	left:-9px;
	top:-9px;
}


.img-wrapper-horsedrive 
{
	background:url(photos/dropshadow.png) no-repeat bottom right;
	float:left;
	line-height:0;
	margin:30px;
}

.img-wrapper-horsedrive img
{
	background:#300;
	padding:2px;
	display:block;
	border:1px solid #000;
	position:relative;
	left:-9px;
	top:-9px;
}

.photosdriversLeft
{
	float:left;
	padding-right:1em;
}

.photosdriversRight
{
	float:right;
	padding-right:1em;
}

.tourphotosTrain
{
	float:left;
	padding-right:1.5em;
	padding-top:2em;
}

.tourphotosChidagoTruck
{
	float:right;
	padding-left:1.5em;
	padding-top:2.5em;
}

.tourphotosBombayTrailer
{
	float:left;
	padding-right:1.5em;
	padding-top:2em;
}


.tourphotoscenter
{
	padding-left:10em;
}

.tourSpecsandWaiver
{
	text-align:center;
}
	

/*** flexible rounded corner box***/
.box
{
	width:34em; 
	background: url(photos/bottom-left.gif) no-repeat left bottom;
}

.box-outer
{
	background:url(photos/bottom-right.gif) no-repeat right bottom;
	padding-bottom:5%;
}

.box-inner
{
	background:url(photos/top-left.gif) no-repeat left top;
}

.box-topright
{
	background: url(photos/top-right.gif) no-repeat right top;
	padding-top:5%;
}


.box-topright, .box p
{
	padding-left: 5%;
	padding-right:5%;
}




blockquote
{
	color:#600;
	font-style:italic;
	background-color:#F5F5DC;
}


ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

.itineraryRR
{
	margin-top:.5em;
	margin-bottom:1em;
}



/*** external link image ***/
.externalLink
{
	background:url(photos/externalLink.gif) no-repeat right center;
	padding-right:.5em;
}



/***add space between the tour descriptions***/
.tourDesc
{
	margin-top:1.5em;
	margin-bottom:1.5em;
}

dt
{
	color:#300;
	font-weight:bold;
}


/***table***/
table
{
	border-collapse:collapse;
	border:1px solid #630;
	border-spacing:2px;
}

caption
{
	font-size:20px;
	font-weight:bold;
	margin:1em 0;
	border:medium;
	color:#630;
}

th
{
	text-align:center;
	background-color:#E3DCBC;
	
}

td
{
	background-color:white;
	padding-right:10px;
	padding-left:10px;
}

tr
{
	text-align:center;
	
}

tr:hover
{
	color:#F60;
}
	
thead tr:hover
{
	background-color:transparent;
	color:inherit;
}
	
/***form***/

fieldset
{
	margin:1em 0;
	padding:1em;
	border:1px solid #630;
}

legend
{
	font-weight:bold;
}

.label
{
	float:left;
	width:10em;
	display:block;
	width:170px;
	clear:left;
}

#verify .label
{
	float:none;
}

input
{
	width:200px;
}

input.radio, input.checkbox
{
	width:auto;
}


input:focus, textarea:focus
{
	background:#FF9;
}
	
.required
{
	font-size:.75em;
	color:#600;
}


