/* ============================== */
/* = GLOBAL RESETS AND DEFAULTS = */
/* ============================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
input {
	font-size: 12px;
}

fieldset {
    border: 1px solid gray
}
/*============================
           COLORS
==============================        
White: #FFF;
Charcoal: #303031;
Gray: #717174;
light-Gray: #EBEBEB;

Blue-Dark: #0060AF;
Blue-Mid: #0089D0;
Blue-Light: #00AEEF;
==============================*/


/*============================
           BASIC
==============================*/

body {
	background: #FFF;
	color: #717174;
	font-family: Verdana, Arial, sans-serif;
}

.clear-both {
	clear: both;
}

table {
	text-align: left;
}

div.curvyCorner{
    behavior: url(http://www.ymcacharlotte.org/Includes/css/border-radius.htc);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #B1B1B1;
	padding:15px;
    background: #FFF;
}

div.fullArticle {
    border:0px solid green;
    width:830px;
    text-align: left;
    padding-top:10px;
}

div.halfArticle {
    border:0px solid green;
    width:640px;
    margin-right:20px;
    margin-left: 15px;
    text-align: left;
    padding-top:5px;
    clear: both;
}

/*============================
           HEADER
==============================*/

#header-wrapper {
	background: #FFF;
	display: block;
	margin: 0 auto;
	padding: 20px 0 0;
	width: 860px;
    position: relative;
    height:88px;
}

#ymcalogo {
  	width: 228px;
	height: 77px;
	display: block;
	top: 0px;
	left: 0px;
}

#ymcalogo a {
	width: 228px;
	height: 77px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/green/ymcalogo.png') no-repeat;
}


#alt-nav {
    text-align:right;
    border:0px solid orange;
    width:630px;
    height:77px;
    vertical-align: top;
}

#alt-nav h2 {
	font-size: 18px;
	text-align: right;
	text-transform: uppercase;
    font-weight: normal;
    line-height: 1.5;
    color: #303031;
    margin-top:0px;
}

#alt-nav #search {
    background:url('http://www.ymcacharlotte.org/images/gui/search.png') no-repeat;
    border: 0px solid gold;
    margin-top: 3px;
    width:304px;
    height:26px;
    text-align:left;
    float:right;


}

#alt-nav #searchButton {
    border:0px solid green;
    width:70px;
    height:26px;
    cursor:pointer;
    background-color:transparent;
}

#alt-nav #searchInput {
    color:#666;    
    background:transparent;
    width:213px;
    height:18px;
    margin-left:10px;
    border:none;
    margin-top:4px;
    text-align:right;  
    font-family: Verdana, Arial, sans-serif;  
    font-size: 12px;
    border:0px solid red;
    vertical-align:top;
}


#alt-nav a {
	color: #303031;
	text-decoration: none;
	font-size: 14px;
}

#alt-nav a:hover {
	color: #01A490;
}

a.currentPage {
    color: #01A490 !important;
}


div.pageWrap 
{
    border:0px solid green;
    width:984px;
}

#breadCrumbWrap a,
#breadCrumbWrap a.breadCrumbLink:hover {
	color: #01A490 !important;
    border: none !important;
	font-size: 12px !important;
}

/*============================
           SECTION
==============================*/

div.BranchPageTitle 
{
    font-family: Verdana, Arial, sans-serif;
    color: #242425;
    font-size: 18pt;
    border: 0px solid black;
    padding:10px 0px 0px 25px;
    
}

#section-wrapper {
	display: block;
    line-height: 1.5;
    position: relative;
    background: url(http://www.ymcacharlotte.org/images/gui/left-right-shadow.png) no-repeat;
    border:0px solid red;
}

#section-bottom-bg {
	width: 100%;
    background:url(http://www.ymcacharlotte.org/images/gui/green/section-bottom-bg.png) no-repeat bottom;
	position: block;
	bottom: 0px;
	z-index: -1;
    border:0px solid red;
}

#section-wrapper h1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #01A490;
}

#section-wrapper h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: #01A490;
}

#section-wrapper h2.head2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    color: #717174;
    width:95%;
    border-bottom:1px solid #aaa;
    margin-bottom: 5px;
}

#section-wrapper p {
    margin-bottom: 4px;
}

.squareBullet {
	background: url(http://www.ymcacharlotte.org/images/bullets/squareBullet.png) no-repeat center left;
	padding-left: 20px;
	margin-bottom: 0;
}

#section-wrapper a {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #01A490;
    text-decoration: none;
}

#section-wrapper a:hover {
    border-bottom: 0px solid #01A490;
}


/*SIGN UP NOW BUTTON*/
a.sign-up-now {
	width: 124px;
	height: 26px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/green/SignUpNow-btn1.png') no-repeat;
	margin: 10px 0 0;
}

a.sign-up-now:hover {
	width: 124px;
	height: 26px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/SignUpNow-btn2.png') no-repeat;
	border-bottom: 0;
}

a.sign-up-now span {
	display: none;
	visibility: hidden;
}

/*JOIN NOW BUTTON*/
a.joinNow {
	height: 26px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/green/joinNow-btn1.png') no-repeat;
	margin: 10px 0 0;
}

