/* CSS Document */

/* 'Sumter YMCA', by Osmosis Technologies, */

body{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#035CAE;
}

#container{				
	width: 736px;
	position: relative; 
	left:50%;
	margin-left:-368px;
}

/* Top Bar Begin */

#header_cont {
	width: 736px;
	height: 73px;
	padding: 0px;
	margin: 0px;
	position:relative;
}

#logo_shadow {
	width: 20px;
	height: 73px;
	padding: 0px;
	margin: 0px;
	position:relative;
	float:left;
	display: inline;
}

#logo_main {
	width: 476px;
	height: 73px;
	padding: 0px;
	margin: 0px;
	position:relative;
	float:left;
	display: inline;
}

#menutop_cont {
	width: 220px;
	height: 73px;
	padding: 0px;
	margin: 0px;
	position:relative;
	float:left;
	display: inline;
}

#menutop_filler {
	width: 220px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position:relative;
	text-align:right;
}

#menutop_img {
	width: 220px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	position:relative;
}

#rightfiller {
	width: 20px;
	height: 73px;
	padding: 0px;
	margin: 0px;
	position:relative;
	float:left;
	display: inline;
}

/* Top Bar End */

/* Content Begin */

#content_cont {
	width: 736px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	position:relative;
}

#c_left_filler {
	width: 20px;
	padding: 0px;
	margin: 0px;
	position:relative;
	float:left;
	display: inline;
}

#c_left_cont {
	width: 480px;
	padding: 0px;
	margin: 0px;
	position:relative;
	float:left;
	display: inline;
}

#c_left_bottom {
	width: 480px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	position:relative;
	background-image:url(../images/lc_bg.jpg);
	background-repeat:repeat-y;	
}

#c_left_img {
	width: 480px;
	padding: 0px;
	margin: 0px;
	position:relative;
}

#c_right_cont {
	width: 216px;
	padding: 0px;
	margin: 0px;
	position:relative;
	float:left;
	display: inline;
}

#c_right_menu1 {
	width: 216px;
	height: 54px;
	padding: 0px;
	margin: 0px;
	position:relative;
}

#c_right_menu2 {
	width: 216px;
	height: 62px;
	padding: 0px;
	margin: 0px;
	position:relative;
}

#c_right_menu3 {
	width: 216px;
	height: 62px;
	padding: 0px;
	margin: 0px;
	position:relative;
}

#c_right_menu4 {
	width: 216px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	position:relative;
}

#c_right_menu5 {
	width: 216px;
	height: 69px;
	padding: 0px;
	margin: 0px;
	position:relative;
}


#c_right_menu5_sub {
	width: 216px;
	height: 36px;
	padding: 0px;
	margin: 0px;
	position:relative;
}

#c_right_bottom {
	width: 216px;
	padding: 0px;
	margin: 0px;
	position:relative;
	background-image:url(../images/rc_bg.jpg);
	background-repeat:no-repeat;
	float: left;
	display: inline;
}

#c_right_filler {
	width: 20px;
	padding: 0px;
	position:relative;
	float:left;
	display: inline;
}

#sub_cont {
	width: 736px;
	padding: 0px;
	position:relative;
}

#s_left_filler {
	width: 20px;
	padding: 0px;
	position:relative;
	float:left;
	display: inline;
}

#s_right_filler {
	width: 20px;
	padding: 0px;
	position:relative;
	float:left;
	display: inline;
}

#s_bc_cont {
	width: 696px;
	height: 30px;
	padding: 0px;
	position:relative;
	float:left;
	display: inline;
	background-image:url(../images/sub_cat_bg.jpg);
	background-repeat:no-repeat;
}

#s_mid_left {
	width: 198px;
	padding-left: 12px;
	padding-right: 4px;
	position:relative;
	float:left;
	display: inline;
	color:#FFFFFF;
}

#s_mid_left a {
	color:#FFFFFF;
	text-decoration:underline;
}

