body {
	background-color: #753A0D;
	margin: 0;
	padding: 0;
}

#outerContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	clear:both;
	float:left;
	width:100%;
	color: black;
	background-color: #FFF7C1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #753a0d; /* Old browsers */
	background: -webkit-linear-gradient(top, #753a0d 1%, #733c15 8%, #ddbf7d 66%, #e4cfa8 100%);

	background: -moz-linear-gradient(top, #753a0d 1%, #733c15 8%, #ddbf7d 66%, #e4cfa8 100%);
	background: -o-linear-gradient(top, #753a0d 1%, #733c15 8%, #ddbf7d 66%, #e4cfa8 100%);
/*	background: -ms-linear-gradient(top, #753a0d 1%, #733c15 8%, #ddbf7d 66%, #e4cfa8 100%); */
	background: linear-gradient(top, #753a0d 1%, #733c15 8%, #ddbf7d 66%, #e4cfa8 100%); /* W3C */
	background: linear-gradient(to bottom, #753a0d 1%, #733c15 8%, #ddbf7d 66%, #e4cfa8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#753a0d', endColorstr='#e4cfa8',GradientType=0 ); /* IE6-9 */
}

#container960 {
	height: auto;
	margin: 0 auto;
	padding: 0;
	padding-top: 8px;
	width: 960px;
}

#main {
	border-radius: 10px;
	background-color: #251713;
	color: tan;
	float: left;
	width: 960px;

	-webkit-box-shadow: 0px 4px 6px -1px rgba(51,22, 1, .6), 4px 0px 6px -1px rgba(51,22, 1, .6), -4px 0px 6px -1px rgba(51,22, 1, .6);
	box-shadow: 0px 4px 6px -1px rgba(51,22, 1, .6), 4px 0px 6px -1px rgba(51,22, 1, .6), -4px 0px 6px -1px rgba(51,22, 1, .6); /* bottom shadow */
}

#header {
	border-radius: 10px;
	background-image: url(../images/header.png);
	font-size: 15px;
	height: 310px;
	position: relative;
	letter-spacing: 2px;
	text-align: center;
	width: 960px;

	-webkit-box-shadow: 0px -4px 6px -1px rgba(51,22, 1, .6), 4px 0px 6px -1px rgba(51,22, 1, .6), -4px 0px 6px -1px rgba(51,22, 1, .6);
	box-shadow: 0px -4px 6px -1px rgba(51,22, 1, .6), 4px 0px 6px -1px rgba(51,22, 1, .6), -4px 0px 6px -1px rgba(51,22, 1, .6); /* top shadow */
}

.no-border { border: none; }

a {
	color: white;
	text-decoration: none;
}

a#logo {
	background-image: url(../images/mls.png);
	float: left;
	height: 125px;
	margin-top: 90px;
	width: 250px;
}

a#logo:hover {
	background-image: url(../images/mls-light.png);
}

#lizard {
	left: 104px;
	position: absolute;
	top: 182px;
	z-index: 10;
}

#benefit {
	background-image: url(../images/MBlink.png);
	background-repeat: none;
	color: white;
	float: right;
	font-size: 10px;
	height: 18px;
	margin: 0px 50px 0px 0px;
	padding: 4px 0px 3px 0px;
	text-align: center;
	width: 165px;
}

a#benefit:hover {
	text-decoration: underline;
}

#constructionSign {
	background-image: url(../images/under-construction-Sign.png);
	height: 600px;
	width: 600px;
	margin: auto;
}

#hero_image_bx {
	clear: both;
	height: 352px;
	width: 960px;
}

#slide1 {
	height: 302px;
	width: 655px;
	float: left;
	margin: 25px;
}

#sideBar {
	float: right;
	/*font-weight: bold;*/
	font-size: 16px; /*font-stretch: extra-condensed;*/
	height: auto;
	letter-spacing: normal;
	margin-top: 5px; 
/*	margin-right: 32px; */
	padding: 0;
	position: relative;
	text-align: center;
	width: 220px;
}

ul.sideBar li {
	float: left;
	height: 40px;
	list-style: none;
	margin: 5px 0px 5px -25px;
}

ul.sideBar li > a {
	background-color: #999;
	border-bottom-color: #000;
	border-left-color: #666;
	border-right-color: #333;
	border-style: solid;
	border-top-color: #CCC;
	border-width: 3px;
	float: left;
	height: 29px;
	padding-top: 8px;
	width: 180px;
}

