BODY {
	COLOR: #000000;background-color:#C7C6C6; margin:0; padding:0
}


#container {width:960px; margin: 0 auto; background-color: #fff; font-family: Baskerville, Garamond; text-align: left}
#header {height:170px; background: #000 url(../images/header_back.png) bottom left no-repeat; border-bottom: 13px solid #E29755}

#header A {font-family: Baskerville, Garamond; color: #fff; text-decoration: none; font-size: 20px; line-height: 20px; 
	font-style: italic; padding: 5px; border: 1px solid transparent; }

/* *hacks are b/c IE uses Garamond font which has different letter spacing */

#header UL {margin-top: 0; padding-top: 0; position: relative; top: 15px;
	*padding-left: 5px; *margin-left: 5}
#header LI {display: inline; margin-right: 20px;*margin-right:10px; padding-left: 0; margin-left: 0}
#header A:hover { border: 1px solid #fff; color: #E29755}



.leftcol {width: 171px; float: left; margin-left: 50px; margin-top: 20px; }
.rightcol {width:610px; float: right; margin-right: 50px;  margin-top: 20px}
.onecol {text-align: center; }
.onecolcontent {margin: 0 auto; width:600px; text-align:left}
.clear {clear:both}


HTML, BODY {width: 100%; text-align: center}

A {color: #E27312}

A IMG {border: 0}

H2 {color: #000; text-transform: uppercase; font-family: Helvetica, Arial; font-size: 18px; margin: 20px 0 0 0; font-weight: normal; padding: 0}	

H1 {font-family: Baskerville, Garamond; font-weight: normal; font-size: 24px; margin-top:10px;  margin-bottom: 20px; color: #E27312}
	
H1.tagline {font-family: Baskerville, Garamond; text-align:right; font-style: italic; font-weight: normal; 
	  margin-bottom: 10px; margin-top:-5px; color: #000}

H3 {font-family: Baskerville, Garamond; color: #000; font-weight: normal; margin: 20px 0 0px 0; font-size: 14px; border-bottom: 1px solid #E29755; text-transform: uppercase; font-family: Helvetica, Arial; }
H4 {font-family: Baskerville, Garamond; color: #353535; font-weight: normal; margin: 4px 0; font-size: 15px}

	
P {margin-top:3px}	

.loginform {font-size: 12px; color: #353535; width: 170px; margin-bottom: 50px}
.loginform p {margin: 1px 0 5px 0}
.loginform2 INPUT[type=submit] {border: 1px solid #353535; font-family: Baskerville, Garamond; font-size: 14px; color: #000; background-color: #e5e5e5; cursor: pointer}
.loginform A {font-family: Baskerville, Garamond; font-size: 14px; text-decoration: none; color: #000000}
.loginform A.small {font-size: 12px; text-decoration: none}

.emailsignupform {width: 170px; margin: auto; background-color: #e29755; padding: 1px 0; margin-bottom: 50px}

.loginform INPUT {width: 100%}
.emailsignupform .link {border: 2px solid #fff; padding: 15px; margin: 15px}
.emailsignupform A { font-size: 20px; font-family: Baskerville, Garamond; text-decoration: none; color: #fff; font-style: italic; letter-spacing: 1px; line-height: 25px} 

.leftcol IMG.tellus {border:2px solid #e29755; margin-bottom: 30px}

TABLE.eventphotogrid TH {background-color: #e29755; text-align: center; color: #fff; padding: 5px; font-size: 18px; font-style: italic; font-weight: normal; }
.section {font-size: 16px; margin: 25px 0 15px 0; font-weight: 600}
.eventgrid {background-color: #e6e5e5; padding-top: 10px}
.eventgridtitle {background-color: #e6e5e5; font-size: 22px; color: #fff; font-style: italic; margin-top: 20px; line-height: 35px}
.eventgridtitle b {background-color: #E29755; padding: 5px; font-weight: normal; }

.event {border-bottom: 8px solid #fff; padding-top: 10px}
.eventgrid IMG, .eventheader IMG {float: left; margin-right: 5px; margin-left: 5px}
.eventgrid TABLE {clear: both; border-collapse: collapse; margin-bottom: 5px; width:100%}
.eventgrid TABLE TD, .eventgrid TABLE TH {border-top: 1px solid #E29755; width: 25%; font-size: 14px; text-align: left; padding-left: 5px} 
.eventgrid TABLE TH {font-size: 14px}
TABLE.myevents TH {border-bottom: 1px solid #E29755; width: 25%; font-size: 14px; text-align: left; padding-left: 5px} 
TABLE.myevents TD {font-size:14px}
.eventgrid TABLE TD {padding: 5px}
.eventgrid .eventtitle, .eventheader .eventtitle {}
.eventgrid .eventsubtitle, .eventheader .eventsubtitle {font-size: 14px}
.eventheader {background-color: #e5e5e5; margin-bottom: 10px; border:1px solid #e5e5e5}
.eventheader A.signup, .event A.signup {float: right; margin: 5px 10px}

#footer {background-color: #000; color: #fff; text-align: center; padding: 20px 0; font-size: 12px;}
#footer A {color: #fff; margin: 0 10px 0 10px}
#footer P {font-size: 11px; color: #666; padding: 10px 100px}
.bigletter {font-size: 30px; font-style: italic}

.sociallinks {padding-left: 30px; height: 34px; overflow: hidden}
.sociallinks A {margin-right: 10px}
.error {font-weight: bold; color: #F00}

.eventheadline {margin: 10px 0; background-color: #e5e5e5; border: 1px solid #E29755; padding: 10px}

.eventsviewall {text-align: right; font-size: 14px}

.accountbox {border:1px solid #E29755; padding: 10px; margin: auto auto 50px}
.accountbox UL {margin-left:0; padding-left: 0; list-style: none}
.accountbox LI {padding-left: 5px;}
.accountbox H3 {font-size: 14px; margin: 3px 0; color: #000; font-weight: bold }

TABLE.eventdetail {border-collapse: collapse}
TABLE.eventdetail TR TD {width: 50%; vertical-align: top; padding-bottom: 10px}
TABLE.eventdetail TR TD:first-child {border-right: 20px solid white}
.callout {padding:10px; border: 1px solid #ccc; width: 200px; float: right; margin: 10px 0 10px 10px}

INPUT, SELECT,  TEXTAREA {border:1px solid #999; padding: 5px; background-color: #e5e5e5; line-height: 16px; font-size: 14px;}
INPUT, SELECT {height: 28px}
INPUT.btn {cursor:pointer; text-transform:uppercase; border: 1px solid #666; background-color: #999; padding: 5px 10px}

#profile {background-color: #fff; border-top:10px solid #E29755; text-align: left; padding: 10px}