html
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: "Times New Roman", Times, serif;
	background-color: #E6E9D9;
	font-size: 90%;
	color: black;
	text-align: center;
}

#header { font-size: 1em; }

/* displayed at 12px */

#sidenav
{
	font-size: 1em;
	text-align: left;
}

/* displayed at 12px */
#main
{
	font-size: 1.2em;
	text-align: left;
}

/* displayed at 15px */
#footer { font-size: 1.2em; }

/* displayed at 11px */
/* prob don't need this one */
input, select, th, td { font-size: 1em; }

img
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

/* ----------------------- */
/* to correct inherited shrinkage  */
/* see http://www.clagnut.com/blog/348/  */
/* rule: child pixels / parent pixels = child ems  */
li li, li p, td p, blockquote p, ul, ul li, td li { font-size: 1em; }

/* ----------------------- */
p
{
	margin: 0;
	/* margin: 2px 0 10px 0; */
	line-height: 1.1;
	font-size: .76em;
}

h1
{
	margin: 35px 0 7px 0;
	color: #7B2E4B;
	/* maroon */
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2;
}

h2
{
	margin: 17px 0 0 0;
	color: #000000;
	font-size: .76em;
	font-style: bold;
	line-height: 1.1;
}

h3
{
	margin: 17px 0 0 0;
	color: #7B2E4B;
	/*maroon */
	font-size: .76em;
	font-style: bold;
	line-height: 1.1;
}

/* Hides from IE-mac \*/
* html #wrapper { height: 1%; }

/* End hide from IE-mac */
#wrapper
{
	width: 770px;
	position: relative;
	margin: 0 auto;
	z-index: 20;
	background-image: url(../i/bt_faux_columns.gif);
	background-repeat: repeat-y;
	background-position: center 0;
	background-color: #FFF;
}

/* Hides from IE-mac \*/
* html #wrapper { margin: 12px 0 0 0; }

/* End hide from IE-mac */
#wrapper a { padding: 2px; }

#wrapper a:link
{
	color: #7B2E4B;
	/*maroon */
	text-decoration: none;
	background: none;
	font-weight: bold;
}

#wrapper a:visited
{
	color: #7B2E4B;
	/*maroon */
	text-decoration: none;
	background: none;
	font-weight: bold;
}

#wrapper a:hover
{
	color: #7B2E4B;
	/*maroon */
	text-decoration: underline;
	background: none;
	font-weight: bold;
}

#wrapper a:active
{
	color: #7B2E4B;
	/*maroon */
	text-decoration: underline;
	background: none;
	font-weight: bold;
}

#mainWrapper
{
  margin-bottom: -20px;
}

#header
{
	width: 770px;
	height: 160px;
	z-index: 30;
	background-image: url(../i/bt_head_base.gif);
	background-repeat: no-repeat;
	background-position: 50% 0;
	margin: 12px 0 0 0;
}

* html #header { margin: 0px; }

#header img
{
	position: absolute;
	top: 0px;
	left: 325px;
	background-color: none;
	background: none;
}

#header p
{
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: 2px;
	/* font-size: 1em; */
	/* letter-spacing: .2em; */
	position: absolute;
	top: 170px;
	left: 590px;
	text-decoration: none;
	background: none;
	font-weight: bold;
	background-color: transparent;
}

/* # # # # # # # # # # # # # # # #  */
/* # # # # # # topnav  # # # # # #  */
/* # # # # # # # # # # # # # # # #  */

/* for IE only - star hack */
* html #topnav
{
	width: 770px;
	height: 35px;
	z-index: 20;
	background-image: url(../i/bt_head_base.gif);
	background-repeat: no-repeat;
	background-position: 50% -160px;
	margin: 0 0 0 0;
}

/* for IE 5 Mac */
#topnav, #topnav ul, #topnav ul li
{
  margin: 0;
  padding: 0;
}

