/* Home CSS */
/* First import the main page layout stylesheet */
@import url(main.css);

/* Then style the home page */

#home-header {
  background: #000;
  position: fixed;
  margin: 0px 0px 0px 0px;
  height: 97px;
  width: 790px;
  top: 0px;
  z-index: 10;
}

#home-central-container {
  position: relative;
  top: 97px;
  left: 0px;
  width: 790px;
}

#news {
	position: relative;
	height: 310px;
	width: 246px;
	background: url(../images/site/news-bg.png) no-repeat;
}

#headlines {
	position: relative;
	top: 20px;
	left: 15px;
	height: 275px;
	width: 200px;
}
a {
	text-decoration: none;
}

a p {
	color: #fff;
}

#banners {
	position: relative;
	width: 220px;
	height: 202px;
	background: url(../images/site/banners-bg.png) no-repeat;
}

#buttons {
	position: relative;
	top: 25px;
/*	left: 34px; */
}

#buttons img {
   display:block; /*images must be set to block in order use auto margins*/
   margin: 6px auto; /*centers images in most browsers*/
   text-align:center; /*centers images in older browsers*/
}

#recommends {
	position: relative;
	height: 198px;
	width: 246px;
	background: url(../images/site/banners-bg.png) no-repeat;
}

#recommends_text {
	position: relative;
	top: 18px;
	left: 18px;
	height: 155px;
	width: 200px;
}

#recommends_text ul  {
	list-style-type: none;
}

.headlines {
	padding: 0px 0px 7px 0px;
}

#upcoming {
	position: relative;
	width: 544px;
	height: 340px;
}

#event {
	position: relative;
	width: 453px;
	height: 77px;
	background: url(../images/site/upcoming-bg.png) no-repeat;
}

#button {
	float: left;
	width: 77px;
}

#upcoming_txt {
	float: left;
	width: 270px;
}

#latest-galleries {
	background: url(../images/site/latest-gals-bg.png) no-repeat;
}

#gallery {
	position: relative;
	top: 12px;
	left: 12px;
	width: 477px;
	height: 193px;
}

/* #vid {
	position: relative;
	left: 20px;
} */

#news h2, #recommends h2, #upcoming h2, #gallery h2, #vid h2 {
	position: relative;
	margin-bottom: 5px;
}
#terms {
	position: relative;
	padding: 15px 0px 10px;
	text-align: center;
	clear: both;
}
h4:hover {
	color: #3D5AD1;
}
p:hover {
	color: #3D5AD1;
}
#site-dev {
	margin: 5px;
}
#site-dev a:link, #site-dev a:visited, #site-dev a:active {
	color: #400000;
}
#site-dev a:hover {
	color: #0f0;
}