/* ==================================================
    Reset.css (based on 960GS with few modifications
   ==================================================
*/
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;
}
:focus
{
	outline: #666 dotted 1px;	/* was 0 */
}
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}


/* ============================
	Text.css (based on 960GS) 
   ============================
*/
body
{
	font: 13px/1.5 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus
{
	outline: 1px dotted invert;
}

hr
{
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1
{
	font-size: 25px;
	margin-bottom: 2px;
}

h2
{
	font-size: 23px;
	margin-bottom: 2px;
}

h3
{
	font-size: 21px;
	margin-bottom: 2px;
}

h4
{
	font-size: 19px;
	margin-bottom: 2px;
}

h5
{
	font-size: 17px;
	margin-bottom: 2px;
}

h6
{
	font-size: 15px;
	margin-bottom: 2px;
}

ol
{
	list-style: decimal;
	margin-left: 20px;
	padding-left: 20px;
	
	margin-bottom: 20px;
}
	ol ol
	{
		margin-bottom: 0px;
	}

ul
{
	list-style: square;
	margin-left: 20px;
	padding-left: 20px;
	
	margin-bottom: 20px;
}
	ul ul
	{
		margin-bottom: 0px;
	}

dl
{
	list-style: square;
	margin-left: 20px;
	padding-left: 20px;
	
	margin-bottom: 20px;
}
	dl dl
	{
		margin-bottom: 0px;
	}	
	dl dt
	{
		font-weight: bold;
	}
	dl dd
	{
		margin-left: 20px;
	}
	
	

li
{
	/* margin-left: 30px; */
}

p, dl, hr, pre, table, address, fieldset
{
	margin-bottom: 20px;
}

blockquote
{
	margin: 0px 30px 20px 30px;
}


/* ========================
	960GS (http://960.gs/)
   ========================
*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/* =========================
     YMCA style sheet 
   =========================
*/
body
{
	
}

#Body
{
	/* Hack to prevent FCK Editor from inheriting background color */
	background: #333;
}

#skipme, #maincontentbk
{
	display: none;
}

#mainWrapper
{
}

#header
{
	width: 940px;
	height: 172px;
	margin-bottom: 6px;	
}
	#header h1,
	#header h2
	{
		display: none;
	}

#nav
{
	/* Defined separately */
}

#contentWrapper
{
	background: #fff;
	text-align: justify !important;
}
	#contentWrapper a
	{
		text-decoration: underline;
	}
	#contentWrapper a:link
	{
		color: #0000ff;
	}
	#contentWrapper a:visited
	{
		color: #800080;
	}
	#contentWrapper a:hover
	{
		color: #EF3E42;
	}
	#contentWrapper a:active
	{
		color: #990000;
	}

	#contentWrapper.banana-split
	{
		background: #fff url(images/banana-split.png) repeat-y top left;
	}

#content
{
}

/* Even columns (AKA banana split layout): columnA and columnB */
#columnA, #columnB
{
}

#sidebar
{
		text-align: left;
}

#footer
{
	background: #000 url(images/footer-bg.gif) no-repeat bottom left;
	margin-bottom: 20px;
	/*
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;	
	*/
	padding: 20px 0px;
	color: #999;
}
	#footer span.SkinObject
	{
		color: #999;
	}
	
	#footer a,
	#footer a:link,
	#footer a:visited
	{
		text-decoration: underline;
		color: #999;
	}
	#footer a:hover
	{
		text-decoration: underline;
		color: #ccc;
	}

	#footer hr
	{
		border-top: solid 1px #333;
		border-bottom: solid 1px #666;
		width: 900px;
	}
	
	#footer .branch
	{
		width: 200px;
		margin: 0px auto;
	}
		#footer .branch h4
		{
			font-size: 16px;
			color: #ccc;
		}
		#footer .branch address
		{
			font-style: normal;
		}
	
	#footer div.partner-links
	{
		width: 600px;
		margin: 0px auto;
	}
	#footer div.partner
	{
		text-align: center;
		width: 160px;
		float: left;
		margin-right: 20px;
	}
		#footer div.partner a
		{
			text-decoration: none;
		}

		/* YMCA Logo in Footer */
		#footer div.partner a.ymca,
		#footer div.partner a:link.ymca,
		#footer div.partner a:visited.ymca
		{
			display: block;
			width: 40px;
			height: 60px;
			text-indent: -9000px;
			overflow: hidden;
			background: url(images/logos/ymca-sprt.gif) no-repeat 0px 0px;
			margin: 0px auto;
		}
		#footer div.partner a:hover.ymca
		{
			background-position: 0px -62px;
		}
		
		/* United Way Logo in Footer */
		#footer div.partner a.unitedway,
		#footer div.partner a:link.unitedway,
		#footer div.partner a:visited.unitedway
		{
			display: block;
			width: 97px;
			height: 60px;
			text-indent: -9000px;
			overflow: hidden;
			background: url(images/logos/unitedway-sprt.gif) no-repeat 0px 0px;
			margin: 0px auto;
		}
		#footer div.partner a:hover.unitedway
		{
			background-position: 0px -62px;
		}

		/* Community Foundation Logo in Footer */
		#footer div.partner a.tcf,
		#footer div.partner a:link.tcf,
		#footer div.partner a:visited.tcf
		{
			display: block;
			width: 124px;
			height: 60px;
			text-indent: -9000px;
			overflow: hidden;
			background: url(images/logos/tcf-sprt.gif) no-repeat 0px 0px;
			margin: 0px auto;
		}
		#footer div.partner a:hover.tcf
		{
			background-position: 0px -62px;
		}
		
	#footer div.bottom-info
	{
		margin-top: 20px;
		padding: 0px 10px 0px 10px;
		text-align: center;
	}

	#footer .copyright,
	#footer .terms,
	#footer .login
	{
		display: inline;
		padding: 0px 20px;
		border-right: solid 1px #333;
	}
	#footer .login
	{
		border: none;
	}
	
	#footer .trademarks
	{
		display: block;
		text-align: center;
		font-size: 11px;
		color: #666;
		margin-top: 20px;
	}
		
	#footer .credits
	{
		display: block;
		text-align: center;
		font-size: 11px;
		margin-top: 20px;
	}
		#footer .credits a
		{
			padding: 0px 10px;
			border-left: solid 1px #333;
			border-right: solid 1px #333;
		}

/*************** CONTAINERS ****************/
/*	HTML structure of containers is the same. The only different is the CSS 
	There can be different flavors, but the standard container is preferred 
	for consistency. This helps prevent unintended use of a container in
	other content panes.
*/

/*************** Main Content ***************/
/*
	<div id="content">
		<div class="container-box">
			<h3 class="gradred-title">Lorem Ipsum</h3>
			<div class="container-box-body">
			</div>
		</div>
	</div>
*/
#content div.container-box
{
	padding: 0px 14px;
}
	#content div.container-box h1.title
	{
		background-color: inherit;
		background-image: none;
		font-family: Times New Roman, Serif;
		font-size: 25px;
		line-height: 40px;
		font-weight: bold;
		color: #EF3E42;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	#content div.container-box div.container-box-body
	{
	}

/*************** Branch Hours (Footer Only) ***************/
#footer div.container-box
{
	padding: 0px;
	margin: 0px;
}
	#footer div.container-box h1.title
	{
		display: none;
	}
	
	#content div.container-box div.container-box-body
	{
		padding: 0px;
		margin: 0px;
	}

/*************** Side Bar (Right) ***************/
/*
	<div id="sidebar">
		<div class="container-box">
			<h3 class="title">Lorem Ipsum</h3>
			<div class="container-box-body">
			</div>
		</div>
	</div>
*/
#sidebar div.container-box
{
}
	#sidebar div.container-box h1.title
	{
		background: url(images/gradred-title-bg.png) no-repeat top left;
		font-family: 'DejaVu Sans', Arial, Helvetica, Sans-Serif;
		font-size: 20px;
		line-height: 40px;
		font-weight: normal;
		height: 40px;
	}
	
	#sidebar div.container-box div.container-box-body
	{
		padding-right: 14px;
	}

/*************** Side Bar (Left) ***************/
/*
	<div id="leftsidebar">
		<div class="container-box">
			<h3 class="title">Lorem Ipsum</h3>
			<div class="container-box-body">
			</div>
		</div>
	</div>
*/
#leftsidebar div.container-box
{
}
	#leftsidebar div.container-box h1.title
	{
		background: url(images/gradred-title-bg-left.png) no-repeat top right;
		font-family: 'DejaVu Sans', Arial, Helvetica, Sans-Serif;
		font-size: 20px;
		line-height: 40px;
		font-weight: normal;
		height: 40px;
	}
	
	#leftsidebar div.container-box div.container-box-body
	{
		padding-left: 14px;
	}
	
/*************** Even Columns: columnA and columnB ***************/
/*
	<div id="columnA">
		<div class="container-box">
			<h3 class="gradred-title">Lorem Ipsum</h3>
			<div class="container-box-body">
			</div>
		</div>
	</div>
*/
#columnA div.container-box,
#columnB div.container-box
{
	padding: 0px 14px;
}
	#columnA div.container-box h1.title,
	#columnB div.container-box h1.title
	{
		background-color: inherit;
		background-image: none;
		font-family: Times New Roman, Serif;
		font-size: 25px;
		line-height: 40px;
		font-weight: bold;
		color: #EF3E42;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	#columnA div.container-box div.container-box-body,
	#columnB div.container-box div.container-box-body
	{
	}

	
/*************** Titleless Container ***************/
/*	This container can be placed in any content pane 
<div class="container-box-notitle">
	<div class="container-box-body">
	</div>
</div>
*/

div.container-box-notitle
{
	padding-bottom: 10px;
	border-bottom: solid 1px #EF3E42;
}
	div.container-box-notitle.formatless
	{
		border: none;
	}
#content div.container-box-notitle,
#columnA div.container-box-notitle,
#columnB div.container-box-notitle
{
	margin: 14px 14px 20px 14px;
}
#sidebar div.container-box-notitle
{
	margin: 14px 14px 20px 0px;
}
#leftsidebar div.container-box-notitle
{
	margin: 14px 0px 20px 14px;
}
	#sidebar div.container-box-notitle div.container-box-body
	{
	}
	#leftsidebar div.container-box-notitle div.container-box-body
	{
	}
	#content div.container-box-notitle div.container-box-body
	{
	}
	#columnA div.container-box-notitle div.container-box-body,
	#columnB div.container-box-notitle div.container-box-body
	{
	}
/* Style for titleless container if applied to footer */
#footer div.container-box-notitle
{
	padding: 0px;
	margin: 0px;
	border: none;
}


/* ====================================
    CSS STYLES FOR NAVIGATION WOO-HOO!
   ====================================
*/

/* Structural/Behavioral */
#nav
{
	/* border: solid 1px red; */
	
	/*	Fixes IE z-index bug: 
		http://www.brenelz.com/blog/2009/02/03/squish-the-internet-explorer-z-index-bug/ 
	*/
	z-index: 10;
}
	#nav li
	{
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		
		/* border: solid 1px yellow; */
	}

		#nav li li
		{
			float: none;
		}

		#nav li
		{
			position: relative;
		}

	#nav ul ul
	{
		position: absolute;
		top: auto;
		left: 0;
		z-index: 1000;
	}

div#nav ul ul,
div#nav ul li:hover ul
{
	display: none;
}

div#nav ul li:hover ul
{
	display: block;
}	

/* Presentational */
#nav
{
	width: 940px;
	height: 30px;
	
	background: #000;
	padding: 1px 0px;
}
	#nav li		/* Top level */
	{
		width: auto;
		margin: 0px 0px;	/* Spacing between top-level menu items */
		padding: 0px;
		cursor: pointer;
		cursor: hand;
	}
		#nav li li		/* Second level */
		{
			width: 12em;
			margin: 0px;
		}
	

	#nav ul		/* Top Level */
	{
		/* If menu needs to be centered, 
		change width to a fixed unit and set 
		left and right margins to auto */
		width: 100%;
		margin: 0px;	
		padding: 0px;		
	}
	
		#nav ul ul	/* Second level */
		{
			padding: 0px;
			border: solid 1px black;
			border-top: solid 1px #000;
			width: auto;
			background: #000;
			
			/* Override positioning */
			left: -3.8em;
		}

	#nav li a,			/* Top level */
	#nav li a:link,
	#nav li a:visited
	{
		display: block;
		margin: 0;
		padding: 0px 7px;	/* Padding inside of links */
		font: bold 12px/30px arial, helvetica, sans-serif;
		color: #c0c0c0;
		text-decoration: none;

		border-left: solid 1px #666;
	}
		
	#nav ul li a:hover
	{
		background: #c0c0c0;
		color: #000;
		
	}
		
		/* Second level */
		#nav ul li ul
		{
			background: url(images/submenubg.png); /* background: yellow url(submenubg.png); */

			border-top: solid 2px #666;
			border-right: solid 1px #000;
			border-bottom: solid 1px #000;
			border-left: solid 1px #000;
			-moz-border-radius: 0px 0px 8px 8px;
			-webkit-border-bottom-right-radius: 8px;
			-webkit-border-bottom-left-radius: 8px;
			padding: 0px 0px 5px 0px;
		}
		#nav ul li ul li
		{
		}
		#nav ul li ul li a,	
		#nav ul li ul li a:link,
		#nav ul li ul li a:visited
		{
			padding: 3px;
			line-height: 20px;
			
			border-left: none;	/* Reset left border for child menus */			
		}
			#nav ul li ul li a img
			{
				float: left;
				width: 12px;
				height: 12px;
			}
			#nav ul li ul li a:hover
			{
				background-color: #666; 
				color: #e5e5e5;
			}

	#nav ul ul
	{
		
	}

/********** Main Navigation **********/
ul li#ymcaNavHItemHome a,
ul li#ymcaNavHItemHome a:link,
ul li#ymcaNavHItemHome a:visited
{
	border-left: none;	/* Reset left border for home link */
	margin-left: 3px;
}
	ul li#ymcaNavHItemHome ul li a,
	ul li#ymcaNavHItemHome ul li a:link,
	ul li#ymcaNavHItemHome ul li a:visited
	{
		margin-left: 0px;
	}
	
#ymcaNavH
{
	/* border: solid 1px green; */
	clear: both;
}

#ymcaNavHCurrentItem
{
}
	/* Selector has higher specificity and matches: 
		<li id="ymcaNavHCurrentItem"><a id="ymcaNavHCurrentLink" href="#nogo">Text</a></li> */
	/* Spans all levels of current link */
	li#ymcaNavHCurrentItem a#ymcaNavHCurrentLink
	{
		font-weight: bold;
		color: #EF3E42;
	}
	li#ymcaNavHCurrentItem a:hover#ymcaNavHCurrentLink
	{
		background: #c0c0c0;
		color: #333;
	}

	/* Second level hover */
	#ymcaNavH li li a:hover#ymcaNavHCurrentLink
	{
		background-color: #eee;
		color: #000;
	}


/********** Admin/Host Navigation **********/
ul#adminNavH, ul#adminNavH ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul#adminNavH
{
	width: 100%;
	float: left;
	padding-bottom: 20px;
}
	ul:hover#adminNavH
	{
		background: #ddd;
	}
	ul#adminNavH li		/* First Level */
	{
		float: left;
		width: 110px;
		margin-bottom: 10px;
	}
		ul#adminNavH li a,
		ul#adminNavH li a:link,
		ul#adminNavH li a:visited
		{
			display: block;
			font-size: 20px;
			font-weight: bold;
			text-decoration: none;
			color: #000;
		}
	ul#adminNavH li li		/* Second Level */
	{
		margin-bottom: 0px;
		float: none;
		width: auto;
	}
		ul#adminNavH li li a img
		{
			height: 16px;
			width: 16px;
			vertical-align: middle;
			margin-right: 3px;
		}
		ul#adminNavH li li a,
		ul#adminNavH li li a:link,
		ul#adminNavH li li a:visited
		{
			display: block;
			font-size: 11px;
			font-weight: normal;
			text-decoration: none;
			padding: 4px 0px 4px 4px;
			color: #00f;
		}
		ul#adminNavH li li a:hover
		{
			background: #666;
			color: #fff;
		}
		
/* Display admin and host menus when navigation is hovered over */
/* Very nice effect, but not using it for now... 
	ul#adminNavH ul
	{
		display: none;
	}
	ul:hover#adminNavH ul
	{
		display: block;
	}
*/

#adminNavHCurrentItem
{
}
	/* Selector has higher specificity and matches: 
		<li id="adminNavHCurrentItem"><a id="adminNavHCurrentLink" href="#nogo">Text</a></li> */
	/* Spans all levels of current link */
	li#adminNavHCurrentItem a#adminNavHCurrentLink,
	li#adminNavHCurrentItem a:link#adminNavHCurrentLink,
	li#adminNavHCurrentItem a:visited#adminNavHCurrentLink
	{
		font-weight: bold;
		background: url(images/gradred-title-bg.png);
		color: #000;
	}
	li#adminNavHCurrentItem a:hover#adminNavHCurrentLink
	{
		background: #c0c0c0;
		color: #333;
	}

	/* Second level hover */
	#adminNavH li li a:hover#adminNavHCurrentLink
	{
		background-color: #666;
		color: #000;
	}



/* ====================================
    DotNetNuke Specific CSS
   ====================================
*/
	
/* styles used by Data Grids */
.DataGrid_Container
{
	background-color: transparent;
}
.DataGrid_Footer
{
	background-color: transparent;
}
tr.DataGrid_Header
{
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
	tr.DataGrid_Header td
	{
		background-color: #333;
		color: #e5e5e5;
		border: solid 1px #ccc;
		padding: 0px;
	}
		table tr.DataGrid_Header td a,
		table tr.DataGrid_Header td a:link,
		table tr.DataGrid_Header td a:visited
		{
			display: block;
			text-decoration: underline;
			color: #fff !important;
			padding: 4px;
			border: solid 1px #333;
		}
		tr.DataGrid_Header a:hover
		{
			background: #666;
			color: #000;
			border: solid 1px #999;
			padding: 4px;
		}
tr.DataGrid_Item
{
	font-family: inherit;
	font-size: 13px;
	font-weight: normal;
}
	tr.DataGrid_Item td
	{
		background-color: #fff;
		color: #000;
	}

tr.DataGrid_AlternatingItem
{
	font-family: inherit;
	font-size: 13px;
	font-weight: inherit;
}
	tr.DataGrid_AlternatingItem
	{
		background-color: #eee;
		color: #000;
	}

tr.DataGrid_Item td,
tr.DataGrid_AlternatingItem td
{
   text-align: left;
   padding: 4px;
   border: solid 1px #ccc;
}

tr.DataGrid_Item td p,
tr.DataGrid_AlternatingItem td p
{
   margin: 3px 0px;
}

tr.DataGrid_SelectedItem
{
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
}
	tr.DataGrid_SelectedItem td
	{
		background-color: #ccc;
		color: #00f;
	}

tr.DataGrid_Header td:first-child,
tr.DataGrid_Item td:first-child,
tr.DataGrid_AlternatingItem td:first-child,
tr.DataGrid_SelectedItem td:first-child
{
	background: #fff;
	border: solid 1px #fff;
	border-right: #ccc;
	padding: 0px;
}

tr:hover.DataGrid_Item td,
tr:hover.DataGrid_AlternatingItem td,
tr:hover.DataGrid_SelectedItem td
{
	background: #d1dbdf;
}
	tr:hover.DataGrid_Item td:first-child,
	tr:hover.DataGrid_AlternatingItem td:first-child,
	tr:hover.DataGrid_SelectedItem td:first-child
	{
		background: #b3bcbf;
	}


input.NormalTextBox,
textarea
{
   border: solid 1px #999;
   padding: 3px;
   font: inherit;
   font-size: 16px;
}
	input:focus.NormalTextBox,
	textarea:focus
	{
		outline: 0;
		background: #f0f0f0;
	}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.CommandButton:link,
a.CommandButton:visited,
a.CommandButton:active
{
	text-decoration: underline;
	color: #0000ff;
}

a.CommandButton:hover
{
	text-decoration: underline;
	color: #ff0000;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Verdana, sans-serif;
}


/* Documents Module */
div.DNN_Documents
{
}
	div.DNN_Documents table
	{
		
	}
		div.DNN_Documents table tr.SubHead
		{
			
		}
			div.DNN_Documents table tr td
			{
				padding: 4px;
				border: solid 1px #ccc;
			}
			div.DNN_Documents table tr.SubHead td
			{
				background-color: #333;
				color: #e5e5e5;
				font-weight: bold;
				padding: 0px;
			}
				div.DNN_Documents table tr.SubHead td a,
				div.DNN_Documents table tr.SubHead td a:link,
				div.DNN_Documents table tr.SubHead td a:visited
				{
					display: block;
					text-decoration: underline;
					color: #fff !important;
					padding: 4px;
					border: solid 1px #333;
				}
				div.DNN_Documents table tr.SubHead td a:hover
				{
					background: #666;
					color: #000;
					border: solid 1px #333;
					padding: 4px;
				}
			div.DNN_Documents table tr:hover
			{
				background: #eee;	/* #d1dbdf; */
			}
			div.DNN_Documents table tr:hover.SubHead
			{
				background: transparent;
			}
			div.DNN_Documents table tr td:first-child,
			div.DNN_Documents table tr.SubHead td:first-child
			{
				border: solid 1px #fff;
				border-right: solid 1px #ccc;
				background: transparent;
			}
			div.DNN_Documents table tr:hover td:first-child
			{
				background: #b3bcbf;
			}
			div.DNN_Documents table tr:hover.SubHead td:first-child
			{
				background: transparent;
			}