/* for all browsers, IE 5 Mac skips this \*/
#topnav
{
	width: 770px;
	height: 35px;
	z-index: 20;
	background-image: url(../i/bt_head_base.gif);
	background-repeat: no-repeat;
	background-position: 50% -160px;
	margin: 0 0 0 0;
}
/* commented backslash hack close */

/* for IE 5 Mac */
#topnav ul
{
  margin-left: 20px;
  padding: 0;
}


#topnav li { display: inline; float: left;}

#topnav a#here_home
{
	display: block;
	height: 31px;
	width: 61px;
	border: 0;
	background-image: url(../i/nav_home.jpg);
	background-position: 0 35px;
}

#topnav a:hover#here_home
{
	display: block;
	height: 31px;
	width: 61px;
	border: 0;
	background-image: url(../i/nav_home.jpg);
	background-position: 0 0;
}

#topnav a#here_menu
{
	display: block;
	height: 31px;
	width: 69px;
	border: 0;
	background-image: url(../i/nav_menu.jpg);
	background-position: 0 35px;
}

#topnav a:hover#here_menu
{
	display: block;
	height: 31px;
	width: 69px;
	border: 0;
	background-image: url(../i/nav_menu.jpg);
	background-position: 0 0;
}

#topnav a#here_aboutus
{
	display: block;
	height: 31px;
	width: 95px;
	border: 0;
	background-image: url(../i/nav_aboutus.jpg);
	background-position: 0 35px;
}

#topnav a:hover#here_aboutus
{
	display: block;
	height: 31px;
	width: 95px;
	border: 0;
	background-image: url(../i/nav_aboutus.jpg);
	background-position: 0 0;
}
#topnav a#here_specialevents
{
	display: block;
	height: 31px;
	width: 123px;
	border: 0;
	background-image: url(../i/nav_specialevents.jpg);
	background-position: 0 35px;
}

#topnav a:hover#here_specialevents
{
	display: block;
	height: 31px;
	width: 123px;
	border: 0;
	background-image: url(../i/nav_specialevents.jpg);
	background-position: 0 0;
}
#topnav a#here_links
{
	display: block;
	height: 31px;
	width: 72px;
	border: 0;
	background-image: url(../i/nav_links.jpg);
	background-position: 0 35px;
}

#topnav a:hover#here_links
{
	display: block;
	height: 31px;
	width: 72px;
	border: 0;
	background-image: url(../i/nav_links.jpg);
	background-position: 0 0;
}
#topnav a#here_contact
{
	display: block;
	height: 31px;
	width: 76px;
	border: 0;
	background-image: url(../i/nav_contact.jpg);
	background-position: 0 35px;
}

#topnav a:hover#here_contact
{
	display: block;
	height: 31px;
	width: 76px;
	border: 0;
	background-image: url(../i/nav_contact.jpg);
	background-position: 0 0;
}

#topnav ul li
{
	display: inline;
	margin: 0;
}


/* # # # # # # # # # # # # # # # #  */
/* # # # # # # # MAIN # # # # # # # */
/* # # # # # # # # # # # # # # # #  */


/* for IE 5 Mac to read */
*>#main
{
	width: 500px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
}


/* for all browsers, IE 5 Mac can't see this due to commented backslash hack \*/
#main
{
	width: 500px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	float: left;
	display: inline;
}
/* close commented backslash hack */

#main p { margin-bottom: 20px; }

#main img
{
	margin: 5px 0px 15px 0;
	background-color: none;
	background: none;
}

#main img.float
{
	float: left;
	margin: 40px 10px 5px 0;
	background-color: none;
	background: none;
}

#main #menuimg
{
	margin: 40px 0 5px 0;
	background: none;
	border-right: #FFF;
	border-width: 0 15px 0 0;
	border-style: none solid none none;
}