#bd_mid_right {
	width: 466px;
	padding-left: 6px;
	position:relative;
	float:left;
	display: inline;
}

#bd_mid_right a {
	color:#3D718D;
	text-decoration:underline;
}

#bd_mid_left {
	width: 198px;
	padding-left: 12px;
	padding-right: 4px;
	position:relative;
	float:left;
	display: inline;
}

#s_mid_right {
	width: 466px;
	padding-left: 6px;
	position:relative;
	float:left;
	display: inline;
}

#s_middle_cont {
	width: 696px;
	padding: 0px 0px 0px 20px;
	position:relative;
	float:left;
	display: inline;
	background-image:url(../images/sub_bg.jpg);
	background-repeat:repeat-y;
}


#front_middle_cont {
	width: 696px;
	position:relative;
	float:left;
	display: inline;
	background-image:url(../images/front_bg_bot.jpg);
	background-repeat:repeat-y;
}

#mem_spot {
	width: 205px;
	height: 102px;
	padding: 0px;
	position:relative;
	float:left;
	display: inline;
	background:url(../images/front/mem_spot.jpg) no-repeat;
}

#mem_spot_cont {
	width: 181px;
	padding: 0px 18px 0px 6px;
	position:relative;
	float:left;
	display: inline;
	color:#FFFFFF;
}

#mem_spot_pic {
	width: 68px;
	height: 88px;
	padding: 7px 10px 7px 10px;
	position:relative;
	float:left;
	display: inline;
}

#mem_spot_title {
	width: 113px;
	padding: 74px 4px 0px 0px;
	position:relative;
	float:left;
	display: inline;
}

#ql_cont {
	width: 199px;
	padding: 0px 4px 0px 11px;
	position:relative;
	float:left;
	display: inline;
	color:#FFFFFF;
	text-align:left;
}

#ql_header {
	width: 207px;
	padding: 0px 0px 0px 7px;
	position:relative;
	float:left;
	display: inline;
	color:#FFFFFF;
}

#ov_cont {
	width: 258px;
	padding: 0px 4px 0px 4px;
	position:relative;
	float:left;
	display: inline;
}


/* Content End */

/* Footer Begin */

#foot_cont {
	width: 736px;
	padding: 0px;
	position:relative;
}

#f_left_filler {
	width: 20px;
	padding: 0px;
	position:relative;
	float:left;
	display: inline;
}

#f_right_filler {
	width: 20px;
	padding: 0px;
	position:relative;
	float:left;
	display: inline;
}

#f_middle_cont {
	width: 696px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	position:relative;
	float:left;
	display: inline;
}

#f_middle_a {
	width: 696px;
	padding: 0px;
	position:relative;
}

#f_middle_b {
	width: 696px;
	padding: 0px;
	position:relative;
}

#f_middle_b1 {
	width: 348px;
	padding: 0px;
	position:relative;
	float:left;
	display: inline;
	color:#FFFFFF;
}

#f_middle_b2 {
	width: 348px;
	padding: 0px;
	position:relative;
	float:left;
	display: inline;
	color:#FFFFFF;
	text-align:right;
}

#f_middle_b2 a {
	color:#FFFFFF;
}


/* Image Floats Begin */

img.floatleft {
	float: left;
	clear:left;
	margin-right: 8px;
	margin-bottom: 4px;
	border-color:#000000;
	border: 1px;
}

img.floatright {
	float: right;
	clear:right;
	margin-left: 8px;
	margin-bottom: 4px;
	border-color:#000000;
	border: 1px;
}

/* Image Floats End */

/* Text Styles Begin*/

.title_header {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#3D718D;
}

.title_title {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.title_wtitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
}

/* Text Styles End*/

hr.e {border: none 0; 
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #ccc;
	width: 94%;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: center;
	}	
	
