@charset "UTF-8";
body {
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}
.oneColFixCtrHdr #header {
	background: #FFFFFF; 
}
.oneColFixCtrHdr #header a:link {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #888888;
	text-decoration: none;
}
.oneColFixCtrHdr #header a:visited {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #888888;
	text-decoration: none;
}
.oneColFixCtrHdr #header a:hover {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}
.oneColFixCtrHdr #header a:active {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}
.oneColFixCtrHdr #menu {
	width: 900px;
	height: 30px;
	background: #FFFFFF;
	margin-top: 10px;
}
.oneColFixCtrHdr #mainContent {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.oneColFixCtrHdr #footer {
	float: left;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.footerunderbutton
{
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #888888;
	font-size: 14px;
	padding-left: 35px;
}
.footerunderbutton2
{
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #888888;
	font-size: 14px;
	padding-left: 50px;
}
.footercopyright
{
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #888888;
	font-size: 14px;
	text-align: center;
}
.footersubtext
{
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	text-align: center;
}
.bodystyle {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
}

.large {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
}

.big {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	text-align: left;
}

.xbig {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 24px;
	text-align: left;
}

/* Styles to attribute to the text of your form */
.fieldtext {
	color: #888888;
	font-size: 12px;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-align: left;
}

/* 
Note:  If you need to have multiple colored texts, or different attributes within the same form,
just duplicate the above and call it "fieldtext2" or whatever.  Then you can apply that style to
additional text if you wish 
*/

/* This is the style for the main form fields */
.field1 {
	background: #EEEEEE;
	color: #333333;
	font-size: 12px;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	padding: 5px;
	width: 300px;
	border: 1px solid #666666;
	text-align: left;
}

/* In case you have fields that need to be a different width, colors, etc ... you can change those here.*/
.field2 {
	background: #EEEEEE;
	color: #333333;
	font-size: 12px;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	padding: 5px;
	width: 190px;
	border: 1px solid #666666;
	text-align: left;
}

.field3 {
	background: #EEEEEE;
	color: #333333;
	font-size: 12px;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	padding: 5px;
	width: 270px;
	border: 1px solid #666666;
	text-align: left;
}

/* If you want a border on the table that holds the form */
.formborder {
	border: 0px solid #EEEEEE;
}

ul {

	padding: 5px;
	width: 350px;
}

ul .wider {
	padding: 5px;
	width: 510px;
}

ul .details {
	padding: 8px 5px;
	margin: 0px 40px 0px 40px;
	width: 800px;
}

li .details {
	font-size: 16px;
	font-family:  Helvetica, Verdana, Geneva, Arial, sans-serif;
	padding: 5px;
	width: 800px;
}

ul .details2 {
	padding: 0px 5px 2px 5px;
	margin: 0px 30px 0px 30px;
	width: 800px;
}

li .details2 {
	font-size: 16px;
	font-family:  Helvetica, Verdana, Geneva, Arial, sans-serif;
	padding: 5px;
	width: 800px;
}

li {
	font-size: 12px;
	font-family:  Helvetica, Verdana, Geneva, Arial, sans-serif;
	padding: 5px;
	width: 340px;
}

li .wider {
	font-size: 12px;
	font-family:  Helvetica, Verdana, Geneva, Arial, sans-serif;
	padding: 5px;
	width: 500px;
}

#lefthalf {
	float: left;
	width: 440px;
	background: url(images/img03.gif) repeat-y;
	background-position: right;
	}

#leftlink {
	float: left;
	width: 440px;
	background: url(images/img03.gif) repeat-y;
	background-position: right;
	}
	
#righthalf {
	float: right;
	width: 440px;
	}
	
#rightlink {
	float: right;
	width: 440px;
	}
	
#lefthalf-x {
	float: left;
	width: 440px;
	}
	
#righthalf-x {
	float: right;
	width: 440px;
	background: url(images/img03.gif) repeat-y;
	background-position: left;
	}
	
.postcenter {
	width: 310px;
	padding: 10px 295px 20px 295px;
	text-align: center;
}

.postleft {
	width: 310px;
	padding: 0px 60px 20px 60px;
}


.postleft .title {
	margin: 0;
}

.entry {
}

.postleft .entry {
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.postright {
	width: 310px;
	padding: 0px 60px 20px 60px;
}

.postright .title {
	margin: 0;
}

.postright .entry {
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#submitcenter {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 30px 10px 30px;
	float: none;
	
}

#containercenter {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 30px 10px 30px;
	float: none;
	
}

#containercenter2 {
	width: 840px;
	background: #FFFFFF;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 30px 10px 30px;
	float: none;
	
}

#buttoncenter {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 0px 10px 0px;
	float: left;
	text-align: center;
	border: 1 px solid #cccccc
}

#onetrip {
	float: left;
	width: 350px;
	}

#twotrip {
	float: right;
	width: 350px;
	}

#threetrip {
	float: right;
	width: 290px;
	}