a:hover.joinNow {
	width: 80px;
	height: 26px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/joinNow-btn2.png') no-repeat;
	border-bottom: 0;
}

/*visit NOW BUTTON*/
a.visitNow {
	width: 124px;
	height: 26px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/green/visitnow_btn.png') no-repeat;
	margin: 10px 0 0;
}

a:hover.visitNow {
	width: 124px;
	height: 26px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/visitnow_btn2.png') no-repeat;
	border-bottom: 0;
}

a.joinNow span {
	display: none;
	visibility: hidden;
}





.horizontalRule1 {
	border-top: 1px solid #01A490;
	width: 100%;
	height: 1px;
	margin: 0px 0 10px;
}

.horizontalRule2 {
	border-top: 1px solid #EBEBEB;
	width: 100%;
	height: 1px;
	margin: 0px 0 10px;
}

.horizontalRule3 {
	border-top: 1px solid #717174;
	width: 100%;
	height: 1px;
	margin: 0px 0 10px;
}

.verticalRule1 {
	border-left: 1px solid #EBEBEB;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 30px; left: -20px;
	
}

/*    EXTRA SPACE
======================*/

.extraSpace-10, .extraSpace-20, .extraSpace-30, .extraSpace-40,.extraSpace-50,
.extraSpace-60, .extraSpace-70, .extraSpace-80, .extraSpace-90,.extraSpace-100 {
	width: 100%;
}

.extraSpace-10 { height: 10px; }
.extraSpace-20 { height: 20px; }
.extraSpace-30 { height: 30px; }
.extraSpace-40 { height: 40px; }
.extraSpace-50 { height: 50px; }
.extraSpace-60 { height: 60px; }
.extraSpace-70 { height: 70px; }
.extraSpace-80 { height: 80px; }
.extraSpace-90 { height: 90px; }
.extraSpace-100 { height: 100px; }








/*    ARTICLE
===================*/

article {
	display: block;
	line-height: 1.5;
}

.midborder {
	border-right: 1px dotted #666;
	width: 1px;
	height: 90%;
	position: absolute;
	left: 480px;
}




DIV.carouselLeft {
    border: 0px solid green;
    width:10px;
    height:32px;
    background:url('http://www.ymcacharlotte.org/images/gui/prev-horizontal-gray.png') no-repeat;
    cursor: pointer;
    float:left;
    margin-top:45px;
    margin-left:0px;
}

DIV.carouselLeftOver {
    border: 0px solid green;
    width:10px;
    height:32px;
    background:url('http://www.ymcacharlotte.org/images/gui/green/prev-horizontal-over.png') no-repeat;
    cursor: pointer;
    float:left;
    margin-top:45px;
    margin-left:0px;
}

DIV.carouselRight {
    border: 0px solid green;
    width:10px;
    height:32px;
    background:url('http://www.ymcacharlotte.org/images/gui/next-horizontal-gray.png') no-repeat;
    cursor: pointer;
    float:left;
    margin-top:45px;
}

DIV.carouselRightOver {
    border: 0px solid green;
    width:10px;
    height:32px;
    background:url('http://www.ymcacharlotte.org/images/gui/green/next-horizontal-over.png') no-repeat;
    cursor: pointer;
    float:left;
    margin-top:45px;
}


.carouselItemLabel {
    font-size: 10px !important;
    text-align:center;
    vertical-align: bottom;
    height:30px;
    border: 0px solid green;
    font-weight: bold !important;
    text-decoration: none;
    color: #717174 !important;
}

.carouselItemLabel:hover {
    color: #01A490 !important;
}

.carouselItemLink {
}

.carouselItemImage {
    width: 92px;
}




h2.colHead {
	color: #303031 !important;
    margin-left:20px;

    
}

p span.eventName {
	color: #01A490;
}

p.bottomSpace {
	margin-bottom: 10px;
}

#section-wrapper .branchInfo a.readMore {
	color: #01A490;
	font-weight: normal;
	display: inline;
    whitespace:no-wrap;
}

#section-wrapper .branchInfo a:hover.readMore {
	color: #303031;
}

#section-wrapper .branchInfo a {
    font-size: 12px;
    font-weight: bold;
	color: #303031;
	text-decoration: none;
	display: block;
}

#section-wrapper .branchInfo a:hover {
    font-size: 12px;
	color: #01A490;
	border-bottom: 0px solid #01A490;
}

.quickInfo {
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	font-size: 14px;
	color: #303031;
	margin: 14px 0 4px;
	padding: 0px 0 4px 0;
}




/*   FACEBOOK ICON 
======================*/
a.facebook {
	width: 36px;
	height: 61px;
	float: left;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/facebook-icon.png') no-repeat;
	margin-right: 20px;
}

a.facebook span {
	display: none;
	visibility: hidden;
}

/*   TWITTER ICON 
======================*/
a.twitter {
	width: 36px;
	height: 61px;
	float: left;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/twitter-icon.png') no-repeat;
}

a.twitter span {
	display: none;
	visibility: hidden;
}






#adSpace {
	display: block;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    //padding: 15px;
    float: left;
    background:url('http://www.ymcacharlotte.org/images/gui/adSpace-bg.png') no-repeat;
	width: 390px;
	height: 290px;
    border:0px solid green;
}