/* for all browsers, IE 5 Mac can't see this due to commented backslash hack \*/
#main #menuimg
{
	margin: 40px 0 5px 0;
	background: none;
	border-right: #FFF;
	border-width: 0 15px 0 0;
	border-style: none solid none none;
}
/* close commented backslash hack */

#main div.menu { margin-left: 35px; }

#main div.menu h2
{
	color: #000000;
	margin: 30px 40px 10px 0;
	font-size: .9em;
	font-weight: normal;
	font-style: italic;
	padding: 15px 0 0 0;
	border-color: #000 none none none;
	border-width: 1px 0 0 0;
	border-style: solid;
}

#main div.menu h3
{
	color: #000000;
	margin: 0 0 0 0;
	font-size: .76em;
	font-weight: bold;
	padding: 0 0 0 0;
}

#main div.menu h3 span
{
	position: absolute;
	right: 340px;
}

#main div.menu p
{
	width: 330px;
	color: #000000;
	margin: 0 0 10px 0;
	font-size: .76em;
	font-style: normal;
	padding: 0 0 0 0;
}

#main div.admin
{
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}

#main div.admin p
{
	font-size: .7em;
	padding: 2px;
	border: #999999 solid;
	border-width: 1px 0 0 0;
	margin-bottom: 5px;
}

/* # # # # # # # # # # # # # # # #  */
/* # # # # # # sidenav # # # # # #  */
/* # # # # # # # # # # # # # # # #  */


*>#sidenav
{
	width: 210px;
	height: 1%;
	float: right;
	display: inline;
/*	position: absolute;
	right: 0;
	top: 230px; */
}

/* for all IE browsers, IE 5 Mac can't see this due to commented backslash hack \*/
* html #sidenav
{
	width: 210px;
	margin: 0 0 0 0;
	padding-top: 20px;
	float: right;
	display: inline;
	z-index: 35;
}
/* close commented backslash hack */

/* for all browsers, IE 5 Mac can't see this due to commented backslash hack \*/
#sidenav
{
	width: 210px;
	margin: 0 0 0 0;
	padding-top: 20px;
	padding-bottom: 20px;
	float: right;
	display: inline;
	z-index: 35;
}
/* close commented backslash hack */

#sidenav h1
{
	color: #000000;
	margin: 0 0 0 0;
	font-size: .9em;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}

#sidenav h2
{
	color: #000000;
	margin: 0 0 10px 0;
	font-size: .9em;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
}

#sidenav h3
{
	color: #000000;
	margin: 0 0 0 0;
	font-size: .9em;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
}

#sidenav p
{
	color: #000000;
	margin: 0 0 10px 0;
	font-size: .8em;
	font-style: italic;
	padding-left: 20px;
	padding-right: 20px;
}



/* # # # # # # # # # # # # # # # #  */
/* # # # # # # # footer # # # # # # # */
/* # # # # # # # # # # # # # # # #  */
#footer
{
	width: 770px;
	height: 70px;
	margin: 0 0 0 0;
	color: #FFFFFF;
	background-color: #787B1B;
	/* dk ochre */
	text-align: left;
	padding: 20px 0 0 0;
  clear: both;
}

#footer p
{
	margin: 0 0 0 35px;
	padding: 0 0 0 0;
	line-height: 1.4em;
}

#footer p em
{
	font-weight: bold;
	font-style: normal;
}

#footer p span
{
	padding-left: 10px;
	padding-right: 10px;
}

#footer a:link
{
	color: #FFFFFF;
	text-decoration: none;
	background: none;
	font-weight: bold;
}

#footer a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	background: none;
	font-weight: bold;
}

#footer a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	background: none;
	font-weight: bold;
}

#footer a:active
{
	color: #FFFFFF;
	text-decoration: underline;
	background: none;
	font-weight: bold;
}

/* # # # # # # # # # # # # # # # #  */
/* # # # # # # # CLEAR # # # # # # # */
/* # # # # # # # # # # # # # # # #  */
.clearthefloats
{
	clear: both;
	height: 0;
}

