/* 
YMCA of Central Ohio--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%;
	vertical-align: baseline;
	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;
}

/* Establish general layout parameters */

html, body {
	background:#c0c0c0 url(assets/image/bg-main) top left repeat-x;
	font:normal 12px/22px verdana, arial, helvetica, san-serif;
	color:#363636;
}

td {
	font:normal 12px/20px verdana, arial, helvetica, san-serif;
	color:#363636;
	}	

	

.clearit {
	clear:both;
	margin:0 !important;
	padding:0 !important;
	}
	
blockquote {
	font: normal 14px/24px georgia, "times new roman", times, serif;
	color:#363636;
	}	

h2 {
	margin-top:24px;
	}	
	

/* Masthead */	

div#masthead {
	
	height:107px;
	border-top:2px solid #bb0303;
	border-bottom:1px solid #000;
	padding:0;
	margin:0 auto;
	background:#999 url(assets/image/bg-masthead) top left repeat-x;
	}

div#masthead-container {
	position:relative;
	padding:0;
	margin:0 auto 0 auto;
	width:900px;
}	

div#masthead-search, div#footer-search {
	position:absolute;
	top:47px;
	right:20px;
	height:22px;
	width:260px;
	text-align:right;
	vertical-align:middle;
	}

div#footer-search {
	top:300px;
	right:8px;
	}		
	
div#footer-copyright {
	position:absolute;
	bottom:18px;
	right:0;
	color:#999;
	text-align:right;
	}			

.search-style {
	width:175px;
	font-size:10px;
	font-family:verdana;
	color:#333;
	margin:0;
	border:none;
	background:#e6e5e5;
	height:17px;
	padding-top:3px;
	padding-bottom:0;
	padding-left:3px;
}		

div#masthead-nav {
		width:220px;
		height:23px;
		position:absolute;
		top:0px;
		left:672px;
		}
		
div#masthead-nav ul{
		list-style:none;
		white-space: nowrap;
		overflow:hidden;
		margin:0;
		padding:0;
		height:23px;
		}
				

#masthead-nav li {
    list-style:none;
    margin:0 0 23px 2px;
    height:23px;
    float:left;
    font-size:9px;
	}

#masthead-nav a {
  	height:0px;
  	width:220px;
  	display:block;
  	padding:23px 0 0 0;
  	overflow:hidden;
	}

#masthead-nav li a:hover {
 	background-position:0 -23px;
 	
 	}

#masthead-nav a:hover {
 	background-position:0 -23px;
 	}				


/* Channel images */

#button-register, #button-register a  {
	width:67px;
	background:transparent url(assets/image/button-register.gif) top left no-repeat;
	}	

#button-join, #button-join a  {
	width:70px;
	background:transparent url(assets/image/button-join.gif) top left no-repeat;
	}		

#button-donate, #button-donate a  {
	width:64px;
	background:transparent url(assets/image/button-donate.gif) top left no-repeat;
	}			
	

/* Global Nav */


div#global-navbar {
		height:38px;
		position:relative;
		background:#020202 url(assets/image/bg-global-nav.gif) top left repeat-x;
		border-top:1px solid #5c5c5c;
		}
		
div#global-nav-container {
		height:38px;
		position:relative;
		width:900px;
		margin:0 auto;
		}		
		

div#global-nav {
		width:826px;
		height:38px;
		margin-left:20px;
		}
		
div#global-nav ul{
		list-style:none;
		white-space: nowrap;
		overflow:hidden;
		margin:0;
		padding:0;
		height:38px;
		}

#global-nav li {
    list-style:none;
    margin:0 0 38px 0;
    height:38px;
    float:left;
	}

#global-nav a {
  	height:0px;
  	width:826px;
  	display:block;
  	padding:38px 0 0 0;
  	overflow:hidden;
	}

#global-nav li a:hover {
 	background-position:0 -38px;
 	
 	}

#global-nav a:hover {
 	background-position:0 -38px;
 	}						

/* Channel images */

#button-home, #button-home a  {
	width:62px;
	background:transparent url(assets/image/button-home1.gif) top left no-repeat;
	}		
	
#button-about, #button-about a  {
	width:134px;
	background:transparent url(assets/image/button-about1.gif) top left no-repeat;
	margin-left:3px;
	}			
	