ul.sideBar li > a:hover {
	background-color: #CCC;
	border-bottom-color: #333;
	border-left-color: #999;
	border-right-color: #666;
	border-top-color: #FFF;
	color: black;
}

#season {
	float: left;
	height: auto;
	margin: 0px 0px 0px 25px;
	width: 675px;
}

.seasons {
	color: #AEA77A;
	float: left;
	margin: 0px 25px 0px 0px;
	padding: 0;
	text-align: center;
	width: 200px;
}

.seasons h1 {
	font-size: 26px;
	margin: 0;
}

.seasons h3 {
	font-size: 16px;
	 margin-bottom: 5px;
}

.seasons span {
	font-size: 16px;
	margin: 0;
}

a.register {
	color: #FF9A37;
	font-size: 14px;
}

a.register:hover {
	color: #FF9A37;
	text-decoration: underline;
	font-size: 14px;
}

#sign {
	background-color: #CCC;
	float: left;
	margin-right: 25px;
	width: 235px;
}

#message {
	background: transparent;
	float: left;
	height: auto;
	text-align: justify;
}

#txt {
	background: #50473d; /* Old browsers */
	background: -webkit-radial-gradient(center, ellipse cover, #50473d 0%, #26221d 100%);

	background: -moz-radial-gradient(center, ellipse cover, #50473d 0%, #26221d 100%);
	background: -o-radial-gradient(center, ellipse cover, #50473d 0%, #26221d 100%);
	background: -ms-radial-gradient(center, ellipse cover, #50473d 0%, #26221d 100%);
	background: radial-gradient(center, ellipse cover, #50473d 0%, #26221d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50473d', endColorstr='#26221d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	margin: 25px 25px 10px 25px;
	height: auto;
	width: 910px;
	color: white;
	text-align: center;
}

#txt h1 {
	color: #ff9A37;
	font-size: 20px;
	margin: 25px;
	width: 860px;
}

#txt p {
	font-size: 16px;
	margin: 0px 25px 25px 25px;
	width: 860px;
}

#message h1 {
	color: #ff9A37;
	font-size: 20px;
	margin: 25px;
	width: 860px;
}

#message p {
	font-size: 16px;
	margin: 0px 25px 25px 25px;
	width: 860px;
}

/*ul#nav  {
	
color: #FFF7C1;
	
float: left;
	
font-size: 15px;
	
font-stretch: condensed;
	
font-weight: bold;
	
letter-spacing: 1px;
	
margin: 0px 0px 25px 0px;
	
padding: 0;
	
text-align: center;
	
width: 960px;
	
}

*/
#bottom_nav {
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	clear: both;
	height: 96px;
	margin: 0px 0px 14px 5px;
	width: 950px;
}

ul#nav {
	color: #FFF7C1;
	float: left;
	font-size: 15px;
	font-stretch: condensed;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 40px 0px 14px 0px;
	padding: 0;
	text-align: center;
	width: 960px;
}

ul#nav li {
	display: inline;
	list-style: none;
	margin: 5px;
}

ul#nav li > a {
	color: #FFF7C1;
}

ul#nav li > a:hover {
	text-decoration: underline;
}

p#footer {
/*	color: #2FLE0B;*/
	color: #2F0E0B;
	float: left;
	font-size: 10px;
	height: 30px;
	text-align: center;
	width: 960px;
}

/****** location page starts ******/
#location_bx {
	float: left;
	width: 639px;
	margin: 25px;
	padding: 2px 8px 2px 8px;
}

#location_bx h1 {
	margin-top: 0;
	margin-bottom: 4px;
	font-style: normal;
	font-weight: 100;
}

#location_bx p {
	/*font-family: "Arial Narrow", Arial, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top: 15px;
}

#location_bx a {
	color: #ff9A37;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
}

#location_bx span {
        color: #ff9a37;
        padding: 10px 0px;
        display: block;
}

#map_image {
	/*background-image: url(../images/map.jpg);
	
	background-repeat: no-repeat;
	
	height: 288px;
	
	width: 513px;
	*/
	margin: 20px 0px 20px 0px;
}

/****** location page ends ******/
/****** about page starts ******/
#about_bx {
	float: left;
	width: 639px;
	margin: 25px;
	padding: 2px 8px 2px 8px;
}