#adSpace img {
	padding: 20px 45px;
}

#adSpace p {
	padding: 0px 45px 10px;
}
#adSpace a {
	font-size: 10px !important;
}


h3.topic {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #303031;
}

article ul {
	display: inline-block;
	list-style-type: none;
}

article ul li {
	display: block;
	margin-bottom: 10px;
}

.article-link a {
	font-size: 12px;
	color: #717174;
	text-decoration: none;
}

.article-link a:hover {
	font-size: 12px;
	color: #01A490;
	border: 0;
}



.colLinkFix ul {
	display: inline-block;
	list-style-type: none;
}

.colLinkFix ul li {
	display: block;
	margin-bottom: 10px;
}

.col1-link a {
	font-size: 12px;
	color: #717174;
	text-decoration: none;
}

.col1-link a:hover {
	font-size: 12px;
	color: #01A490;
	border: 0;
}





#selectAbranch a {
	width: 249px;
	height: 26px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/selectAbranch.png') no-repeat;
}

#selectAbranch a:hover {
	border: 0;
}

#selectAbranch a span {
	display: none;
	visibility: hidden;
}



/* PEOPLE IMAGES
==================*/
#childCareImg {
	background: url(http://www.ymcacharlotte.org/images/gui/childCare.png) no-repeat;
	width: 244px;
	height: 167px;
	position: absolute;
	right: 100px;
	top: 125px;
	z-index: 0;
}

#strip-bg {
	background: url(http://www.ymcacharlotte.org/images/gui/strip-bg.png) no-repeat;
	width: 802px;
	height: 29px;
	position: absolute;
	right: 100px;
	top: 238px;
	z-index: -1;
}


.hideme {
	visibility: hidden;
}



/*============================
           FOOTER
==============================*/

#footer-wrapper {
	background: url(http://www.ymcacharlotte.org/images/gui/footer-bg.png) repeat-x;
	background-position: bottom;
	background-color: #FFF;
    padding: 5px 5px  5px 5px;
    margin: 5px 0px 5px 0px;

}

.footer-topic a {
	font-size: 12px !important;
	color: #303031;
    border:0px solid green;
    white-space:nowrap;
}


a.footer-link {
	font-size: 10px !important;
	color: #717174 !important;
    white-space:nowrap;
}

a.footer-link:hover {
	font-size: 10px !important;
	color: #01A490 !important;
}

div.footerGroupWrap {
    display:block;
	float: left;
    border-right: 0px dotted #717174;
    margin:0px 10px 0px 10px;
    border:0px solid gold;
}

div.footerGroupWrap ul {
	list-style-type: none;
    display:block;
	margin-left: 0px;
}

footer ul+ul {
	margin-left: 20px;
}


/* CENTERNAV 1
=================*/
.centerNav1 {
	margin: 0; padding: 0;
	width: 595px;
	list-style: none;
	font-size: 1.1em;
	position: absolute;
	bottom: 0;
	right: 0;
    background:url(http://www.ymcacharlotte.org/images/gui/centerNav1.png) no-repeat;
    border:0px solid green;
    height:50px;
}

.centerNav1 a {
    border:0px solid green;
    height:50px;
    width:198px;
    vertical-align:middle !important;
    text-align:center;
    display:block;
    float:left;
    font-family:Verdana;
    color:#888 !important;
    font-size:14px !important;
    padding-top:15px;
}

.centerNav1 a:hover {
    border:0px solid green;
    height:50px;
    width:198px;
    vertical-align:middle !important;
    text-align:center;
    display:block;
    float:left;
    font-family:Verdana;
    font-size:14px !important;
    padding-top:15px;
    text-decoration: none !important;
    border:none !important;
    color: #01A490 !important;
}





/* CENTERNAV HOME 1
======================*/
ul#centerNavHome1 {
	margin: 0; padding: 0;
	float:left;
	width: 800px;
	list-style: none;
	font-size: 1.1em;
	position: absolute;
	bottom: 0;
	right: 0;
}

ul#centerNavHome1 li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}

ul#centerNavHome1 li a {
	float: left; 
	text-indent: -9999px;
	height: 48px;
}

ul#centerNavHome1 li a:hover {
	border-bottom: 0px solid #92278F;
}


/* CENTERNAV 1 LINKS NORMAL
============================*/
ul#centerNavHome1 li a#youthDev1-link, 
ul#centerNavHome1 li a#healthyLiv1-link, 
ul#centerNavHome1 li a#socialRes1-link,
ul#centerNavHome1 li a#getInvolved1-link  
{
	background:url(http://www.ymcacharlotte.org/images/gui/centerNavHome1.png) no-repeat;
}

ul#centerNavHome1 li a#youthDev1-link {
	width:197px;
}

ul#centerNavHome1 li a#healthyLiv1-link {
	width:187px;
	background-position:-197px 0px;
}

ul#centerNavHome1 li a#socialRes1-link {
	width:211px;
	background-position:-384px 0px;
}

ul#centerNavHome1 li a#getInvolved1-link {
	width:205px;
	background-position:-595px 0px;
}

