/* 
YMCA of Central Ohio--Day Camp Screen Style 2/09
author: Scott Debney
version: 2/2009
*/

/* RESET EVERYTHING AND START FRESH */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General Parameters to be follwed! don't get lippy with me IE */

body {
	background:#c97b28;
	padding:0;
	font:normal 12px verdana, arial, helvetica, san-serif !important;
	line-height:18px !important;
	color:#333;
	}
	


h2 {
	font:bold 22px geogia, "times new roman", times, serif;
	margin-top:18px;
	}

h2.notop {
	margin-top:0 !important;
	}	

div#main-frame {
	width:896px;
	margin:0 auto;
	position:relative;
	}

div#logo {
	width:308px;
	height:167px;
	margin:0 auto;
	position:absolute;
	top:0;
	left:8px;
	z-index:1;
	}	

div#masthead {
	background:transparent url(../images/masthead.jpg) top left no-repeat;
	height:110px;
	position:relative;
	}		
	
div#content-frame {
	background:transparent url(../images/bg-left-nav1.jpg) top left repeat-y;
	width:869px;
	}	

div#content-frame2 {
	background:transparent url(../images/bg-right-content.gif) top right repeat-y;
	padding-left:27px;
	width:869px;
	}			
	
div#left-content {
	width:258px;
	float:left;
	height:600px;
	position:relative;
	}	

div#right-content {
	width:582px;
	float:left;
	position:relative;
	}							

.clear-ur-floats {
	clear:both;
	}	

div#footer {
	margin:0 auto;
	width:896px;
	background:transparent url(../images/footer-bg.jpg) top left no-repeat;
	height:126px;
	padding-left:2px;
	color:#e5c4b7;
	font-size:10px;
	position:relative;
	}

div#footer p {
	padding:46px 0 0 84px;
	}	
	
div#footer a:link, div#footer a:visited, div#footer a:visited {
		color:#fed8ca;
		text-decoration: none;
		font-weight:bold;
		font-size:12px;
		}
		
div#footer a:hover, div#footer a:visited:hover {
		color: #F00; 
		text-decoration: none;
		background:#fff;
		}	
	
div#top-navigation {
	position:absolute;
	top:42px;
	left:323px;
	width:506px;
	}	
	
#top-navigation ul {
  margin:0;
  padding:0;
	}

#top-navigation li {
  float:left;
  list-style:none;
  margin:0 0 0 0;
	}

#top-navigation a {
	float:left;
  padding:53px 0 0 0;
  overflow:hidden;
  height:0px !important;
  height /**/:53px; /* for IE5/Win */
  }

#top-navigation li a:hover {
 	background-position:0 -53px;
 	}

#top-navigation li a.top-active {
 	background-position:0 -53px !important;
 	}


/* Channel images */

#button-overnight, #button-overnight a  {
	width:83px;
	background: url(../images/button-overnight1.jpg) top left no-repeat;
	}	

#button-conf, #button-conf a  {
	width:110px;
	background: url(../images/button-conf1.jpg) top left no-repeat;
	}		

#button-outdoor, #button-outdoor a  {
	width:93px;
	background: url(../images/button-outdoor.jpg) top left no-repeat;
	}		

	
#button-eq, #button-eq a  {
	width:111px;
	background: url(../images/button-eq.jpg) top left no-repeat;
	}			

#button-family, #button-family a  {
	width:106px;
	background: url(../images/button-family.jpg) top left no-repeat;
	}	
	
div#left-nav {
	position:absolute;
	top:57px;
	left:0;
	width:258px;
	background:transparent url(../images/bg-main-nav.jpg) top left no-repeat;
	height:500px;	
	}

div#left-nav-links {
	margin-left:46px;
	margin-top:28px;
	}	

div#left-nav-links a {
	color:#fff;
	font:bold 13px/23px georgia, serif;
	text-decoration:none;
	letter-spacing:1px;
	}	

div#left-nav-links a:hover {
	color:#fafaca;
	text-decoration:underline;
	margin-left:2px;
	}	

div#left-nav-links .left-active {
	color:#ffff33 !important;
	text-decoration:none !important;
	font-weight:bold !important;
	}	

div#left-nav-links span {
	font-size:10px !important;
	font-family: arial, verdana !important;
	font-weight:normal;
	letter-spacing:normal !important;
	}		

div#content-text {
	padding:0 30px 60px 35px;
	}

div#content-text a:link, div#content-text a:visited, div#content-text a:visited {
		color: #820000; 
		text-decoration: underline;
		position:relative; 
		}
		
div#content-text a:hover, div#content-text a:visited:hover {
		color: #F00; 
		text-decoration: none;
		background:#fff;
		}

div#content-text a span {
	display: none;
}

