@import url('colors.css');
@import url('nav.css');
@import url('hptitle.css');

html { margin: 0px; padding: 0px; }

body {
	margin: 0px; padding: 0px;
	text-align: center;
	background-image:url(images/bkg.jpg);
}

img { border: 0px; }

.clear { clear: both; }

/*************** fonts *****************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

#footer, .smtext {
	font-size: 85%;
}

#menu {
	font-size: 100%;
}

.lgtext {
	font-size: 125%;
}

h1 {
	font-size: 175%;
	font-weight:bold;
}

h2 {
	font-size: 150%;
	font-weight:bold;
}


/*************** layout ***************************/
#body2col{
	width: 950px;
	background: url('images/columns2.gif') repeat-y;
}

#body3col {
	width: 950px;
	background: url('images/columns3.gif') repeat-y;
}

#body2 {
	z-index:10;
	width: 200px;
	float: left;
	padding: 10px 10px 10px 10px;
/*
	padding: 10px 10px 10px 25px;
*/
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;
/*
	width: 165px;
*/
}
	html>body #body2 { width: 180px; }

#body2col #body1 {
	z-index:5;
	width: 750px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px;
}
	html>body #body2col #body1 { width: 730px; }

#body3col #body1 {
	width: 580px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 560px;
}
	html>body #body3col #body1 { width: 560px; }

#body3 {
	width: 170px;
	padding: 10px 8px;
	float: left;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 152px;
}
	html>body #body3 { width: 150px; }

#container {
	width: 950px;
	margin: 0px auto;
	text-align: left;
}

#containerborder {
	width: 956px;
	background-image:url(images/contentbkg.jpg);
	background-repeat:repeat-y;
	margin: 0px auto;
	text-align: center;
}

#flashmovie {
	background: url('images/bg.jpg') no-repeat;
	width: 950px;
	height: 137px;
}

#header {
	height: 130px;
	width:950px;
	background-color:#000000;
}

#logo {
	height: 130px;
	text-align: left;
	margin:0px;
	border:0px;
	padding:0px;
	width:300px;
	float:left;
	background-color:#000000;
}

#headerquote {
	margin:0px;
	border:0px;
	padding:0px;
	height: 130px;
	width:650px;
	float:right;
	text-align:right;
	background-color:#000000;
}

#menu { 
/*
	height: 35px; 
*/
	font-size:13px;
	font-weight:bold; 
	}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#menu li { float: left; }
	#menu a {
		font-size: 105%;
		float: left;
/*
		padding: 5px 0px 5px 40px;
*/
		padding: 0px 0px 0px 40px;
	}
	
.submenu {
	margin: 0px 0px 0px -15px;
	padding: 0px;
	list-style: none;
}
	.submenu li {
		margin-bottom: 3px;
	}
	
	.submenu a {
		display: block;
		width: 180px;
		padding: 5px 5px 5px 15px;
		border: solid 1px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 158px;
	}
		html>body .submenu a { width: 158px; }

#footer {
	padding: 5px 5px 5px 25px;
	height:15px;
	vertical-align:middle;
}

hr {
	border: 0;
	height: 1px;
	width: 100%;
	text-align: left;
}

/***************** other media styles *********************/

@media print {
	#logo, #menu, .submenu, #flashmovie, #footer { display: none; }
	
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
	
}

@media handheld {
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
		
	#flashmovie { display: none; }
	
	.submenu, .submenu li { margin: 0px; }
	.submenu li { display: inline; }
	.submenu a:link, .submenu a:visited { display: inline; width: auto; border: none; background: none;  }
	.submenu a:hover { background: none; border: none;  }
}

/***************** Events Page (3 columns) *********************/
#eventcol{
	width: 730px;
	padding:0px;
	border: 0px;
	margin:0px;
}

#eventpiccol {
	width: 200px;
	float: left;
	padding: 0px 10px 0px 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
	text-align:center;
}
	html>body #eventpiccol { width: 190px; }

#eventcol #eventtextcol {
	width: 520px;
	float: left;
	padding: 0px 0px 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 510px;
}
	html>body #eventcol #eventtextcol { width: 510px; }

#eventlocation{
	width: 718px;
	border: solid 1px;
	padding:5px;
	margin:0px;
	font-size: 115%;
	font-weight:bold;
}

/***************** Events Page (3 columns) *********************/
#event3col{
	width: 560px;
	padding:0px;
	border: 0px;
	margin:0px;
}

#event3piccol {
	width: 200px;
	float: left;
	padding: 0px 10px 0px 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
	text-align:center;
}
	html>body #event3piccol { width: 190px; }

#event3col #event3textcol {
	width: 340px;
	float: left;
	padding: 0px 0px 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 330px;
}
	html>body #event3col #event3textcol { width: 330px; }

#event3location{
	width: 548px;
	border: solid 1px;
	padding:5px;
	margin:0px;
}

/***************** Dining Page *********************/
#diningcol{
	width: 560px;
}

#diningpiccol {
	width: 160px;
	float: left;
	padding: 0px 10px 0px 0px;
	min-width:150px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
}
	html>body #diningpiccol { width: 150px; }