/* CENTERNAV HOME 1 LINKS HOVER
==================================*/
ul#centerNavHome1 li a:hover#youthDev1-link, 
ul#centerNavHome1 li a:hover#healthyLiv1-link, 
ul#centerNavHome1 li a:hover#socialRes1-link,
ul#centerNavHome1 li a:hover#getInvolved1-link 
{
	background:url(http://www.ymcacharlotte.org/images/gui/green/centerNavHome2.png) no-repeat;
}

ul#centerNavHome1 li a:hover#youthDev1-link {
	width:197px;
}

ul#centerNavHome1 li a:hover#healthyLiv1-link {
	width:187px;
	background-position:-197px 0px;
}

ul#centerNavHome1 li a:hover#socialRes1-link {
	width:211px;
	background-position:-384px 0px;
}

ul#centerNavHome1 li a:hover#getInvolved1-link {
	width:205px;
	background-position:-595px 0px;
}



/*  GRID CONTAINER
=====================*/

section .gridContainer {
	width: 800px;
	margin-bottom: 20px;
	display: block;
}

.shadowRight {
	background: url(http://www.ymcacharlotte.org/images/gui/sliderShadowRight.png) no-repeat;
	background-position: right;
	width: 32px;
	height: 454px;
}


/* 4 COLUMN GRID
=================*/

.col1-one, .col2-one, .col1-two, .col2-two, .col1-three, .col2-three, .col1-four {
	display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 30px;
    float: left;
    position: relative;
}

/* ONE LEFT AND RIGHT*/
.col1-one, .col2-one {
    width: 21 0px;
}

/* TWO LEFT AND RIGHT */
.col1-two, .col2-two {
    width: 390px;
}
/* THREE LEFT AND RIGHT */
.col1-three, .col2-three {
    width: 595px;
}
/* FOUR */
.col1-four {
    width: 800px;
}

/* COLUMN 1-FOUR,TWO,THREE MARGIN */
.col1-one, .col1-two, .col1-three {
    margin-right: 20px;
}




/*    SLIDER
===================*/
#slider {
	height: 350px;
	margin-bottom: 20px;
}


/*  FIND IT FAST
===================*/
#findItFast {
	height: 160px;
	margin-bottom: 20px;
}


/*  CHILD CARE COLUMN
=======================*/
#childCare-col {
	width: 320px;
	padding: 0 20px 0 0;
	margin-bottom: 20px;
}






/* 3 COLUMN GRID
==================*/

.col3-1First, .col3-1Last, .col3-2First, .col3-2Last, .col3-3  {
	display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    padding: 0px 0px 20px 0px;
    float: left;
    //display: relative;
}

.col3-1First, .col3-1Last {
    width: 250px;
}

.col3-2First, .col3-2Last {
	width: 520px;
}

.col3-Full {
	width: 800px;
}


/* FIRST COLUMN SPAN 1COLUMN & 2COLUMN */
.col3-1First, .col3-2First {
    margin-right: 25px;
}











/*===========================================
       MAIN NAVIGATION AND DROPDOWN MENU
=============================================*/

*{outline: none;}
img {border: 0;}


/*   NAV
===========*/

nav {
	display: block;
	margin: 0 auto;
	width: 865px;
    position: relative;
    left: -30px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    z-index: 10;
}

/* TOP NAV
===========*/

.RadMenu_Default .rmHorizontal .rmLink .rmText 
{
	color: #5B5B5C;
}

.RadMenu_Default .rmRootLink:hover 
{
    border:0px solid green;
    background: url(http://www.ymcacharlotte.org/images/gui/green/nav1_center_active.png) no-repeat center top;
}

.RadMenu_Default .rmHorizontal .rmLink .rmText:hover
{
	color: #01A490;
}
.RadMenu_Default .rmVertical .rmLink .rmText {
	color: #01A490;
}
.RadMenu_Default .rmSlide, #MiddleSiteMap 
{
	background: white url(http://www.ymcacharlotte.org/images/gui/green/sub-bg.png) repeat-x bottom;
	text-align: left;
}              

.RadSiteMap_Middle .rsmLevel .rsmLink
{
	font-weight: bold !important;
	color: #01A490 !important;
}

/* MIDDLE NAV (Home Page)
===========*/

.RadMenu_Middle .rmHorizontal .rmLink .rmText 
{
	color: #5B5B5C;
}
.RadMenu_Middle .rmHorizontal .rmLink .rmText:hover, 	#MidNav .RadMenu_Middle .rmLevel1 .rmFirst .rmLink .rmText:hover
{
	color: #01A490;
}
.RadMenu_Middle .rmVertical .rmLink .rmText {
	color: #01A490;
}

.topNavBottom {
	width: 865px; height: 20px; background: url(http://www.ymcacharlotte.org/images/gui/green/topnav-bottom.png) no-repeat;
}
/*
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 1.1em;
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}

ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 56px;
}

ul#topnav li:hover a, ul#topnav li a:hover { 
	background-position: left bottom;

}



ul#topnav a:hover {
	border: 0;
}


ul#topnav a.branches-link {
	width:124px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/nav-1.png) no-repeat;
}

ul#topnav a.programs-link {
	width:197px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/nav-2.png) no-repeat;
}

ul#topnav a.memberships-link {
	width:142px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/nav-3.png) no-repeat;
}

ul#topnav a.classes-link {
	width:177px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/nav-4.png) no-repeat;
}

ul#topnav a.calendar-link {
	width:113px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/nav-5.png) no-repeat;
}

ul#topnav a.about-link {
	width:112px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/nav-6.png) no-repeat;
}
*/

/* TOP NAV SUB CLASS
=====================*/
ul#topnav li .sub {
	position: absolute;	
	top: 34px; left: 0;
	border-top: 1px solid #01A490;
	background: #FFF url(http://www.ymcacharlotte.org/images/gui/green/sub-bg.png) repeat-x bottom;
	padding: 20px;
	line-height: 1.8;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	z-index: 11;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}

ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}

ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 12px;
	font-weight: normal;
}

ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #01A490;
}

ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	//background: url(http://www.ymcacharlotte.org/images/gui/navlist_arrow.png) no-repeat 5px 12px;
	//padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #717174;
}