#button-locations, #button-locations a  {
	width:95px;
	background:transparent url(assets/image/button-locations1.gif) top left no-repeat;
	margin-left:3px;
	}		
	
#button-membership, #button-membership a  {
	width:108px;
	background:transparent url(assets/image/button-membership1.gif) top left no-repeat;
	margin-left:3px;
	}					
	
#button-programs, #button-programs a  {
	width:161px;
	background:transparent url(assets/image/button-programs1.gif) top left no-repeat;
	margin-left:3px;
	}						

#button-give, #button-give a  {
	width:114px;
	background:transparent url(assets/image/button-give1.gif) top left no-repeat;
	margin-left:3px;
	}						

#button-employment, #button-employment a  {
	width:112px;
	background:transparent url(assets/image/button-employment1.gif) top left no-repeat;
	margin-left:3px;
	}	
	

/* Content */

div#main-content-vertical-shadow-top {
	width:940px;
	background:transparent url(assets/image/bg-vertical-shadow-top.gif) top right no-repeat;
	}		

div#main-content-vertical-shadow {
	width:940px;
	background:transparent url(assets/image/bg-vertical-shadow.gif) top right repeat-y;
	margin:0 auto;
	}			

div#main-content {
	width:900px;
	background:#fff url(assets/image/bg-right-content.gif) top right repeat-y;
	margin:0 auto;
	border:1px solid #fff;
	}			

div#main-content a:link, div#main-content a:visited, div#main-content a:visited {
		color: #369; 
		text-decoration: none;
		border-bottom:1px dotted #82a6c9;
		padding-bottom:1px;
		}
		
div#main-content a:hover, div#main-content a:visited:hover {
		color: #000; 
		text-decoration: none;
		border-bottom:1px solid #000;
		padding-bottom:1px;
		}

.no-img-link-border {
		border:none !important;
		}		

div#main-content a:active {
		background:#ffc;
		}					
	
div#left-content {
	width:601px;
	background:fff;
	float:left;
	line-height:22px;
	}		
	
div#left-content h2 {
	font:bold 20px/24px arial, verdana, helvetica, san-serif;
	color:#000;
	margin-bottom:6px;
	}		

div#left-content th {
	font:bold 11px/18px verdana, arial, verdana, helvetica, san-serif;
	text-align:left;
	background:#ecf4fb;
	padding:12px 7px 7px 10px;
	vertical-align:middle;
	color:#369;
	}				

div#left-content td {
	padding:0 7px 18px 10px;
	color:#333;
	line-height:18px;
	}			

div#left-content span {
	color:#666;
}		

div#left-content i {
	color:#666;
}		

.td-top-line {
	padding-top:7px !important;
	}

div#left-content td span {
	color:#666;
	}			

div#left-content td em {
	color:#ae0303;
	font-style:normal;
	}								
	
div#left-content div {
	padding:20px 30px 120px 30px;
	}						
	
div#right-content {
	width:280px;
	float:left;
	padding-left:9px;
	padding-top:9px;
	padding-right:10px;
	}		

div#right-content p {
	margin-top:10px;
	margin-bottom:10px;
}			

div#right-content div {
	margin-left:10px;
	padding-bottom:15px;
	position:relative;
}		

div#right-content h2 {
	margin-top:7px !important;
	font-family:arial !important;
	letter-spacing:1px;
}		

.fitness-class-table {
	margin-bottom:10px;
	}	

div#free-fitness, div#body-sculpt, div#circuit-training, div#muscle-conditioning, div#kids-fitness, div#boot-camp, div#cycling, div#dance-fusion, div#step-sculpt, div#child-watch, div#weatys, div#climbing, div#fitor, div#fitstart, div#full-access, div#racquetball, div#class-reg, div#summer-camp, div#hoover-y, div#home-away, div#y-tribes, div#y-trails  {
	background:#666 url(assets/image/bg-pop-up-box.gif) top left;
	font-weight:normal;
	padding:10px 15px 15px 15px;
	width:230px;
	position:absolute;
	top:50px;
	left:-275px;
	color:#fff;
	border:1px solid #fff;
	}		

