@charset "UTF-8";

/******** Global Settings *********/

html, body, img {
	border: 0;
	margin: 0;
	padding: 0;
    behavior: url(../thegathering/iepngfix.htc);
}

body {
    background: url(images/sideline.jpg) top center repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	
} 

#container {
	margin: auto;
	width: 850px;
}



/************ Fonts and Headers *************/

h1 {
	font-size: 1.5em;
	font-weight:bold;
	margin: 0 0 10px 0;
	clear: both;
	color: #EC1940;
}

h2 {
	font-size: 1.5em;
	font-weight:bold;
	margin: 0;
	clear: both;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	clear: both;
	color: #000;
}

h4 {
	font-size: .9em;
	font-weight: normal;
	margin: 0;
	clear: both;
	color: #000;
}


/***** Common Formatting *****/

p {
	margin: 0;
	padding-bottom: 1em;
	line-height: 1.5em;
	color: #000;
	font-size: 0.8em;
}

ul {
	margin: 0;
	padding-left: 25px;
	padding-bottom: 1em;
	line-height: 1.5em;
	color: #000;
	font-size: 0.8em;
	list-style-type: none;
}

small {
 	font-size:0.85em;
 	}


 /***** Links *****/

a { 
	text-decoration: none;
	color: #d60000;
}

.altlink a, a.altlink {
	color: #d60000;
	text-decoration: none;
}

a:link {
	color: #d60000;
}

.altlink a:link, a:link.altlink { 
	color: #d60000;
}

a:visited {
	color: #d60000;
}

.altlink a:visited, a:visited.altlink {
	color: #d60000;
}

a:hover {
	color: #8a0000;
}

.altlink a:hover, a:hover.altlink {
	color: #8a0000;
}



/*****************
Black Bar
******************/

#whitebar {
	background-color: #fff;
	height: 316px;
}

.gatheringheader {
	background-image: url(images/topbar.jpg);
	height: 316px;
	width: 1000px;
	margin: 0 auto 0 auto;
	position: relative;
}



/******************
SlideShow
******************/
.show {
	width: 530px;
	height: 200px;
	margin: 0 0 0 76px;
	position: relative;
}

#slideshow {
	width: 530px;
	height: 200px;
	margin: 0;
	position: relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



/******************
Sidebar
******************/
.sidebar {
	width: 244px;
	background-color: #FFF;
	margin: 0;
	position: relative;
	float: right;
}

.dates {
	width: 244px;
	height: 41px;
	margin: 0;
	position: relative;	
}

.fslink {
	margin: 20px 20px 20px 20px;
}


/******************
NavMenu Home
******************/
.navmenu {
	height: 81px;
	width: 221px;
	margin: 0 0 0 11px;
	padding: 0;
	position: relative;
}
.navmenu li {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
}
.navmenu li a {
	text-decoration:none;
	font-weight:bold;
	display: block;
	height: 81px;
}
.nav-home { 
	background: url("images/home.jpg") 0px 0px no-repeat; 
	top: 0px; 
	width: 221px;
}
.nav-home a:hover { 
	background: url("images/home.jpg") -221px 0px no-repeat; 
}
.nav-schedule { 
	background: url("images/schedule.jpg") 0px 0px no-repeat; 
	top: 0px; 
	width: 221px;
	
}
.nav-schedule a:hover { 
	background: url("images/schedule.jpg") -221px 0px no-repeat; 
}
.nav-accomodations { 
	background: url("images/accomodations.jpg") 0px 0px no-repeat; 
	top: 0px; 
	width: 221px;
}
.nav-accomodations a:hover { 
	background: url("images/accomodations.jpg") -221px 0px no-repeat; 
}
.nav-photos { 
	background: url("images/photos.jpg") 0px 0px no-repeat; 
	top: 0px; 
	width: 221px;
}
.nav-photos a:hover { 
	background: url("images/photos.jpg") -221px 0px no-repeat; 
}
.nav-guests { 
	background: url("images/guests.jpg") 0px 0px no-repeat; 
	top: 0px; 
	width: 221px;
}
.nav-guests a:hover { 
	background: url("images/guests.jpg") -221px 0px no-repeat; 
}
.nav-contact { 
	background: url("images/contact.jpg") 0px 0px no-repeat; 
	top: 0px; 
	width: 221px;
	
}
.nav-contact a:hover { 
	background: url("images/contact.jpg") -221px 0px no-repeat; 
}
.nav-directions { 
	background: url("images/directions.jpg") 0px 0px no-repeat; 
	top: 0px; 
	width: 221px;
	
}
.nav-directions a:hover { 
	background: url("images/directions.jpg") -221px 0px no-repeat; 
}
.nav-newsite { 
	background: url("images/back-button.jpg") 0px 0px no-repeat; 
	top: 0px; 
	width: 221px;
	
}
.nav-newsite a:hover { 
	background: url("images/back-button.jpg") -221px 0px no-repeat; 
}



/************** Footer *****************/

#underbar {
	list-style: none;
	padding: 10px 0 5px 0;
	margin-top: 4px;
	margin-bottom: 2px;
}

#underbar li {
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #751010;
	display: inline;
	padding: 0 10px 0 10px;
}

#footer {
	width: 100%;
	background-color: #454640;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 135px;
	clear: both;
	font-size: 11px;
	color: #fff;
}

.address {
	position: relative;
	height: 50px;
	width: 100%;
}



/******************
Common Page Elements
******************/

.content {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	width: 606px;
}

.entry {
	clear: both;
	padding: 20px 5px 20px 20px;
	margin-left: 105px;
	line-height: 1.5em;
	color: #000;
	text-align: justify;
}

.entry a {
	color: #d60000;
}

.entry a:hover {
	color: #8a0000;
}

.schedule {
	clear: both;
	padding: 20px auto 20px auto;
	margin-left: 100px;
	line-height: 1.5em;
	color: #fff;
	text-align: justify;
}

.schedule a {
	color: #CCCCCC;
}

.schedule a:hover {
	color: #fff;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}