/*** GENERAL STYLES ***/

body {background: #e7e7e7 url(../images/bkg.gif) center top repeat-x; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 14px; color: #777;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 19px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.3em 0;}
strong {color: #666;}
a {color: #e54c22;}
a:hover {color: #d00;}
a.arrowlink {padding-right: 12px; background: url(../images/arrowlink.gif) right 60% no-repeat;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 11px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 930px; margin: 0 auto; text-align: left; padding: 0 17px; background: #fff url(../images/outer.gif); min-height: 250px;}
#shadowleft {position: absolute; left: 0; top: 0; width: 7px; height: 250px; background: url(../images/shadow.gif);}
#shadowright {position: absolute; right: 0; top: 0; width: 7px; height: 250px; background: url(../images/shadow.gif) right top;}
#top {position: relative; height: 100px; background: url(../images/top.gif) left bottom repeat-x;}

#printlogo {display: none; position: absolute; left: 0; top: 0;}
#logo {position: absolute; left: 0; top: 0; width: 200px; height: 100px; line-height: 100px; font-size: 27px; text-decoration: none; color: #818080; font-weight: normal; text-indent: 20px;}
#logo strong {color: #e54c22;}
#logo .ir {background: url(../images/logo.gif) no-repeat;}

#phonenumber {position: absolute; right: 10px; top: 0; width: 200px; height: 100px; color: #bbb; font-size: 23px; font-weight: normal; line-height: 100px; text-align: right;}
#phonenumber .ir {background: url(../images/phonenumber.gif) no-repeat;}

#nav {position: relative; height: 29px; line-height: 29px; margin: 5px 0; background: #3b3b3b url(../images/nav.gif) left top repeat-x; font-size: 13px;}
#nav li {float: left;}
#nav li a {display: block; color: #fff; text-decoration: none; white-space: nowrap; width: 10px; font-weight: bold; padding: 0 15px; background: url(../images/nav.gif) left top repeat-x;}
	html>body #nav li a {width: auto;}
#nav li.on a {background-color: #686868; background-position: 0 -29px;}
#nav li a:hover {background-color: #e54c22; background-position: 0 -58px;}

#main {background: url(../images/main.gif) repeat-x;}
	body.home #main {background: none;}

#content {float: left; width: 550px; padding: 4px 0 50px 40px;}
	body.home #content {width: 565px; padding: 0 0 30px 25px;}
	#content.wide {position: relative; float: none; width: auto; padding: 4px 40px 50px 40px;}
#sidebar {float: right; width: 235px; padding: 4px 40px 50px 0;}
	body.home #sidebar {width: 275px; padding: 0 0 30px 0;}

#main h1.headline {position: relative; height: 41px; line-height: 41px; font-size: 22px; color: #e54c22; font-weight: normal; margin: 30px 0 10px 0; background: no-repeat; color: #e54c22; font-style: italic; font-family: georgia, serif; text-indent: 2px;}
	body.home #main h1.headline {margin-top: 0;}
	#content h1.headline {width: 600px;}
#main h2 {color: #666; font-size: 15px; margin: 1.5em 0 .6em 0;}
#main h3 {margin-bottom: 1em;}

#content ul {margin: 1em 0;}
#content li {padding-left: 18px; background: url(../images/bullet.gif) 5px 8px no-repeat; margin-bottom: 8px;}
#sidebar ul {margin: 0; border-top: 1px solid #ddd;}
#sidebar li {padding: 10px 5px; border-bottom: 1px solid #ddd;}

.friendlink {position: absolute; right: 40px; top: 30px; font-size: 12px; font-weight: bold; padding-left: 23px; background: url(../images/friendlink.gif) left center no-repeat;}

#sidebar p.padding {margin: 0; height: 90px;}
#sidebar blockquote {margin: 0; border: solid #e54c22; border-width: 3px 0; padding: 5px;}
#sidebar blockquote p {margin: 1em 0;}

.contentform div {clear: left; padding-top: 5px;}
.contentform label {float: left; width: 80px; text-align: right; margin-right: 10px; font-weight: bold;}
.contentform input, .contentform textarea {width: 350px;}
.contentform textarea {height: 100px;}
.contentform .submit {width: auto; margin-left: 90px; margin-top: 5px; cursor: pointer; cursor: hand;}
#registerform {margin-top: 2em; margin-bottom: 1.3em;}
#registerform #city {width: 150px;}
#registerform #state {width: 70px;}
#registerform #zip {width: 100px;}
#registerform #notes {width: 190px;}

table {border-collapse: collapse; margin-bottom: 1.3em;}
td {padding: 7px 10px; border: 1px solid #ddd; font-size: 12px; line-height: 17px;}
thead td {background: #eee; font-weight: bold;}

#homephoto {height: 275px; overflow: hidden; background: url(../images/homephoto.jpg); text-indent: -600px; margin-bottom: 25px;}
body.home #sidebar p {margin: 0;}
#homebutton {position: relative; display: block; width: 275px; height: 74px; background: #e55426; color: #fff; text-align: center; line-height: 74px; font-size: 18px;}
#homebutton .ir {background: url(../images/homebutton.gif) no-repeat;}

body.home #sidebar #homequote {position: relative; margin: 40px 20px; text-align: center; font-weight: bold; color: #999; font-style: italic; font-size: 18px; line-height: 22px; border: 0;}
#homequote strong {color: #e54c22;}
#homequote cite {display: block; font-style: normal; color: #666; font-size: 11px; margin-top: 7px;}
#homequote .ir {left: -29px; top: -30px; width: 275px; height: 190px; background: url(../images/homequote.gif) no-repeat;}
	html>body #homequote .ir {left: -20px;}

#homeevent {background: #fff url(../images/top.gif) left bottom repeat-x; border: 1px solid #eee; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; padding: 10px 15px; margin-bottom: 10px; font-size: 12px; line-height: 17px;}
#homeevent h2 {margin-top: 0; padding-top: 5px;}
#homeeventinfo {margin-bottom: 1.5em !important;}
#homeevent .small .floatleft {position: relative; top: -1.3em;}

#footer {margin: 0 -17px; padding: 17px 15px; background: #e7e7e7 url(../images/footer.gif) left top no-repeat; font-family: tahoma, arial, sans-serif; font-size: 10px; color: #999; line-height: 1.2em;}
#footer ul {position: relative; float: right; overflow: hidden;}
#footer li {position: relative; left: 9px; float: left; border-right: 1px solid #999; padding: 0 8px;}
#footer a {color: #999; text-decoration: none;}
#footer a:hover {color: #e54c22; text-decoration: underline;}
#footer p {margin: 0;}