/* PLAY STYLES */

#splash		{ height: 370px; /* background-color:#CCCCCC;*/ background-color: #FFFFFF;  background-image: url(../../_images/recreation/splash.jpg); }

#content	{ position: relative; overflow: hidden; }

a.guntersville_brochure		{ float: left; display: block; width: 200px; padding-top: 200px; margin: 0 10px 10px 0; font-weight: bold; text-align: center; }

a.special_event				{ float: left; display: block; width: 200px; margin: 0 10px 10px 0; font-weight: bold; text-align: center; }


/* ------------
	 =col_1
------------ */

#col_1		{ float: left; width: 686px; padding-top: 0; }

.recreation #allsport_box {background-color: #fff8df; padding: 10px; width:270px; float:right; margin:0 0 0 20px;}
.recreation #allsport_box img {padding:0 0 5px 0;}
a#athletics_register	{ margin: 0 14px 0 0; }
			
			

/* -------------
	 =col_2
------------- */

#col_2				{ float: left; /*margin-top: -20px;*/ width: 686px; background-color: none; border: none; border-top: 1px dotted #7D2B27; border-bottom: 1px dotted #7D2B27; }

#content li			{ line-height: 1.2em !important; padding: 0 !important; margin: 0 !important; }
#col_2 li a			{ margin: 4px 0; }
#col_2 h3			{ padding: 0; margin: 0; background: none; /*border-bottom: 1px dotted #000000;*/ }

div#calendar				{ float: left; width: 300px; }
div#other_services			{ float: right; width:370px; margin-right: -10px; }

/* -------------
	 =col_3
------------- */

/* Without manipulation through either "margin-top" or using "positioning" tags, this #col_3 will appear below the level of the #col_2. This means that either the height of #col_2 will have to be explicitly set in pixels or this #col_3 will have to be positioned absolutely within #content (which might lead to other problems) if the top edge #col_3 is to be flush with that of #col_2 */
#col_3				{ /* float: right; */ position: absolute; top: 15px; left: 733px; padding: 0; }

#col_3 ul li a		{ display: block; margin-top: 15px; }

#brochure_block	{ 
	height: 220px;
	width:200px;
	float:right;
	margin:65px 25px 0 0;
	background-image: url(../../_images/_brochures/guntersville_brochure.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	}