/* CSS Document */

/***********************************************************/
/*
/* set general page styles
/*
/***********************************************************/

body {
	color: #000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding: 0; /* accomodates Opera */
	text-align: center;
	background: #b2b2b2 url(../images/bg_main.jpg) top repeat-x;
	overflow:auto;
}
.hide {
	display:none; /* used to make elements or objects invisible in CSS-capable browsers */
}
img {
	display: inline-block; /* helps us avoid using <br /> after images */
	border: 0;
}
hr {
	width: 80%;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	text-align: center;
}
div.hr {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
div.hrFooter {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	float: left;
}
/***********************************************************/
/*
/* set font for all elements
/*
/***********************************************************/

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/***********************************************************/
/*
/* set main page containers
/*
/***********************************************************/

/*** holds left, center and right <div>'s ***/
#container {
	width: 940px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background: transparent url(/images/bg_page.png) top repeat-y;
	

}
#containerBg {
	//float: left;
}
#left {
	width: 220px;
	margin-top: 20px;
	padding: 0;
	text-align: center;
	float: left;
}
#center {
	/**width: 414px;  width is actually 430px, but we need to adjust for the 16px in padding ***/
	width: 395px; /*** width is actually 430px, but we need to adjust for the 16px in padding ***/

	margin-top: 40px;
	padding-right: 6px;
	padding-left: 6px;
	text-align: left;
	float: left;
}
#right {
	width: 250px;
	margin-top: 20px;
	padding: 0;
	text-align: center;
	float: right;
}
/***********************************************************/
/*
/* set header styles
/*
/***********************************************************/

#header {
	width: 900px;
	height: 210px;
	margin: 0 auto;
	text-align: center;
}
/*** holds left, middle and right columns ***/
#content {
	width: 900px;
	margin: 0 auto;
	text-align: center;
		overflow:auto;
}
#footer {
	width: 900px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
	clear: right;
	color: #4d4d4d;
}


#footer a:hover {
		text-decoration:underline;
	color: #4d4d4d;		
}
#footer a:link,a:visited,a:active {	
	text-decoration:none;
	color: #4d4d4d;	
}

#footer table {
	width: 900px;
	margin: 0 auto;
	
}
#footer td.footerLeftCol {
	width: 100px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}
#footer td.footerRightCol {
	width: 700px;
	padding-left: 4px;
	text-align: left;
}

#footer td.footerBottomCol {
	width: 900px;
	padding-left: 0px;
	text-align: center;
}

#bottom {
	width: 940px;
	height: 30px;
	background: transparent url(../images/footer_bg.jpg) top no-repeat;
}
/***********************************************************/
/*
/* set nav styles
/*
/***********************************************************/

#nav {
	width: 200px;
	height: 10px;
	margin: 0 auto;
	padding: 0;
	/** need text style/color **/
	text-align: left;
	border: 0;
}
#nav td.navTopGreen {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	background: transparent url(../images/nav_green_top.jpg) top no-repeat;
}

a:link.navTopGreen {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	text-decoration: none;
	margin-left:0xp;
}
a:hover.navTopGreen {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	font-style:italic;
	text-decoration: none;

}
a:visited.navTopGreen {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	font-style:normal;
	text-decoration: none;
}


#nav td.navTopBlue {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
		color: #3a8dcd;	
	background: transparent url(../images/nav_blue.jpg) top no-repeat;
}

a:link.navTopBlue {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
		color: #3a8dcd;	
	text-decoration: none;
	margin-left:0xp;
}
a:hover.navTopBlue {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
		color: #3a8dcd;	
	font-style:italic;
	text-decoration: none;

}
a:visited.navTopBlue {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
		color: #3a8dcd;	
	font-style:normal;
	text-decoration: none;
}



#nav td.navTopOrange {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	background: transparent url(../images/nav_orange.jpg) top no-repeat;
}

a:link.navTopOrange {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	text-decoration: none;
	margin-left:0xp;
}
a:hover.navTopOrange {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	font-style:italic;
	text-decoration: none;

}
a:visited.navTopOrange {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	font-style:normal;
	text-decoration: none;
}



#nav td.navTopPink {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	background: transparent url(../images/nav_pink.jpg) top no-repeat;
}

a:link.navTopPink {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	text-decoration: none;
	margin-left:0xp;
}
a:hover.navTopPink {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	font-style:italic;
	text-decoration: none;

}
a:visited.navTopPink {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	font-style:normal;
	text-decoration: none;
}




#nav td.navBlue {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #3a8dcd;
	background: transparent url(../images/nav_blue.jpg) top no-repeat;
}

a:link.navBlue {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #3a8dcd;
	text-decoration: none;
	margin-left:0xp;
}

a:hover.navBlue {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #3a8dcd;
	font-style:italic;
	text-decoration: none;

}
a:visited.navBlue {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #3a8dcd;
	
	font-style:normal;
	text-decoration: none;
}


#nav td.navOrange {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #ec7d3c;
	background: transparent url(../images/nav_orange.jpg) top no-repeat;
}


a:link.navOrange {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #ec7d3c;
	text-decoration: none;
	margin-left:0xp;
}