#diningcol #diningtextcol {
	width: 380px;
	float: left;
	padding: 0px 0px 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
}
	html>body #diningcol #diningtextcol { width: 370px; }
	
#dininglocation{
	width: 548px;
	border: solid 1px;
	padding:5px;
	margin:0px;
	font-size: 115%;
	font-weight:bold;
}
	
/***************** Map Page *********************/
#trolleystoplocation{
	width: 325px;
	font-weight:bold;
	border: solid 1px;
	padding:5px;
	font-size: 115%;
	font-weight:bold;
}

#mapcol{
	width: 730px;
}

#mappiccol {
	width: 160px;
	float: left;
	padding: 0px 10px 0px 0px;
	min-width:150px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
}
	html>body #mappiccol { width: 150px; }

#mapcol #maptextcol {
	width: 560px;
	float: left;
	padding: 0px 0px 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 560px;
}
	html>body #mapcol #maptextcol { width: 560px; }
	
#maplocation{
	width: 718px;
	border: solid 1px;
	padding:5px;
	margin:0px;
	font-size: 115%;
	font-weight:bold;
}


/***************** Sponsors Page *********************/
#sponsorscol{
	width: 560px;
}

#sponsorspiccol {
	width: 160px;
	float: left;
	padding: 0px 10px 0px 0px;
	min-width:150px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
}
	html>body #sponsorspiccol { width: 150px; }

#sponsorscol #sponsorstextcol {
	width: 380px;
	float: left;
	padding: 0px 0px 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
}
	html>body #sponsorscol #eventtextcol { width: 370px; }
	
#sponsorslocation{
	width: 548px;
	border: solid 1px;
	padding:5px;
	margin:0px;
	font-size: 115%;
	font-weight:bold;
}

/***************** Three Equal Columns in Container Section with Three COlumns *********************/
#middle3cola {
	width: 560px;
	margin padding border: 0px;
}

#middle3cola #middle1a {
	width: 186px;
	float: left;
	padding:5px;
	border: 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 176px;
	text-align:left
}
	html>body #middle3cola #middle1a { width: 176px; }

#middle3a {
	width: 186px;
	float: left;
	padding:5px;
	border: 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 176px;
	text-align:right
}
	html>body #middle3a { width: 176px;}

#middle3cola #middlemida {
	width: 187px;
	width: 600px;
	float: left;
	padding: 5px;
	border: 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 177px;
	text-align:center
}
	html>body #middle3cola #middlemida { width: 177px; }

/***************** Three Equal Columns in Container Section with Two COlumns *********************/
#middle3col {
	width: 730px;
	margin padding border: 0px;
}

#middle3col #middle1 {
	width: 243px;
	float: left;
	padding:5px;
	border: 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 233px;
	text-align:left
}
	html>body #middle3col #middle1 { width: 233px; }

#middle3 {
	width: 243px;
	float: left;
	padding:5px;
	border: 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 233px;
	text-align:right
}
	html>body #middle3 { width: 233px;}

#middle3col #middlemid {
	width: 243px;
	float: left;
	padding: 5px;
	border: 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 233px;
	text-align:center
}
	html>body #middle3col #middlemid { width: 233px; }

/***************** Two Equal Columns in Container Section with Two Columns *********************/
#middle2col {
	width: 730px;
	margin padding border: 0px;
}

#middle2col #middle2a {
	width: 365px;
	float: left;
	padding:5px;
	border: 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 355px;
	text-align:left
}
	html>body #middle2col #middle2a { width: 355px; }

#middle2b {
	width: 365px;
	float: left;
	padding:5px;
	border: 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 355px;
	text-align:left
}
	html>body #middle2b { width: 355px;}

/* Form */
form {padding border margin: 0px; z-index:-1;}
input {width:200px;height:15px;padding:0.2em;margin:0px;margin-top:0.3em; border: 1px solid #c0c0c0;background-color:#FFFFFF;  z-index:-1;}
textarea {width:250px;padding:0.2em;margin:0px;margin-top:0.3em; border: 1px solid #c0c0c0;background-color:#FFFFFF;  z-index:-1;}
.submit {background:#DADADA; border-width:1px; border-color:#B5B5B5; border-style:solid;font-weight:bold; color:#666666; margin:5px 0px 0px 0px; height:23px;width:200px;  z-index:-1;}
select{background: #FFFFFF; border: 1px #1c759f outset; color: #000000; vertical-align:middle; padding: 0px 0px 0px 4px; height:22px;  z-index:-1;}
input.radio {width:15px; height:15px;padding:0.2em;margin:0px;margin-top:0.3em; border:0px;  z-index:-1;}
input:focus, input.sffocus { background-color:#E6D08B; }

#formtext {width: 100px; padding:2px 10px; float:left; z-index:0}
#formfield {width: 420px; padding:2px 10px; position:relative; float:left;  z-index:0;}

div.row { clear: both; padding-top: 3px; }
div.row span.formtext { float: left; width: 100px; padding:2px 10px; text-align: right;  }
div.row span.formfield { float: right;  width: 420px;  padding:2px 10px; text-align: left;  } 

#content {clear: left;}

.caption {font-size: 85%; }

ul.list {
	list-style:square;
}