div#content-text a:hover span {
	display: block;
   	position: absolute;
   	width:250px; 
   	top: -295px; 
   	left: 0;
   	font-size:11px;
   	color:#fff;
   	font-weight:normal;
   	background:#373f01 url(../images/bg-pop-up.jpg) top left;
   	padding:9px 15px 15px 15px;
   	border:5px solid #3d4901;
}

div#content-text td.rightpadding {
	padding:0 20px 0 0;
	}	
	
div#left-nav-banners {
	margin:65px 0 0 14px;
	}	

div#left-nav-banners p {
	margin:7px 0 0 0;
	}	

.mission {
	margin:50px 0 0 0;
	}		

td li {
	margin:13px 0 13px 15px;
	list-style-type:square;
	
	}	

p#summer-camp-nav {
	margin:12px 0 11px 0;
	}

p#summer-camp-nav a:link, p#summer-camp-nav a:visited, p#summer-camp-nav a:visited {
		color:#4b5901;
		text-decoration: underline;
		font-weight:normal;
		font-size:12px;
		padding:3px 7px;
		}
		
p#summer-camp-nav a:hover, p#summer-camp-nav a:visited:hover  {
		color: #C00; 
		text-decoration: none;
		background:#fff;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		}	

p#summer-camp-nav a.active  {
		color: #4b5901 !important; 
		text-decoration: none !important;
		background:#fff !important;
		font-weight:bold !important;
		border-right:1px solid #ccc !important;
		border-bottom:1px solid #ccc !important;
		padding:3px 5px !important;
		}			
	
ul#summer-camp-bottom-nav li {
	margin:3px 0 3px 25px;
	}
	
	
p#summer-camp-nav2 {
	margin:0 0 30px 0
	}

p#summer-camp-nav2 a:link, p#summer-camp-nav2 a:visited, p#summer-camp-nav2 a:visited {
		color:#4b5901;
		text-decoration: underline;
		font-weight:normal;
		font-size:11px;
		padding:3px 5px;
		}
		
p#summer-camp-nav2 a:hover, p#summer-camp-nav2 a:visited:hover  {
		color: #C00; 
		text-decoration: none;
		background:#fff;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		}	

p#summer-camp-nav2 a.active  {
		color: #c00 !important; 
		text-decoration: none !important;
		background:#fff !important;
		font-weight:normal !important;
		border-right:1px solid #ccc !important;
		border-bottom:1px solid #ccc !important;
		padding:3px 5px !important;
		}			
	
ul#summer-camp-bottom-nav li {
	margin:3px 0 3px 25px;
	}	

hr {
	margin-top:5px;
	border-color:#ccc;
	padding:0;
	}	

.register-button {
	margin-top: 5px;
	}	
	
.age-session-info {
	margin:4px 0 7px 0;
	position:relative;
}	

.age-session-info div {
	width:63px;
	height:20px;
	position:absolute;
	top:0;
	right:0;
}	

.age-session-info em {
		font-size:10px;
		line-height:13px;
	}

.font10 {
	font-size:10px !important;
	color:#666;
	}	
	
.register-now-button {
	padding-bottom:18px;
	border-bottom: 1px solid #ccc;
	}	

p.normal {
	margin:12px 0;
	line-height:20px;
	}	

p.normal-alt {
	margin:5px 0 12px 0;
	line-height:20px;
	}		

p.normal-nt {
	margin:0 0 12px 0;
	line-height:20px;
	}		
	
p.normal-nt-sc {
	margin:0 0 12px 7px;
	line-height:22px;
	}		
	
.no-top-mar {
	margin-top:0 !important;
	padding-top:0 !important;
	}	
	
.map-image {
		padding:5px 12px !important;
		background: #fff;
		border:1px solid #dcdcdc;
	}	
	
div#ymcaofcentralohiolink {
	width:220px;
	height:20px;
	font-size:9px;
	top:6px;
	right:45px;
	position:absolute;
	font-family:arial;
	}
	
div#ymcaofcentralohiolink a {
	color:#dc834a;
	text-decoration:none;
	letter-spacing:1px;
	}	

div#ymcaofcentralohiolink a:hover {
	color:#fff;
	text-decoration:underline;
	}	
		
.red {
	color:#f00 !important;
	}

blockquote {
		font-size: 18px;
		color:#999;
		font-family:Georgia;
		line-height:20px;
		margin-top:12px;
	}	

div#chat-box {
margin:20px 0 0 38px;
padding:4px;
background-color:#3b2611;
width:180px;
}	

div#facebook-link a:hover {
	background: transparent !important;
}

div#facebook-link {
		width:135px;
		height:47px;
		position:absolute;
		top:38px;
		left:677px;
	}