body { font-family: arial, helvetica, sans serif; font-size: 12px; color: #7e1329; }

.body { font-family: arial, helvetica, sans serif; font-size: 12px; color: #7e1329; }

.copyright { font-family: arial, helvetica, sans serif; font-size: 12px; color: #fff; }

.home_title { font-family: arial, helvetica, sans serif; font-size: 14px; color: #e1692c; font-weight: bold; line-height: 18px; }

a:link, a:visited { font-family: arial, helvetica, sans serif; font-size: 12px; color: #cd6733; }
a:hover { font-family: arial, helvetica, sans serif; font-size: 12px; color: #7e1329; text-decoration: none; }

a.menu:link, a.menu:visited { font-family: arial, helvetica, sans serif; font-size: 12px; color: #7e1329; margin-left: 8px; margin-right: 8px;}
a.menu:hover { font-family: arial, helvetica, sans serif; font-size: 12px; color: #7e1229; text-decoration: none; }

body {margin: 0px;
					background: #cdbaaf url('/images/gradient_bg.jpg') fixed repeat-x;

}

					
#pageContent {z-index: 1;
                     position: relative;
					 top: 20px;

						}
					 
#container {
	position: relative;
	text-align: left;
	width: 1000px;
	background: #fff;
	min-height: 440px;
	height: auto !important;
	overflow: hidden;
	 }
	 
#top_bar {
	position: relative;
	width: 800px;
	height: 40px;
	background: #7e1228;
    float: right;
	text-align: right;
	
 
 }
 
 #bottom_bar {
	position: relative;
 	width: 1000px;
	/*height: 40px !important;*/
	bottom: 0px;
	text-align: center;
	background: #7e1228;
	padding-bottom: 10px;
 
 }
 
 #nav {
	position: relative;
	width: 760px;
	height: 20px;
	background: #7e1228;
	text-align: right;
	float: right;
	padding-top: 10px;
	
 
 }
	 
#sidebar {
	position: absolute;
	top: 0px;
	margin:0px;
	width: 200px;

	background: #fff;
	border: solid 0px #7e1228;
	 }
	 
#slideshow {
	position: relative;
	float: right;
	width: 800px;
	height: 400px;
	 }
	 
#content {
	position: relative;
	float: right;
	width: 800px;
	height: 400px;
	background: #eee;
	height: auto !important;
	/*overflow: hidden;*/
	 }
	 
#content_offset {
	position: relative;
	width: 760px;
	min-height: 360px;
	padding: 20px;

	 }
	 
#menu_content_offset {
	position: relative;
	width: 700px;
	padding: 50px;

	 }
	 
#menu_nav {
	position: relative;
	width: 800px;
	height: 30px;
    float: right;
	border-bottom: solid 1px #7e1229;
 
 }
	 
#google {
	position: relative;
	float: right;
	width: 300px;
	height: 300px;
	padding: 10px;

	 }
	 		 
#lower_bar {
	position: absolute;
	width: 800px;
	height: 120px;
	background: url('/images/lower_bar.png');
	bottom: 0px;
	z-index: 1000;
}

#welcome {
	position: absolute;
	margin-left: 10px;
	top: 10px;
	width: 380px;
	height: 100px;
	color: #fff;
	font-family: arial, helvetica, sans serif;
	overflow-y: scroll;
	overflow-x: hidden;

}

#special {
	position: absolute;
	margin-left: 410px;
	top: 10px;
	width: 180px;
	height: 100px;
	color: #fff;
	font-family: arial, helvetica, sans serif;

}

#newsletter {
	position: absolute;
	margin-left: 610px;
	top: 10px;
	width: 180px;
	height: 100px;
	color: #fff;
	font-family: arial, helvetica, sans serif;

}

#special_wrap {
	position: relative;
	float: right;
	padding: 5px;
	width: 789px;
	height: 170px;
	color: #fff;
	font-family: arial, helvetica, sans serif;
	border-left: solid 1px #922034;
	background: #d87c42;

}

/*Step Carousel*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 740px; /*Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
margin: 5px 0px 0px 27px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 10;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 10px ; /*margin around each panel*/
width:160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#440000;
height:130px;
border: solid 1px #999;
padding: 5px;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:18px;
overflow: 0px; /*clip content that go outside dimensions of holding panel DIV*/
margin: 4px 0px ; /*margin around each panel*/
font-size:11px;
font-weight:normal;
text-align:center;
letter-spacing:1px;
font-family:century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
border: 0;
float: left; /*leave this value alone*/
/*background:#fff; clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px 2px 9px; /*margin around each panel*/
padding:1px 1px;
}