ul#topnav .sub ul li a:hover {
	color: #01A490; 
	//background-position: 5px 12px ;
}




/* PAGE INDICATOR 
==================*/
body#programs a.programs-link {
	width:196px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/nav-2.png) no-repeat;
	background-position: left bottom;
}




/*============================
           COLORS
==============================        
White: #FFF;
Charcoal: #303031;
Gray: #717174;
light-Gray: #EBEBEB;

Blue-Dark: #0060AF;
Blue-Mid: #0089D0;
Blue-Light: #00AEEF;
==============================*/

/* FOR YOUTH DEVELOPMENT SIDE NAV CURRENT PAGE INDICATOR
=========================================================*/
body.childCare a#childCare-link,
body.education a#education-link,
body.play a#play-link,
body.camps a#camps-link {
	color: #92278F;
	//border-bottom: 2px solid #92278F;
}



/*  TOP NAV
==============*/

ul#topnav a.b_branchHome-link,
ul#topnav a.b_youthDevelopment-link,
ul#topnav a.b_healthyLiving-link,
ul#topnav a.b_socialResponsibility-link,
ul#topnav a.b_facilities-link,
ul#topnav a.b_aboutThisBranch-link {
    height:41px;
    border:0px solid green;
}

ul#topnav a.b_branchHome-link {
	width:113px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/forNav-1_inactive.png) repeat-x center top;
}

ul#topnav a.b_youthDevelopment-link {
	width:195px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/forNav-2_inactive.png);
}

ul#topnav a.b_healthyLiving-link {
	width:134px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/forNav-3_inactive.png) no-repeat;
}

ul#topnav a.b_socialResponsibility-link {
	width:174px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/forNav-4_inactive.png) no-repeat;
}

ul#topnav a.b_facilities-link {
	width:162px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/forNav-5_inactive.png) no-repeat;
}

ul#topnav a.b_aboutThisBranch-link {
	width:82px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/forNav-7_inactive.png) no-repeat;
}

ul#topnav a.b_branchHome-link:hover {
	width:113px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/fornav-1.png) repeat-x center top;
}

ul#topnav a.b_youthDevelopment-link:hover {
	width:195px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/fornav-2.png);
}

ul#topnav a.b_healthyLiving-link:hover {
	width:134px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/fornav-3.png) no-repeat;
}

ul#topnav a.b_socialResponsibility-link:hover {
	width:174px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/fornav-4.png) no-repeat;
}

ul#topnav a.b_facilities-link:hover {
	width:162px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/fornav-5.png) no-repeat;
}

ul#topnav a.b_aboutThisBranch-link:hover {
	width:82px;
	background: url(http://www.ymcacharlotte.org/images/gui/green/fornav-7.png) no-repeat;
}



/* PAGE INDICATOR 
==================*/
body#forYouth a.youthDevelopment-link {
	width:166px;
	background: url(http://www.ymcacharlotte.org/images/gui/fornav-2.png) no-repeat;
	background-position: left bottom;
}


/*----------------END NAV-----------------*/







/* TWO COLUMN GRID
======================*/

