/* CSS Document for HANDHELD Devices */



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


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

/*#wrapper
{
	width:400px;
	position:relative;
	left:50%;
	margin-left:-420px;
	border:solid thin;
	background-color:#666;
}*/

/*#banner
{  
	display:none;
	background-image:url(photos/highway1-copy-gradient.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:200px;
	padding:.5em;
}
*/
#content
{
	width:240px;
	/*float:right;*/
	/*padding:.5em;*/
}

#navigation
{
	width:240px;
	text-align:center;
	/*float:left;*/
	/*padding-left:10px;
	padding-right:20px;*/
}

#footer
{
	/*clear:both;*/
	text-align:center;
}

#backtotop
{
	color:#396;
	clear:both;
	text-align:center;
}

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

h1 
{
	color:#000;
	text-align:center;
	/*padding-top:3em;*/
}

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;
}



/*** so you know 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
{
	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;
	width:60px;
	height:50px;
	float:left;
	line-height:0;
	margin:30px;
}
*/
.img-wrapper img
{
	width:90%;
	padding-left:10px;
	/*height:30%;*/
	/*background:#300;
	padding:2px;
	display:block;
	border:1px solid #000;
	position:relative;
	left:-9px;
	top:-9px;*/
}

/***charter page photo***/
.img-wrapper-horsedrive 
{
	display:none;
}

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




/*** 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;
}




/***puts the little external link image next to external site links***/
.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;
}



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

caption
{
	font-size:14px;
	font-weight:bold;
	margin:0px;
	background-color:#F90;
	border:thin;
}

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

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

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 #F93;
	background:#F5F5DC;
}

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;
}