div#free-fitness h2, div#body-sculpt h2, div#circuit-training h2, div#muscle-conditioning h2, div#kids-fitness h2, div#boot-camp h2, div#cycling h2, div#dance-fusion h2, div#step-sculpt h2, div#child-watch h2, div#weatys h2, div#climbing h2, div#fitor h2, div#fitstart h2, div#full-access h2, div#racquetball h2, div#class-reg h2, div#summer-camp h2, div#hoover-y h2, div#home-away h2, div#y-tribes h2, div#y-trails h2 {
		background:#333;
		padding:2px 2px 2px 5px;
	}

div#body-sculpt {
	top:100px;
	}		
	
div#circuit-training {
	top:50px;
	}			
	
div#muscle-conditioning {
	top:130px;
	}		

div#kids-fitness {
	top:125px;
	}					

div#boot-camp {
	top:-30px;
	left:-138px;
	}		
	
div#cycling {
	top:70px;
	left:-138px;
	}	

div#dance-fusion {
	top:120px;
	left:-138px;
	}	

div#step-sculpt {
	top:130px;
	left:-138px;
	}			
	
div#child-watch {
	top:15px;
	}				
	
div#weatys {
	top:80px;
	}	

div#climbing {
	top:150px;
	}			

div#fitor {
	top:196px;
	}		

div#fitstart {
	top:225px;
	}			

div#full-access {
	top:266px;
	}		

div#racquetball {
	top:450px;
	}					

div#class-reg {
	top:500px;
	}		

div#summer-camp {
	top:410px;
	}			

div#hoover-y {
	top:400px;
	}	

div#home-away {
	top:510px;
	}	

div#y-tribes {
	top:440px;
	}		
	
div#y-trails {
	top:460px;
	left:-169px;
	}			
	

div#global-footer {
	height:406px;
	background:#555555 url(assets/image/bg-footer.gif) top left repeat-x;
	border-top:2px solid #fff;
	}
	
div#global-footer-content {
	height:406px;
	width:900px;
	margin:0 auto;
	position:relative;
	line-height:14px;
	font-size:10px;
	}	
			
	
div#footer-logo {
		width:311px;
		height:38px;
		position:absolute;
		top:20px;
		left:27px;
	}	

div#footer-top-nav {
		position:absolute;
		top:27px;
		left:372px;
	}	
	
div#footer-top-nav li {
	display:inline;
	}		

div#footer-top-nav a {
	font: bold 12px/14px arial, helvetica, san-serif;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	margin-left:30px;
	}			

div#footer-top-nav a:hover {
	text-decoration:underline;
	}			

div#footer-about-nav {
	position:absolute;
	top:60px !important;
	left:0px !importan;
}

div#footer-locations-nav {
	position:absolute;
	top:60px;
	left:161px;
	color:#fff;
}

div#footer-prog-nav {
	position:absolute;
	top:60px;
	left:380px;
	color:#fff;
}

div#footer-prog2-nav {
	position:absolute;
	top:105px;
	left:610px;
	color:#fff;
}

div#footer-give-nav {
	position:absolute;
	top:60px;
	left:780px;
	color:#fff;
	width:150px;
}

div#footer-about-nav a, div#footer-locations-nav a, div#footer-prog-nav a, div#footer-prog2-nav a, div#footer-give-nav a {
	color:#ccc;
	text-decoration:none;
}

div#footer-about-nav a:hover, div#footer-locations-nav a:hover, div#footer-prog-nav a:hover, div#footer-prog2-nav a:hover, div#footer-give-nav a:hover {
	color:#fff;
	text-decoration:underline;
}


div#footer-about-nav h2, div#footer-locations-nav h2, div#footer-prog-nav h2, div#footer-prog2-nav h2, div#footer-give-nav h2  {
	margin-bottom:6px;
	letter-spacing:1px;
}

div#footer-about-nav h2 a, div#footer-locations-nav h2 a, div#footer-prog-nav h2 a, div#footer-prog2-nav h2 a, div#footer-give-nav h2 a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	font-family:arial;
}

div#footer-mission {
	position:absolute;
	top:335px;
	left:0;
	color:#fff;
	width:500px;
	color:#ccc;
}

div#footer-mission strong {
		color:#fff;
		text-transform:uppercase;
		font-family:arial;
		letter-spacing:1px;
		font-size:12px;
	}
				
	
div#h1-header-nav {
		width:900px;
		background:#fff url(assets/image/h1-membership.gif) top left no-repeat;
		height:76px;
		position:relative;
		border-bottom:1px solid #fff;
	}	

div#h1-header-nav h1 {
		display:none;
	}		