article.col1-even, article.col2-even {
	display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    padding: 20px;
    float: left;
    background: url(http://www.ymcacharlotte.org/images/gui/forYouth-bg.png) no-repeat;
    width: 340px;
    height: 235px;
    margin-bottom: 40px;
}


/* COLUMN 1-EVEN */
article.col1-even{
    margin-right: 40px;
}

article.col1-even img, article.col2-even img {
	float: left;
	margin: 0 20px 10px 0;
}




/*LEARN MORE BUTTON*/
a.learnMore {
	width: 106px;
	height: 28px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/learnMore-btn1.png') no-repeat;
	//margin: 10px 0 0;
	float: left;
}

a:hover.learnMore {
	width: 106px;
	height: 28px;
	display: block;
	background:url('http://www.ymcacharlotte.org/images/gui/learnMore-btn2.png') no-repeat;
	border-bottom: 0;
}

a.learnMore span {
	display: none;
	visibility: hidden;
}





/*PROGRAMS & SERVICES*/

.progAndServ {
	background: url(http://www.ymcacharlotte.org/images/gui/col3-bg.png) no-repeat;
	height: 400px;
}

.progAndServ img {
	margin: 0 30px 20px;
}

.progAndServ h2 {
	font-size: 14px; 
	color: #303031;
	margin: 30px 30px 10px;
	text-align: center;
}

.progAndServ ul {
	list-style-type: none;
	margin: 0 30px;
}

.progAndServ li {
	margin-bottom: 4px;
}

.progAndServ a {
	color: #303031;
}

.progAndServ a:hover {
	color: #92278F;
	border: 0;
}



/**********************************************************************
 _                    _             
| |    ___   ___ __ _| |_ ___  _ __ 
| |   / _ \ / __/ _` | __/ _ \| '__|
| |__| (_) | (_| (_| | || (_) | |   
|_____\___/ \___\__,_|\__\___/|_|   
                                   
**********************************************************************/



#LocatorLeft 
{
    border:0px solid #01A490;
    vertical-align:top;
    margin:0px;
    padding:5px;
    /*height:535px;*/
}


.LocatorAddress, .LocatorNumber
{
    width:175px;
    height:20px;
    vertical-align:middle;
    font-family: Verdana,Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    font-style: normal;
    color:#01A490;
}

.LocatorAddressName:hover
{
    color:#01A490 !important;
    border:0px solid green;

}


/**********************************************************************
  ____            _             _             
 / ___|___  _ __ | |_ __ _  ___| |_ ___  _ __ 
| |   / _ \| '_ \| __/ _` |/ __| __/ _ \| '__|
| |__| (_) | | | | || (_| | (__| || (_) | |   
 \____\___/|_| |_|\__\__,_|\___|\__\___/|_| 
                                   
**********************************************************************/


Table.ContactorLayout 
{
    width:100%;
    border: 1px solid #01A490;
    border-left: none;
    border-right: none;
}

.ContactorInstructions {
    display:block;
    text-align:center;
    color: #01A490;
    line-height:200%;
    font-weight: normal;
    font-size: 16px;
} 


/**********************************************************************
 ____  _     _      _   _             
/ ___|(_) __| | ___| \ | | __ ___   __
\___ \| |/ _` |/ _ \  \| |/ _` \ \ / /
 ___) | | (_| |  __/ |\  | (_| |\ V / 
|____/|_|\__,_|\___|_| \_|\__,_| \_/  

**********************************************************************/

#sideNav TD.nav1 
{
	padding-bottom: 8px;
}


#sideNav A.nav1,
#sideNav A.nav1selected
{
	font-size: 16px;
	font-weight: bold;
	color: black;
    line-height:30px;
    vertical-align:top;
}
#sideNav A.nav1:hover
{
	text-decoration: underline;
}

#sideNav A.nav2
{
	font-size: 12px;
	color: #7A7A7C;
}
#sideNav A.nav2selected
{
	font-size: 12px;
    color: #01A490;
}
#sideNav A.nav2:hover,
#sideNav A.nav2selected:hover
{
    color: #01A490;
	text-decoration: underline;
}

#sideNav A.nav3
{
	font-size: 12px;
	padding-left: 8px;
}
#sideNav A.nav3selected
{
    color: #01A490;
	font-size: 12px;
	padding-left: 8px;
}
#sideNav A.nav3:hover,
#sideNav A.nav3selected:hover
{
    color: #01A490;
	text-decoration: underline;
}

#sideNav A.nav4
{
	font-size: 12px;
	padding-left: 16px;
}
#sideNav A.nav4selected
{
    color: #01A490;
	font-size: 12px;
	padding-left: 16px;
}
#sideNav A.nav4:hover,
#sideNav A.nav4selected:hover
{
    color: #01A490;
	text-decoration: underline;
}

#sideNav A.nav5
{
	font-size: 12px;
	padding-left: 24px;
}
#sideNav A.nav5selected
{
    color: #01A490;
	font-size: 12px;
	padding-left: 24px;
}
#sideNav A.nav5:hover,
#sideNav A.nav5selected:hover
{
    color: #01A490;
	text-decoration: underline;
}
#sideNav .navFolder 
{
    font-weight:bold;
}


/**********************************************************************
  ____      _                _            
 / ___|__ _| | ___ _ __   __| | __ _ _ __ 
| |   / _` | |/ _ \ '_ \ / _` |/ _` | '__|
| |__| (_| | |  __/ | | | (_| | (_| | |   
 \____\__,_|_|\___|_| |_|\__,_|\__,_|_|   

*************************************************************************/
 


#CalendarTable 
{
    border-collapse:collapse;
}

#CalendarTable .CalendarTop 
{
    border:none;
}

#CalendarTable DIV.calendarLeft {
    border: 0px solid green;
    width:25px;
    height:20px;
    background:url('http://www.ymcacharlotte.org/images/gui/green/prev-month.png') left center no-repeat;
    cursor: pointer;
    margin-top:0px;
    margin-left:0px;
    float:left;
    text-align:left;
    padding-left:12px;
    display:block;
    font-size:10px;
    vertical-align:top;
    padding-top:3px;
}



#CalendarTable DIV.calendarRight {
    border: 0px solid green;
    width:25px;
    height:20px;
    background:url('http://www.ymcacharlotte.org/images/gui/green/next-month.png') right center no-repeat;
    cursor: pointer;
    margin-top:0px;
    margin-left:20px;
    float:left;
    text-align:right;
    padding-right:12px;
    display:block;
    font-size:10px;
    vertical-align:top;
    padding-top:3px;
}