a:hover.navOrange {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #ec7d3c;
	font-style:italic;
	text-decoration: none;

}
a:visited.navOrange {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #ec7d3c;
	font-style:normal;
	text-decoration: none;
}



#nav td.navPink {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	background: transparent url(../images/nav_pink.jpg) top no-repeat;
}

a:link.navPink {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	text-decoration: none;
	margin-left:0xp;
}

a:hover.navPink {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	font-style:italic;
	text-decoration: none;

}
a:visited.navPink {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	font-style:normal;
	text-decoration: none;
}



#nav td.navPurple {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	background: transparent url(../images/nav_pink.jpg) top no-repeat;
}

a:link.navPurple {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	text-decoration: none;
	margin-left:0xp;
}

a:hover.navPurple {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	font-style:italic;
	text-decoration: none;

}
a:visited.navPurple {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	font-style:normal;
	text-decoration: none;
}



#nav td.navPurple {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #5e539e;
	background: transparent url(../images/nav_purple.jpg) top no-repeat;
}

a:link.navPurple {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #5e539e;
	text-decoration: none;
	margin-left:0xp;
}

a:hover.navPurple {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #5e539e;
	font-style:italic;
	text-decoration: none;

}
a:visited.navPurple {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #5e539e;
	font-style:normal;
	text-decoration: none;
}

#nav td.navGreen {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #5e539e;
	background: transparent url(../images/nav_green.jpg) top no-repeat;
}

a:link.navGreen {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #5e539e;
	text-decoration: none;
	margin-left:0xp;
}

a:hover.navGreen {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #5e539e;
	font-style:italic;
	text-decoration: none;

}
a:visited.navGreen {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #5e539e;
	font-style:normal;
	text-decoration: none;
}



#nav td.navGreen {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	background: transparent url(../images/nav_green.jpg) top no-repeat;
}

a:link.navGreen {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	text-decoration: none;
	margin-left:0xp;
}

a:hover.navGreen {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	font-style:italic;
	text-decoration: none;

}
a:visited.navGreen {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b4cb40;
	font-style:normal;
	text-decoration: none;
}


#nav td.navBottom {
	height: 32px;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	background: transparent url(../images/nav_green_bottom.jpg) top no-repeat;
}

a:link.navBottom {
	height: 32px;
	margin: 0 auto;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	text-decoration: none;
	margin-left:0xp;
}

a:hover.navBottom {	
	height: 32px;
	margin-left:0xp;	
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	font-style:italic;
	text-decoration: none;

}
a:visited.navBottom {	
	height: 32px;
	margin: 0;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #d94688;
	font-style:normal;
	text-decoration: none;
}


/***********************************************************/
/*
/* set text styles
/*
/***********************************************************/

/* purple subheader */
h1 {
	font-size: 22px;
	font-weight: bold;
	color: #5e539e;
	text-align: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2px;
	padding: 0;
}

h1.green {
	color: #b4cb40;
	}

h6.green {
	color: #b4cb40;
	font-size: 11px;	
	}

h2.orange {
	font-size: 18px;
	font-weight: normal;
	color: #ec7d3c;	
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2px;
	padding: 0;
}

h1.orange {
	color: #ec7d3c;
	
}
h6.orange {
	color: #ec7d3c;
	font-size: 11px;	
	
}

h1.purple {
		color: #5e539e;
}
h6.purple {
		color: #5e539e;
	font-size: 11px;	
		
}

/* pink subheader */
h2.pink {
	font-size: 18px;
	font-weight: normal;
	color: #d94688;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2px;
	padding: 0;
}

h1.pink {
	color: #d94688;		
}
h6.pink {
	color: #d94688;		
	font-size: 11px;	
	
}

h1.blue {
		color: #3a8dcd;
}

h6.blue {
		color: #3a8dcd;
	font-size: 11px;	
		
}

/***********************************************************/
/*
/* set right column div styles
/*
/***********************************************************/

#hoursOfOperation {
	width: 225px;
	height: auto;
	margin: 0 auto;
	padding: 6px;
	text-align: center;
	border: 1px solid #ccc;
}
#hoursOfOperation table {
	width: 160px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
#hoursOfOperation td.days {
	font-weight: bold;
	text-align: left;
}
#hoursOfOperation td.hours {
	font-weight: normal;
	text-align: left;
}
/*** calendar styles ***/
#daysOfWeek table {
	width: 245px;
	height: auto;
	margin: 0 auto;
	padding: 3px;
	border: 0;
	color: #4d4d4d;
}
#calendar {
	width: 250px;
}
#calendar table {
	width: 245px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #ccc;
	color: #4d4d4d;
}
#calendar td.border {
	width: 35px;
	height: 35px;
	font-size: 9px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}
#calendar td.noRightBorder {
	width: 35px;
	height: 35px;
	font-size: 9px;
	margin-left: 4px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}
#calendar td.noRightBottomBorder {
	width: 35px;
	height: 35px;
	font-size: 9px;
	text-align: left;
	vertical-align: top;
}
#calendar td.noBottomBorder {
	width: 35px;
	height: 35px;
	font-size: 9px;
	border-right: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}
.highlightedDate {
	background-color: #b4cb40;
	display: block;
}
/*** ad styles ***/

#ad {
	width: 200px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	border: 0;
}
#divider {
	width: 250px;
}