/* quick link buttons */
#ql_menu {
    height: auto;
    width: 199px;
	padding: 0px;
	margin: 0px;
}

#ql_menu ul {
	padding: 0px;
	margin:0px;
	display:block;
}

#ql_menu li {
	height: 18px;
	width: 136px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 40px;
	margin:0px;
	line-height: 200%;
	list-style-type: none;
	background-image: url(../images/menu_buttons/ql_up.jpg);
	background-repeat: no-repeat;
	display:block;
}
#ql_menu li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
#ql_menu li a:link {
    color: #035CAE;
	font-weight: bold;
}
#ql_menu li a:visited {
    color: #035CAE;
	font-weight: bold;
}
#ql_menu li a:hover {
	font-weight: bold;
	color: #000000;
} 

#ql_contli a:active {
	font-weight: bold;
	color: #0DFC12;
	background-image: url(../images/menu_buttons/ql_down.jpg);
	background-repeat: no-repeat;
}

img {
	display:block;
}

/* Admin Panel */
#admin_row1 {
	width:640px;
	height:90px;
	position:relative;
	padding: 6px;
	float:left;
	clear:left;
	border:#CCCCCC solid thin;
}

#admin_row1a{
	width:160px;
	position:relative;
	float:left;
}

#admin_row1b{
	width:160px;
	position:relative;
	float:left;
}

#admin_row1c{
	width:160px;
	position:relative;
	float:left;
}

#admin_row1d{
	width:160px;
	position:relative;
	float:left;
}

#admin_trow1 {
	width:925px;
	height:26px;
	position:relative;
	float:left;
	clear:left;
}

#admin_trow1a {
	width:480px;
	position:relative;
	float:left;
	margin-right: 20px;
}

#admin_trow1b {
	width:160px;
	position:relative;
	float:left;
	margin-right: 4px;
}

#admin_row2 {
	width:480px;
	height:90px;
	position:relative;
	padding: 6px;
	border:#CCCCCC solid thin;
	float:left;
	margin-right: 4px;
}

#admin_row2a{
	width:160px;
	position:relative;
	float:left;
}

#admin_row2b{
	width:160px;
	position:relative;
	float:left;
}

#admin_row2c{
	width:160px;
	position:relative;
	float:left;
}

#admin_trow2 {
	width:925px;
	height:26px;
	position:relative;
	float:left;
	clear:left;
}

#admin_trow2a {
	width:160px;
	position:relative;
	float:left;
	margin-right: 20px;
}

#admin_trow2b {
	width:160px;
	position:relative;
	float:left;
	margin-right: 4px;
}

#admin_row3 {
	width:320px;
	height:90px;
	position:relative;
	padding: 6px;
	float:left;
	border:#CCCCCC solid thin;
	margin-right: 4px;
}

#admin_row3a{
	width:160px;
	position:relative;
	float:left;
}

#admin_row3b{
	width:160px;
	position:relative;
	float:left;
}


#admin_trow3 {
	width:925px;
	height:26px;
	position:relative;
	float:left;
	clear:left;
}

#admin_row4 {
	width:320px;
	height:90px;
	position:relative;
	padding: 6px;
	float:left;
	border:#CCCCCC solid thin;
}

#admin_row4a{
	width:160px;
	position:relative;
	float:left;
}

#admin_row4b{
	width:160px;
	position:relative;
	float:left;
}

#admin_row5 {
	width:320px;
	height:90px;
	position:relative;
	padding: 6px;
	float:left;
	border:#CCCCCC solid thin;
}

#admin_row5a{
	width:160px;
	position:relative;
	float:left;
}

#admin_row5b{
	width:160px;
	position:relative;
	float:left;
}

#admin_row6 {
	width:160px;
	height:90px;
	position:relative;
	padding: 6px;
	float:left;
	border:#CCCCCC solid thin;
}

#admin_row6a{
	width:160px;
	position:relative;
	float:left;
	
}