#CalendarLabel
{
    color:#01A490;
    font-size:16px;
    text-align:center;
    font-weight:bold;
}

#CalendarTable TH
{
    width:118px;
    border:1px solid #666;
    font-weight: bold;
    text-align:center;
}

#CalendarTable td
{
    border:1px solid #CCC;
    border-top: none;
    width:118px;
}

#CalendarTable div.DayNumber 
{
    border:1px solid #CCC;
    border-right:none;
    border-top:none;
    width:20px;
    margin-left:97px;
    font-weight:bold;
    text-align:center;
}

#CalendarTable td.DayNumber 
{
    text-align:right;
    border-bottom: none;
    font-weight:bold;
    padding:0px;
}

#CalendarTable div.DayNumberToday 
{
    color: #01A490;
}
#CalendarTable .DayNumberOutMonth
{
    color: #BBB;
} 

#CalendarTable .CalendarEventTime
{
    text-decoration:underline;
    text-align:left;
    font-size:10px;
    color:white;
    white-space:nowrap;
    font-weight:bold;
    color:  #01A490 ;
}

#CalendarTable .CalendarEventName {
    text-align:left;
    font-size:10px;
    color: #444 !important;
}

#CalendarTable td.task 
{
    border:1px solid #CCC;
    vertical-align:top;
    height:52px;
    border-bottom:0px solid #CCC;
    border-top:0px solid #CCC;
}


#CalendarTable td.bottom
{
    height:54px;
    border-bottom:1px solid #CCC;

}

#CalendarTable td.task div
{
    border:1px solid #CCC;
    height:auto;
    margin-top:2px;
    margin-left:2px;
    background:url('http://www.ymcacharlotte.org/images/gui/green/task_bg.png');
    padding:2px;
    position:absolute;
    cursor:pointer;cursor:hand;
}



.FilterTitle 
{
    color: #01A490;
    font-weight: bold;
    vertical-align:bottom;
    margin-top:20px;
    margin-bottom:20px;
}

.FilterTable 
{
    border-collapse:collapse;
    margin-bottom:5px;
    width:820px;
    margin-left:20px;
    

}

.FilterTable, .FilterTable TD 
{
    font-size:12px !important;
}

.FilterText
{
    color: #717174;
    font-size:12px;
}

input.FilterButton
{

    color: #01A490;

    border:1px solid #999;
    vertical-align:top;
    padding: 0px 3px 0px 3px !important;
    font-size:12px !important;
    background-color:white;

}

input.FilterLinkButton
{
    font-weight:bold;
    font-size:13px;
    padding:3px 5px 3px 5px;
    margin:0px;
    border:1px solid #01A490;
    color: #01A490;
    background-color: #E3F5F3;
}

input.FilterLinkButton:hover
{
    padding:4px 4px 2px 6px;
}




div.DatePickerIcon
{
    background:url('http://www.ymcacharlotte.org/images/gui/green/DatePicker_icon.gif');
    width:20px;
    height:20px; 
    float:left;
    margin-right:2px;
}

.calMain		{	width:				231px;
					position:			absolute;
					border:				2px solid #01A490;
					font:				7pt;
					text-align:			center;
					cursor:				default;
					display:			none;
					z-index:            101;
					background-color:   white;
                    background:         url('http://www.ymcacharlotte.org/images/gui/green/cal-bg.gif');
                    padding:            5px;
				}
.calLeft        {   width:				65px;
					float:				left;
					border:		        1px solid #fff;
					border-right:       none;
					font-weight:		bold;
					text-align:         right;
					height:             20px;
					padding-top:        5px;				
                    font-size:          12px !important;
                    color:              #01A490;
                    cursor:pointer;cursor:hand;
                }

.calTitle		{	width:				99px;
					font-size:          12px !important;
					border:		        1px solid #fff;
					border-right:       none;
					border-left:        none;
					font-weight:		bold;
					float:              left;
					height:             20px;
					padding-top:        5px;
                    color:              #01A490;
				}
.calRight       {   width:				65px;
					float:				left;
					border:		        1px solid #fff;
					border-left:        none;
					font-weight:		bold;
					text-align:         left;
					height:             20px;
					padding-top:        5px;
					font-size:          12px !important;
                    color:              #01A490;
                    cursor:pointer;cursor:hand;
                }
.calDays		{	width:				31px;
					float:				left;
					border:		        1px solid #fff;
					font-weight:		bold;
                    color:              #01A490;
                    font-size:          12px !important;
				}
.calDates		{	width:				31px;
					float:				left;
					border:		        1px solid #fff;
					height:             13px;
                    color:              #01A490;
                    padding-bottom:     1px;
                    font-size:          12px !important;
                    cursor:pointer;cursor:hand;
				}