div#h1-header-nav div {
	position:absolute;
	left:700px
	top:30px;
	height:20px;
	width:400px;
	}				


div#h1-membership-nav {
		width:700px;
		height:20px;
		position:absolute;
		top:30px;
		left:450px;
		}
		
div#h1-membership-nav ul{
		list-style:none;
		white-space: nowrap;
		overflow:hidden;
		margin:0;
		padding:0;
		height:20px;
		width:460px;
		text-align:right;
		}

#h1-membership-nav li {
    list-style:none;
    margin:0 0 20px 3px;
    height:20px;
    float:left;
	}

#h1-membership-nav a {
  	height:17px;
  	width:826px;
  	display:block;
  	overflow:hidden;
  	color:#fff !important;
  	font:normal 11px verdana, arial, helvetica, tahoma, san-serif;
  	text-align:center;
  	padding-top:3px;
	}

#h1-membership-nav li a:hover {
 	background-position:0 -20px;
 	
 	}

#h1-membership-nav a:hover {
 	background-position:0 -20px;
 	}						

/* Channel images */

#h1-membership, #h1-membership a  {
	width:85px;
	background:transparent url(assets/image/bg-h1-membership.gif) top left no-repeat;
	}		
	
#h1-join-now, #h1-join-now a  {
	width:69px;
	background:transparent url(assets/image/button-h1-join.gif) top left no-repeat;
	padding-left:1px;
	}			
	
#h1-financial, #h1-financial a  {
	width:132px;
	background:transparent url(assets/image/button-h1-financial.gif) top left no-repeat;
	padding-left:1px;
	}				
	
#h1-renew, #h1-renew a  {
	width:132px;
	background:transparent url(assets/image/button-h1-renew.gif) top left no-repeat;
	padding-left:1px;
	}					

#h1-active {
		background-position:0 -20px !important;
 	}																					
 	
 	
 	
 /* Pop-out Menu Definitions
............................................................................. */


div.menu {
  background: #555555;
  border-top: none;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  font:11px verdana, Arial, lucida, sans-serif;
  left: 0px;
  padding: 6px 20px 15px 15px;
  position: absolute;
  margin:1px 0 0 -11px;
  top: 0;
  visibility: hidden;
  z-index: 1;
  text-align:left;
}

div.menu td {
	font:11px verdana, Arial, lucida, sans-serif;
	}
	
div.menu a.menuItem {
  color: #FFF;
  display: block;
  padding: 5px 6px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #333;
  color: #FFF;
  text-decoration:none;
}

div.menu a.menuItem:active {
  background-color: #C00;
  color: #FFF;
  text-decoration:none;
}


div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: 0;
}

.font10 {
	font-size:10px;
	line-height:14px !important;
	color:#666l
	}

.mem-h2-wtextunder {
	margin-bottom:4px !important;
	line-height:12px !important;
}	

.gray {
	color:#666;
	}		
	
/* Homepage Additions 4/23/09 */

div#home-main-content {
	width:900px;
	background:#fff url(assets/image/bg-homeright-content.gif) top right repeat-y;
	margin:0 auto;
	border:1px solid #fff;
	}			

div#home-flash {
	float:left;
	width:699px;
	height:317px;
	border-right:1px solid #fff;
}

div#home-quicknav {
	float:left;
	width:200px;
	height:317px;
	background:transparent url(assets/image/bg-quicknav.png) top left no-repeat;
}

/* Global Nav */


		
div#home-quicknav ul{
		list-style:none;
		white-space: nowrap;
		overflow:hidden;
		margin:60px 0 0 0;
		padding:0;
		}

#home-quicknav li {
    list-style:none;
    margin:0 0 0 0;
    height:47px;
    border-top:1px solid #2dabd5;
	}

#home-quicknav a {
  	height:0px;
  	width:200x;
  	display:block;
  	padding:47px 0 0 0;
  	overflow:hidden;
	}

#home-quicknav li a:hover {
 	background-position:0 -46px;
 	
 	}

#home-quicknav a:hover {
 	background-position:0 -46px;
 	}						

/* Channel images */

#button-become-a-member, #button-become-a-member a  {
	width:200px;
	background:transparent url(assets/image/button-become-a-member.gif) top left no-repeat;
	}		

#button-register-for-classes, #button-register-for-classes a  {
	width:200px;
	background:transparent url(assets/image/button-register-for-classes.gif) top left no-repeat;
	}		

