/* Home CSS Document */


body {
  background: #D3CEB0 url(../images/css/background-body-old.gif) repeat-x top left;
}

.frame {
	background: url(../images/css/background-content-old.gif) no-repeat scroll top left;
}

#content .row1{
  margin: -10px 0 0 -11px;
  width: 928px;
  position: relative;
  z-index: 0;
}

.ie7 #footer ul {
	margin: 0;
}

#content .welcome p {
	margin: 8px 0;
}
#content .row1 .rotation{
  display: block;
  height: 283px;
  position: relative;
  float: left;
  width: 535px;
  overflow: hidden;
}

#content .row1 .rotation a{
  position: absolute;
  z-index: 9;
  width: 535px;
}

#content .row1 .rotation span{
  background: url(../images/css/home-rotationMask.png) no-repeat;
  display: block;
  position: absolute;
  height: 283px;
  width: 128px;
  z-index: 10;
  left: 410px;
  margin: 0;
}

#content .row1 .welcome{
  background: url(../images/css/background-homeWelcome.jpg) repeat-x;
  float: left;
  width: 343px;
  margin: 21px 0 0;
  padding: 10px 15px;
  height: 250px;
  display: block;
}

#content .row1 .welcome h1{
  color: #7c2525;
  font-family: helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 10px 0;
}


#content .row2{
  margin: -10px 0 0 -5px;
  width: 946px;
  background: none;
}

.ie #content .row2 {
	margin: 0 0 0 -5px;
}

#content .row2 h2{
  color: #FFF;
  background: #B8B497;
  display: block;
  float: left;
  font-family: helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 10px 15px 5px;
  width: 92%;
  border-bottom: 7px solid #A29F80;
}

#content .row2 #marquee {
  display: block;
  width: 383px;
  float: left;
  height: 200px;
}

#content .row2 #news {
  display: block;
  width: 265px;
  float: left;
  margin: 0px 10px;
}

#content .row2 #news h2 {
  border-color: #661A1E;
  background: #7A2125;
}

#content #news .date {
  float: left;
  font-size: 12px;
  padding: 4px;
  margin: 10px 0 0;
  background: url(../images/css/dateBackground.jpg) repeat-x bottom left;
}

#content #news .date span {
  display: block;
  font-size: 18px;
}

#content #news .post {
  float: right;
  width: 220px;
  display: block;
  margin: 10px 0 0;
}

#content #news .post h3 {
  color: #7A2125;
  font-weight: normal;
  font-size: 18px;
  margin: 0;
  padding: 0;
}

#content #news .post p {
  margin: 5px 0;
  padding: 0;
  line-height: 15px;
}


#content #news .post a.more {
  text-align: right;
  float: right;
  text-decoration: none;
  color:#7A2125;
  font-size: 12px;
}


#content .row2 .links {
  width: 270px;
  float: right;
  display: block;
}

#content .row2 .links a {
  display: block;
  width: 210px;
  padding: 5px 10px;
  margin: 0 0 3px;
  background: #7A2125 url(../images/css/linkBackground.jpg) no-repeat center right;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  border-bottom: 4px solid #661A1E;
}

/**********************************************/
/* FEATURES CSS */
/**********************************************/

/* UNIVERSAL LIST STYLES FOR FEATURES */
#marquee ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

#marquee li {
	float: left;
	display: none;
}

#marquee ul li a {
	text-decoration: none!important;
}

/* MAIN FEATURES AREA AND INDIVIDUAL FEATURES */
#marquee .main,
#marquee .feature {
	display:block;
	height:225px;
	margin: 0;
	overflow:hidden;
	padding: 0;
	position:absolute;
	width: 380px;
	z-index: 1;
}

#marquee .main .shown {
	z-index: 2;
}

#marquee .feature img {
  display: block;
  height: 100px;
  width: 100px;
  margin-right: 10px;
  margin-top: 50px;
}

#marquee .feature div.panel-overlay {
  margin-top:-110px;
  width: 260px;
  color: #000;
  float: right;
  line-height: 15px;
}

#marquee .feature div.panel-overlay p.name {
  text-align: right;
  color:#7A2125;
  font-style: italic;
}