.calDatesAlt	{	width:				31px;
					
					float:				left;
					border:		        1px solid #fff;
					height:             13px;
                    color:              #01A490;
                    font-weight:        bold;
                    padding-bottom:     1px;
                    font-size:          12px !important;
                    cursor:pointer;cursor:hand;
				}
				
.RepeaterWrap
{
    border-collapse:collapse;
    width:760px;
    color:#777;
    border-collapse:collapse;
    margin-left:25px;

}

.RepeaterSmallWrap
{
    margin:5px 0px 0px 0px;
    width:600px;

    border-top:2px solid #01A490;

}

.RepeaterWrap, .RepeaterWrap TD
{
    font-size:12px !important;
}

.RepeaterWrap th, .RepeaterWrapTH
{
    font-weight : bold;
    font-size: 14px;
    border-bottom:2px solid #01A490;
    padding-left:7px;
    padding-right:7px;
    color:#777;

}

.RepeaterWrap th A
{
    font-weight : bold !important;
    font-size: 14px !important;
    color: #777 !important;
    text-decoration:none !important;
}

.RepeaterWrap th A:hover
{
    color: #01A490 !important;
}

.RepeaterWrap th A.sorted
{
    font-weight : bold !important;
    font-size: 14px !important;
    color: #01A490 !important;
    
}

.RepeaterWrap td.cell
{
    /*border-top:1px solid #717174;*/
    padding:3px 10px 3px 10px;
    white-space:nowrap;
    font-size:12px !important;
}

.RepeaterWrap td.cell DIV A
{
	text-decoration: none !important;
    font-size:12px !important;
}

.RepeaterWrap td.cell DIV A:hover
{
	text-decoration: underline !important;
    font-size:12px !important;
}

.RepeaterWrap td.cellLeft
{
    border-left:1px solid #fff;
}

.RepeaterWrap td.cellRight
{
    border-right:1px solid #fff;
}

.RepeaterWrap td.cellAlt
{
    /*border-top:1px solid #717174;*/
    padding:3px 10px 3px 10px;
    white-space:nowrap;
    font-size:12px !important;
    background-color: #f2f2f2;
}

.RepeaterWrap td.cellAlt DIV A
{
	text-decoration: none !important;
    font-size:12px !important;
}

.RepeaterWrap td.cellAlt DIV A:hover
{
	text-decoration: underline !important;
    font-size:12px !important;
}

.RepeaterWrap td.cellBottom
{
    border-bottom:0px solid #fff;
    border-top:0px solid #fff;
    border-right:1px solid #fff;
    border-left:1px solid #fff;

}

.RepeaterWrap td.cellPager
{
    color: #F8F8FF ;
    text-align:center;
    border:none;
    border-top:2px solid #01A490;
    height:25px;
    vertical-align:bottom;
 
}
.RepeaterWrap td.cellPager A
{
   font-size:12px !important;
}

.RepeaterWrap .ActionButton 
{
    font-size:12px;
    padding:0px 2px 0px 2px;
    margin:0px;
    margin-left:20px;
    border:1px solid #999;
    color: #01A490;
    height:20px;
    width:60px;
    background-color:white;
}

.RepeaterWrap .PageNumber
{
    padding-left:10px;
    text-decoration:none;
    color:#666;
    font-weight:bold !important;
}

.RepeaterWrap .PageNumber:hover
{

    font-size:14px !important;
}

.RepeaterWrap .PageNumberCurrent
{
    padding-left:10px !important;
    font-size:14px !important;
    color: #777  !important;
    text-decoration:none !important;
    font-weight:bold !important;
}

.DetailColumn
{
    width: 200px;
    border-right: 0px solid #717174;
    background-color: #E3F5F3;
    padding:5px;
    font-size: 12px !important;
}

.FormHeader
{
    text-align:center;
    font-family: Verdana,Arial,sans-serif;
    font-size:12px;
    font-weight:bold !important;
    font-style: normal;
    color:#717174;
    line-height: 18px;
    vertical-align:top;
    white-space: nowrap;
}

.FormLayout 
{
    width:550px;
    margin-left:90px;
    border-top: 1px solid #01A490;
}

.FormLeft
{
    padding:4px 0px 4px 75px;
    font-size: 14px;
    width: 225px;
    vertical-align:top;

}

.FormBoth
{

    padding-left:75px;
    font-size: 14px;

}

.FormRight
{
    font-size: 14px;
    width:225px;
    padding:4px 75px 4px 0px;
}

.FormText 
{
    width: 350px;
}

.FormMultiText 
{
    width: 350px;
    height: 80px;
    border: 1px solid #717174;
}

.FormSelect 
{
    width: 355px;
    border: 1px solid #717174;
}

.FormButton 
{
    text-align:right;
    padding-right:100px;
    padding-top:5px;
    padding-bottom:10px;
}

TD.GEHeader {
	border-top: 1px solid #01A490;
	border-bottom: 1px solid #01A490;
	padding-top: 3px;
	padding-bottom: 3px;
}
TD.GEFooter {
	border-bottom: 1px solid #01A490;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
#mission
{
	margin-top:5px;
	margin-bottom: 5px;
	font-size: 14px;
}