/* Rose Garden CSS */

/* Structure */

#index-main {
	position: absolute;
	left: 50%;
	width: 810px;
	margin-left: -405px; /* half of width */
	background: url(../images/indexbg.gif) no-repeat;
	padding: 20px 30px 20px 30px;
}

#index-menu{
	font-size: 100%;
	width: 742px;
	text-align: center;
	padding: 4px 4px 6px 4px;
}

#index-menu a{
	color: #557F1E;
	text-decoration: none;
}     

#index-menu a:hover{
	text-decoration: underline;
} 


#index-top {
	margin: 0;
	width: 750px;
	height: 80px;
	background: url(../images/dashline.gif) bottom repeat-x;
}

#index-flash {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 326px;
	clear: both;
}

#index-eventpromo {
	clear: both;
	width: 750px;
	height: 113px;
}

#index-event {
	padding: 5px 15px 5px 5px;
	margin: 0;
	width: 355px;
	height: 100px;
	background: #e6e6e6;
	border-top: #999 solid 1px;
	border-bottom: #999 solid 1px;
	float:left;
}

#index-eventpromo .index-box {
	padding: 5px 15px 5px 5px;
	margin: 0;
	width: 229px;
	height: 100px;
	background: #e6e6e6;
	border-top: #999 solid 1px;
	border-bottom: #999 solid 1px;
	float:left;
}

#index-promo {
	padding: 5px 15px 5px 5px;
	margin: 0;
	width: 354px;
	height: 100px;
	background: #e6e6e6;
	border-top: #999 solid 1px;
	border-bottom: #999 solid 1px;
	float: right;
}

.index-logo {
	float: left;
	clear: right;
}

.index-tag {
	float: right;
	position: relative;
	top: 40px;
}	


#index-footer {
	width: 750px;
	clear: both;
	margin: 0;
	padding-top: 18px;
	height: 60px;
	text-align: center;
	font-size: 10px;
}

#index-footer a{
	color: #336600;
	text-decoration: none;
}

#index-footer a:hover{
	color: #336600;
	text-decoration: underline;
}

#index-footer .links{
	width: 750px;
	padding-bottom: 5px;
}