#about_bx h1 {
	margin-top: 0;
	margin-bottom: 4px;
	font-style: normal;
	font-weight: 100;
}

#about_bx p {
	/*font-family: "Arial Narrow", Arial, sans-serif;
	*/
font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top: 14px;
}

#about_bx a {
	color: #ff9A37;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
}

ul #hobby {
	margin: 0;
	padding: 0;
}

#hobby li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/****** about page ends ******/
/****** Party page starts ******/

#party_bx {
	float: left;
	width: 675px;
	margin: 25px 0 25px 25px;
	color: tan;
}

#party_bx h1 {
	margin-top: 0;
	margin-bottom: 18px;
	font-style: normal;
	font-weight: 100;
	text-align: center;
}

#party_bx hr {
	color: tan;
}

#party_bx p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 14px;
	text-align: justify;
}

#party_bx a {
	color: #ff9A37;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
}

#party_bx img {
	text-align: center;
	z-index: 1;
}

#party_bx ul li {
	font-size: 15px;
}

#party_bx table {
	border-spacing: 0px;
	border-left: 1px solid tan;
	border-bottom: 1px solid tan;
}

#party_bx td {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	text-align: justify;
	border-right: 1px solid tan;
	border-top: 1px solid tan;
}

/****** party page ends ******/
/****** party schedule box begins ******/

#party_schedule_bx {
	float: left;
	width: 600px;
	margin: 25px 0 25px 25px;
	color: tan;
}
#party_schedule_bx table {
	width: 100%;
	border-spacing: 0px;
	border-left: 1px solid tan;
	border-bottom: 1px solid tan;
}

#party_schedule_bx td {
	min-width: 100px;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	text-align: center;
	border-right: 1px solid tan;
	border-top: 1px solid tan;
}

#party_schedule_bx p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 14px;
	text-align: justify;
}
/****** party schedule box ends ******/
/****** party locations box starts ******/

#party_locations {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	list-style: none;
}

#party_locations h3 {
	margin-top: 5px;
	margin-bottom: 30px;
	clear: left;
}

#party_locations td li { float: left; display: inline-table; }
                 
/* This is the pic to display when the hover action occurs over the <li> that contains the thumbnail  */

#party_locations .pic{
/* Animation with transition in Safari and Chrome */
	-webkit-transition: all 0.6s ease-in-out;
/* Animation with transition in Firefox (No supported Yet) */
	-moz-transition: all 0.6s ease-in-out;
/* Animation with transition in Opera (No supported Yet)*/
	-o-transition: all 0.6s ease-in-out;
	/* The the opacity to 0 to create the fadeOut effect*/
	opacity:0;
	visibility:hidden; 
	position:absolute; 
/*	margin-top:-50px; */
	margin-left:-390px;
	border:1px solid black;
	/* box shadow effect in Safari and Chrome*/
	-webkit-box-shadow:#272229 2px 2px 10px;
	/* box shadow effect in Firefox*/
	-moz-box-shadow:#272229 2px 2px 10px;
	/* box shadow effect in IE*/
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=5);
	/* box shadow effect in Browsers that support it, Opera 10.5 pre-alpha release*/
	box-shadow:#272229 2px 2px 10px;
}
            
#party_locations li .mini:hover{cursor:pointer;}
            
/* This creates the desired effect of showing the image when we mouseover the thumbnail.*/

#party_locations li:hover .pic { opacity:1; visibility:visible; float:right; }

/****** party locations box starts ******/

/****** Links box ends ******/

#links_bx {
	float: left;
	width: 700px;
	height: auto;
	margin: 25px 0 25px 25px;
	color: tan;
}
#links_bx h1 {
	width: 600px;
	margin-top: 0;
	margin-bottom: 18px;
	margin-left: auto;
	margin-right: auto;
	font-style: normal;
	font-weight: 100;
	text-align: justify;
}

#links_bx h3 {
	font-size: 14px;
	text-align: center;
}

#links_bx p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 14px;
	text-align: justify;
}

#links_bx a {
	color: #ff9A37;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#links_bx ul li {
	font-size: 15px;
}

#links_bx table {
	border-spacing: 0px;
	border-left: 1px solid tan;
	border-bottom: 1px solid tan;
}

#links_bx td {
	padding: 4px 10px;
	vertical-align: middle;
	text-align: left;
	border-right: 1px solid tan;
	border-top: 1px solid tan;
	font-size: 14px;
}

/****** Links box  ends ******/