#button-donate-now, #button-donate-now a  {
	width:200px;
	background:transparent url(assets/image/button-donate-now.gif) top left no-repeat;
	}
	

div#home-zip-code-search {
	margin:0;
	padding:0;
	height:63px;
	width:200px;
	background:transparent url(assets/image/bg-zip-code.gif) top left no-repeat;
	position:relative;
	}	

div#home-zip-code-search div {
	position:absolute;
	height:21px;
	width:135px;
	top:30px;
	left:44px;
	}		

			

.search-style-zip {
	width:100px;
	font-size:10px;
	font-family:verdana;
	color:#8d8c8c;
	margin:0;
	border:none;
	background:#e6e5e5;
	height:14px;
	padding-left:2px;
	padding-top:1px;
}

div#home-blue-divider {
	width:900px;
	height: 10px;
	background: #0280a9 url(assets/image/blue-divider.png) top left no-repeat;
	border-bottom:1px solid #fff;
	line-height:3px !important;
	font-size:3px !important;
	}		

div#home-blue-divider2 {
	width:900px;
	height: 10px;
	background: #0280a9 url(assets/image/blue-divider.png) top left no-repeat;
	line-height:3px !important;
	font-size:3px !important;
	}			

.welcome-message {
	background:transparent url(assets/image/bg-welcome.png) top left no-repeat;
	padding:0 19px 0 19px;
	width:662px;
	font:normal 12px/18px verdana, arial, helvetica, san-serif;
	color:#666;
	height:92px;
	vertical-align:top !important;
	}

.welcome-message h1 {
	font: normal 18px georgia, times, "times new roman", serif;
	color:#0285b0;
	margin-bottom:2px;
	margin-top:14px !important;
	padding:0 !important;
	}

.welcome-message a {
	color:#0285b0;
	}

.welcome-message a:hover {
	color:#000;
	}	

.facebook-link {
	background:#3b5998;
	width:180px;
	height:67px;
	vertical-align:top !important;
	padding-top:25px;
	padding-left:20px;
	}	

div#home-left-content {
	width:334px;
	padding:10px 0 0 10px;
	float:left;
}	
	
div#home-left-content div {
	margin:10px;
}	

.lc-td {
		line-height:24px !important;
		}	

.lc-td a {
		color:#a25203;
		}			

.lc-td a:hover {
		color:#000;
		}	
		

div#home-middle-content {
	width:330px;
	padding:10px 0 0 11px;
	float:left;
}

div#home-middle-content h4 {
	margin:0;
	padding:0;
	font-weight:normal !important;
	color:#026902;
}							

div#home-middle-content a {
	color:#026902;
	text-decoration:none;
	}	

div#home-middle-content a:hover {
	color:#000;
	text-decoration:underline;
	}			

div#catalog-div {
	width:530px;
	padding:20px 20px 20px 108px;
	position:relative;
	background:#efefef url(assets/image/bg-catalog.gif) top left;
	margin-bottom:20px;
	height:93px;
	margin-left:20px;
	margin-top:1px;
	}
	
div#catalog-div a {
	color:#333;
	}	
	
div#catalog-div a:hover {
	color:#C00;
	}		
	
div#catalog-div div {
	position:absolute;
	top:20px;
	left:20px;
	}	

div#catalog-div h2 {
	margin-top:0 !important;
	}		

div#home-right-content {
	width:181px;
	margin:0;
	float:right;
	padding:10px 0 0 0;
}			

div#home-right-content p {
	padding:0 11px;
	margin:4px 0;
	font-size:11px;
}	

div#home-right-content p a, div#hp-financial-assistance div a {
	color:#0285b0;
}			

div#home-right-content p a:hover, div#hp-financial-assistance div a:hover {
	color:#000;
}			

div#hp-financial-assistance {
	margin-top:18px;
	}				
	
div#hp-financial-assistance div {
	padding-left:9px;
	font-size:11px;
	line-height:18px;
	color:#666;
	}	

div#home-bottom-content-container {
	width:891px;
	padding-right:9px;
	}			
	
div#h1-resolve-nav h1 {
	display:none;
	}

div#h1-resolve-nav {
	height:104px;
	width:900px;
	background:transparent url(assets/image/get-a-free-guess-pass.gif) top left no-repeat;
	}