body {
	background: url(../images/bg.gif) repeat fixed;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #FFF
	}

#content {
	width: 811px;
	height: auto;
	margin: 0 auto;
	}

#maincontent {
	width: 811px;
	height: auto;
	background: url(../images/textbg.png) repeat-y;
	margin: 0 auto;
	}

#textarea {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	}

/*=====Link Styles=====*/

a:link {color: #CCC; text-decoration: underline}
a:hover {text-decoration: none;}
a:visited {color: #CCC; text-decoration: underline}
a:visited:hover {text-decoration: none;}

.triparea a, .rates a {color: #333; text-decoration: underline;}
.triparea a:hover, .rates a:hover {text-decoration: none;}
.triparea a:visited, .rates a:visited {color: #333; text-decoration: underline;}
.triparea a:visited:hover, .rates a:visited:hover {text-decoration: none;}

/*=====Text Style=====*/

h1, h2, h3 {
	font-size: 25px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 3px;
	}

h2 {font-size: 18px;}
h3 {font-size: 15px;}

.divider {
	width: 400px;
	height: 2px;
	border-top: 1px dotted #CCC;
	}

.smallfont {
	font-size: 12px;
	}
	
/*=====Front Page Trips=====*/

.triparea, .schedule, .rates {
	width: 215px;
	height: auto;
	float: left;
	border: 1px solid #FF0000;
	text-align: center;
	font-size: 14px;
	background: #FFF;
	color: #000;
	margin: 5px;
	}

.tripheader, .scheduleheader, .ratesheader {
	width: 100%;
	background-color: #FF0000;
	padding: 5px;
	height: auto;
	color: #FFF;
	}

html>/**/body .tripheader {width: 205px;}

.tripheader-ff {margin-bottom: 10px;}
html>/**/body .tripheader-ff {width: 154px;}

.weeksched {
	width: 175px;
	height: auto;
	padding: 5px;
	border: 1px #333 solid;
	background: #FFF;
	color: #000;
	text-align: center;
	font-size: 18px;
	float: left;
	}
	
html>/**/body .weeksched {width: 163px;}

/*=====Rates & Schedule=====*/

.schedule { width: 300px;}
html>/**/body .scheduleheader {width: 290px;}

.rates { width: 350px; }
html>/**/body .ratesheader {width: 340px;}

.ratetable {
	width: 340px; 
	margin: 0 auto;
	}

.ratedays {
	width: 100%; 
	height: 20px; 
	text-align: left; 
	float: left; 
	font-weight: bold; 
	text-decoration: underline;
	}
	
.ratetime { 
	width: 100px; 
	float: left; 
	text-align: left; 
	height: 20px;
	color: #000099;
	font-weight: bold;
	}
	
.rateprice { 
	width: 80px; 
	height: 20px; 
	float: left;
	color: #e10000;
	font-weight: bold;
	}

/*=====Forms=====*/

.form {
	width: 500px;
	height: auto;
	margin: 0 auto;
	}

.fieldtitle {
	width: 100px;
	text-align: right;
	height: 20px;
	padding-top: 3px;
	float: left;
	}
	
html>/**/body .formtitle {height: 17px;}

.fieldarea {
	width: 300px;
	height: 20px;
	float: left;
	text-align: left;
	margin-left: 7px;
	}



/*=====Footer=====*/

#footer {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	}