@charset "UTF-8";
/* CSS Document */

body {
	background-color:#7c2602;
}

div#container {
	width: 950px;
	height: 890px;
	background-color:#631701;
	position: relative;
	margin-right: auto;
	margin-left: auto;

}
div#header {
	width: 950px;
	height: 156px;
	position: absolute;
	top: 1px;
	left: 0px;
	background-image:url(Images/images_index/index_header2.jpg);
}

/* Use this class for div's that utilize images for rollovers */
img.loading {
	display: none;
}

#navigation_MCCLA{
	position:absolute;
	left:0px;
	top:156px;
	width:150px;
	height:703px;
	background-image:url(Images/navigation/nav_bg.png);

	
}



/*This is where the top sub-continer starts*/
div#topcontainer {
	position: absolute;
	top: 156px;
	left: 150px;
	width: 715px;
	height:703px;
	overflow:hidden;
	background-color:#8c2f05;
}


/*Here is the divs for the topcontainer content*/

div#hometop {
	position:absolute;
	top:0px;
	left:0px;
	width:715px;
	height:299px;
	background-image:url(Images/images_index/home_top_bg.gif);
}


.calendar_img{
	margin:22px 0 0 10px;
	
}

div#bar_1 {
	position:absolute;
	top:295px;
	left:0px;
	width:635px;
	height:54px;
	background-color:#4e1b05;
	/*background-image:url(Images/images_index/010412/break.png);*/
	z-index:100;
}

/*Events Section*/
div#events_1 {
	position:absolute;
	top:347px;
	left:0px;
	width:158px;
	height:150px;
	background-color:#4e1b05;
}

div#events_2 {
	position:absolute;
	top:347px;
	left:158px;
	width:158px;
	height:150px;
	padding-left:4px;
	background-color:#4e1b05;
}
div#events_3 {
	position:absolute;
	top:347px;
	left:316px;
	width:158px;
	height:150px;
	background-color:#4e1b05;
}

div#events_4 {
	position:absolute;
	top:347px;
	left:474px;
	width:161px;
	height:150px;
	background-color:#4e1b05;
}


div#date_1 {
	position:absolute;
	top:497px;
	left:0px;
	width:158px;
	height:18px;
	background-color:#4e1b05;
}

div#date_2 {
	position:absolute;
	top:497px;
	left:158px;
	width:158px;
	height:18px;
	background-color:#4e1b05;
}
div#date_3 {
	position:absolute;
	top:497px;
	left:316px;
	width:158px;
	height:18px;
	background-color:#4e1b05;
}

div#date_4 {
	position:absolute;
	top:497px;
	left:474px;
	width:161px;
	height:18px;
	background-color:#4e1b05;
}

div#bottom_left{
	position:absolute;
	top:492px;
	left:0px;
	width:363px;
	height:179px;
	background-color:#bb6529;
	background-image:url(Images/images_index/home_bottom_left.gif);
}

div#bottom_right{
	position:absolute;
	top:492px;
	left:363px;
	width:356px;
	height:179px;
	background-color:#b75d23;
	background-image:url(Images/images_index/home_bottom_right.gif);
	z-index:10;
}

#paypal{
	position:absolute;
	top:10px;
	left:645px;
	width:75px;
	height:auto;

}
.icon_position{
	padding-top:10px;
	padding-bottom:5px;
	float:left;
	
}
.social{
	margin-top:15px;
	float:left;
	padding-bottom:5px;
}


.picpadding{
	padding:0px 10px 0px 10px;
	
}




div#bimonthly{
	position:absolute;
	top:520px;
	left:390px;
	height:100px;
	width:275px;
	z-index:60;
}





div#video_index{
	position:absolute;
	top:20px;
	left:10px;
	width:325;
	height:299;
}







/*Styling the page*/
h1 {
font-family:"Times New Roman", Times, serif;
color:#fdce90;
font-size:22px;
padding-left:10px;
padding-right:5px;
}

h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#debf8e;
	font-size:20px;
	text-align:left;
	padding-left:10px;
}

h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#debf8e;
	font-size:16px;
	text-align:center;
}

p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#b59458;
padding-right:10px;
padding-left:30px;

}

p.center{
	text-align:center;

}

p.annual{
	color:#fdce90;
	padding-left:10px;
	text-align:left;
	font-size:11px;
	line-height:13px;
}

p.small {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:14px;
top:0px;
padding-left:10px;
padding-right:5px;
color:#f7eac8;
}
.smallH1 {
	font-size:12px;
	color:#f7eac8;
}

p.tiny{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-left:10px;
padding-right:5px;
color:#c79867;
}
.dates{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#d3914b;
position:relative;
padding-top:3px;
}
.seating{
	text-align:center;
	color:#FFF;
	font-size:14px;
	
}

.maindate{
	font-size:16px;
	font-weight:bold;
	color:#FC6;
	text-shadow: #2f2f2f 3px 1px 2px;
	
}
.bi{
	font-size:11px;
	color:#000;
	
}
p.notes{
	font-size:12px;
	color:#FFF;
}

p.white{
	color:#FFF;
	
}

img.left{
	padding-left:4px;
}


img.home{
	padding-top:12px;
	padding-left:4px;
}
a:link, a:visited {
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}
a:hover {
	color:#F60;
}
a:active {
	color:#FFF;
}

email{
margin-left:40px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-left:10px;
padding-right:5px;
color:#d3914b;
}

div#background1{
position:absolute;
top:859px;
left:140px;
width:735px;
height:30px;
background-image:url(Images/images_index/lower_shadow.png);
background-repeat:no-repeat;
}
div#background2{
position:absolute;
top:156px;
left:865px;
width:85px;
height:734px;
background-image:url(Images/images_index/left_bg.png);
}

/*Footer*/

div#hours{
	position:absolute;
	width:715px;
	height:185px;
	color:#3c1c12;
	top:518px;
	left:0;
	background-image:url(Images/images_index/lower_jag.png);
}

div#hours p{
	font-size:11.5px;
	color:#cd914a;
	margin:15px 0 0 -15px;
}
.hoursoffice{
	font-size:12px;
	text-align:left;
	color:#f3b162;
	text-transform:uppercase;
}

div#footer {
	width: 950px;
	height: 30px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color:#441203;
	text-align:center;
	color: #fdce90;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}