@import url("../../RCMS/Lib/App/rcmsApp.css");
@import url("../../RCMS/Lib/Extensions/calendar/css/calendar.css");
@import url("../../RCMS/Lib/Extensions/css/article.css");
@import url("../../RCMS/Lib/Extensions/css/object_list.css");
@import url("../../RCMS/Lib/Extensions/css/image_grid.css");
@import url("../../RCMS/Lib/Extensions/css/dialog.css");
@import url("result_list.css");
@import url("../../RCMS/Lib/Extensions/calendar/css/event.css");
@import url("tabber.css");
@import url("rss.css");

body {
	margin:0px;
	background-color: #E4E4CA;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	min-width: 1005px;
}

#sitemap_tss		{height:20px; background-image:url('images/sitemap/tss.gif'); background-repeat:repeat-x; padding-left:4px; width:100%;}
#sitemap_tss strong	{vertical-align:middle; line-height:20px; color:#000;}
#sitemap_ep			{height:20px; background-image:url('images/sitemap/ep.gif'); background-repeat:repeat-x; padding-left:4px; width:100%;}
#sitemap_ep strong	{vertical-align:middle; line-height:20px; color:#000;}
#sitemap_crc		{height:20px; background-image:url('images/sitemap/crc.gif'); background-repeat:repeat-x; padding-left:4px; width:100%;}
#sitemap_crc strong	{vertical-align:middle; line-height:20px; color:#000;}
#sitemap_gp			{height:20px; background-image:url('images/sitemap/gp.gif'); background-repeat:repeat-x; padding-left:4px; width:100%;}
#sitemap_gp strong	{vertical-align:middle; line-height:20px; color:#000;}
#sitemap_tlc		{height:20px; background-image:url('images/sitemap/tlc.gif'); background-repeat:repeat-x; padding-left:4px; width:100%;}
#sitemap_tlc strong	{vertical-align:middle; line-height:20px; color:#000;}
#sitemap_we			{height:20px; background-image:url('images/sitemap/we.gif'); background-repeat:repeat-x; padding-left:4px; width:100%;}
#sitemap_we strong	{vertical-align:middle; line-height:20px; color:#000;}
#sitemap_js			{height:20px; background-image:url('images/sitemap/js.gif'); background-repeat:repeat-x; padding-left:4px; width:100%;}
#sitemap_js strong	{vertical-align:middle; line-height:20px; color:#000;}

table.feedbackForm				{}
table.feedbackForm tr td		{padding:4px 0 4px 0;}
table.feedbackForm tr td label	{margin-right:4px;}

#wrapper {
	width: 1005px;
}

#header {
	width: 820px;
}

#headerLogo		{width:305px; height:45px; margin:20px 0px 20px 0px;}

#topLinks {
	margin:0px 10px 10px 0px;
	float: right;
	width:300px;
}
#topLinks a				{font-family:Arial,sans-serif; font-size:11px; font-weight:bold; color:#333434; text-decoration:none;}
#topLinks a:link			{color:#333434; text-decoration:none;}
#topLinks a:active		{color:#333434; text-decoration:none;}
#topLinks a:visited		{color:#333434; text-decoration:none;}
#topLinks a:hover		{color:#333434; text-decoration:underline;}

#tabs {
	width:820px;
	margin:0px;
	height:43px;
	float:right;
	clear:left;
}

.condensedColumn {}
.condensedColumn ul li {}

#content {
	width:820px;
	float:right;
	background-image: url(images/tableBG.png);
}


#programHeaderBlock			{width:820px; height:109px;}
#programHeader				{width:820px; height:109px;}
#programHeaderInfoCell		{height:70px; padding:0 10px 0 10px;}
#programHeaderInfo			{width:785px; height:60px; margin:7px 0 3px 0; overflow:hidden;}
#programHeaderInfo table 	{height:60px;}
#programHeaderInfo h1 		{font-family:Arial,Helvetica,sans-serif; font-size:18px; color:#000; margin:0 0 5px 0; line-height:18px;}
#programHeaderInfo p 		{font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; color:#000; margin:0 0 5px 0;}
#programHeaderInfo a		{color:#000;}
#programHeaderInfo a:link 	{color:#000;}
#programHeaderInfo a:active {color:#000;}
#programHeaderInfo a:visited {color:#000;}
#programHeaderInfo a:hover 	{color:#000; text-decoration:underline;}
#programHeaderContact			{margin:0px 0px 0px 20px;}

#programHeaderBlockHome		{width:820px; height:65px;}
#programHeaderHome			{width:820px; height:65px;}

#programHeaderNavCell		{height:39px; padding:0;}
#programHeaderNav			{margin-left:5px; width:815px; overflow:hidden;}

/* Milonic Menus */
.milonictable tr td {vertical-align:bottom;}
.programMenuOff				{line-height:14px; text-align:left;}
.programMenuOff a:hover		{text-decoration:none;}
.programMenuOn				{line-height:14px; text-align:left;}
.programMenuOn a:hover		{text-decoration:none;}

/* These are linked to the menus in the menu code
/* .mainMenu				{opacity:.50; -moz-opacity:.50;} */
.subMenuOn				{opacity:1; -moz-opacity:1;}
.subMenuOff				{opacity:.90; -moz-opacity:.90;}
.menuSubImage			{height:7px; margin:0 4px -4px 0;}

#subLinksCell	{}
#headerEditCell	{padding-left:10px;}

#mainContentCell {
	width: 540px;
}

#mainContent {
	width: 540px;
	float: left;
	text-align: left;
	font-size:12px;
	margin: 0px 0px 20px 25px;
}

#rSideBarCell {
	width: 241px;
}

#rSideBar {
	background-image: url(images/sideColBG.gif);
	width: 241px;
	float: right;
	text-align: left;
	font-size:12px;
	margin:20px 0px 10px 0px;
 	background-repeat: no-repeat;
}

#rSideBarContent {
	margin:10px 15px 0px 20px;
	font-size:11px;
	line-height:14px;
}

#rSideBarBottom {
	background-image: url(images/sideColBottom.gif);
	height: 28px;
	background-repeat: no-repeat;
}

#sectionContent {
	padding-top:20px;
	padding-bottom:40px;
}

.dirContainer				{}
.dirTitle					{margin:0px 10px 0px 0px; padding:0px 0px 4px 0px; border-bottom:1px solid #ccc;}
.dirTitle strong			{padding:6px 4px 4px 0px; font-size:14px; margin:0px; color:#222; line-height:18px;}
.dirTitle strong a			{color:#222;}
.dirTitle strong a:link		{color:#222;}
.dirTitle strong a:active	{color:#222;}
.dirTitle strong a:visited	{color:#222;}
.dirTitle strong a:hover	{color:#222; text-decoration:underline;}
.dirBody					{margin:10px 10px 15px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #ccc;}
.dirBody .indent2			{margin-left:15px;}
.dirBody .indent3			{margin-left:30px;}
.dirBody .indent4			{margin-left:45px;}
.dirItem					{margin:0px 0px 5px 0px; font-size:11px; font-weight:normal;}
.dirItem a					{color:#444; font-size:11px;}
.dirItem a:link 			{color:#444; font-size:11px;}
.dirItem a:active 			{color:#444; font-size:11px;}
.dirItem a:visited 			{color:#444; font-size:11px;}
.dirItem a:hover 			{color:#000; font-size:11px; text-decoration:underline;}
.dirItem strong				{color:#000; font-weight:bold;}
.dirItemChild				{margin-left:15px;}

#calSearchForm				{}
#calSearchForm table		{margin-bottom:5px; padding-bottom:5px;}
#calSearchForm table td		{padding:0px;}
#calSearchForm label		{font-size:11px; font-weight:bold;}
#calSearchForm input		{font-size:11px;}
#calSearchList				{margin-top:5px;}
#calSearchList label		{display:block; margin-bottom:5px;}
#calSearchList table td		{padding-right:3px;}
#calSearchListCell			{padding-top:5px;}

#editLinks	{margin-right:10px; margin-bottom:10px; font-size:10px;}

#sideBarLogo	{margin:10px 0px 20px 0px;}
#sideBarHdr		{border-bottom:0px solid #999; padding:0px 5px 0px 2px; margin-bottom:3px;}
#sideBarHdr h2	{font-family:Arial,san-serif; font-size:14px; line-height:18px; margin-bottom:0px; text-indent:2px;}

#sideNavBar {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 11px;
	margin: 0px 0px 5px 0;
	text-align: left;
	float: left;
}
#sideNavBar ul {
	margin:0px 5px 6px 0;
	padding:0;
	list-style:none;
	width:180px;
}
#sideNavBar ul li {
	height: 24px;
	width: 180px;
	margin: 0 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:24px;
	border-bottom:1px solid #aaa;
}
#sideNavBar li strong {
	height: 24px;
	display: block;
	background-color:#FFF;
	color: #000;
	text-indent: 2px;
}
#sideNavBar li a {
	display: block;
	text-decoration: none;
	color: #000;
	text-indent:2px;
	height: 24px;
}
#sideNavBar li a:hover {
	background-color:#FFF;
	color: #000;
	text-decoration: none;
}

#sideNavSearch	{margin:20px 0px 10px 0px; font-weight:normal; font-size:11px;}
#sideNavSearch label {font-weight:bold; margin-left:2px;}
#searchQ		{width:175px; padding:3px; margin-bottom:3px;}
#searchBtn		{}

#summerYouthSrchForm	{margin-bottom:10px;}

#sideBarContent	{
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	font-family:Arial,Helvetica,sans-serif;
	margin:20px 7px 10px 2px;
}

#sideBarContent p {
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	font-family:Arial,Helvetica,sans-serif;
}

.clear {
	clear: both;
}

#footer {
	background-image:url(images/tableBottom.png);
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
	height: 29px;
	width: 820px;
	text-align:left;
	font-size:10px;
}
	
#footer a:link {
	color: #333;
	text-decoration: none;
}
		
#footer a:hover {
	color: #333;
	text-decoration: underline;
}
	
#footerRight {	
	height: 12px;
	width: 200px;
	margin: 6px 15px 0 0;
	text-align: right;
	float: right;
}

#footerLeft {	
	height: 12px;
	width: 560px;
	margin: 6px 0 0 10px;
	text-align:left;
	float: left;
	}

#copyright {
	float: right;
	width: 820px;
	text-align:center;
	background-image: url(images/tableBG.png);
	font-size:11px;
	color:#666;
	padding:10px 0px 0px 0px;
	line-height:18px;
}

#footerLinks {
	float: right;
	width: 820px;
	text-align:center;
	background-image: url(images/tableBG.png);
	font-size:11px;
	color:#666;
	padding:0px 0px 6px 0px;
}
.footer					{line-height:18px;}

#footerCredits {
	height: 29px;
	text-align:right;
	font-size:10px;
	color:#666;
	padding:0 15px 0 0px;
	margin:0;
	clear:both;
}
#footerCredits a 			{color:#666; text-decoration: none;}
#footerCredits a:link 		{color:#666; text-decoration: none;}
#footerCredits a:active 	{color:#666; text-decoration: none;}
#footerCredits a:visited 	{color:#666; text-decoration: none;}
#footerCredits a:hover 		{color:#666; text-decoration: underline;}

/* Forms */
select					{font-family:Verdana,Arial,sans-serif; color:#000000; font-size:11px;}
input					{font-family:Verdana,Arial,sans-serif; color:#000000; font-size:11px;}
textarea				{font-family:Verdana,Arial,sans-serif; color:#000000; font-size:11px;}
form					{margin:0px;}

.formTitle 					{font-family:Verdana,Arial,sans-serif; font-size:12px; font-weight:bold; color:#ffffcc;}
.formTitleInfo 				{font-family:Verdana,Arial,sans-serif; font-size:11px; color:#ffffcc;}
a.formTitleInfo				{font-family:Verdana,Arial,sans-serif; color:#f68f00; font-size:11px;}
a.formTitleInfo:link 		{font-family:Verdana,Arial,sans-serif; color:#f68f00; text-decoration:underline;}
a.formTitleInfo:active 		{font-family:Verdana,Arial,sans-serif; color:#f68f00; text-decoration:underline;}
a.formTitleInfo:visited 	{font-family:Verdana,Arial,sans-serif; color:#f68f00; text-decoration:underline;}
a.formTitleInfo:hover 		{font-family:Verdana,Arial,sans-serif; color:#ffffcc; text-decoration:underline;}
.formLabel 					{font-family:Verdana,Arial,sans-serif; font-size:11px; font-weight:bold; color:#000000;}

/* Title of mail messages sent via RCMSExtensions/includes/SendMail.cfm - defined here to display in site as well */
.mailTitle				{font-family:Verdana,Arial,sans-serif; font-size:13px; color:#003366; font-weight:bold;}

/*
header
*/
td.headerCell			{background-color:#AFC1D6; border-left:1px solid #253C56; border-right:1px solid #8A867A; height:60px; padding-top:8px; background-image:url('images/bg_header.gif'); background-repeat:repeat-x;}

.header					{font-family:Arial,sans-serif; font-size:135%; color:#333434; font-weight:bold; font-style:italic; margin:0px 0px 10px 10px;}
.header a				{font-family:Arial,sans-serif; font-size:135%; color:#333434; font-weight:bold; font-style:italic; text-decoration:none;}
.header a:link			{font-family:Arial,sans-serif; font-size:135%; color:#333434; font-weight:bold; font-style:italic; text-decoration:none;}
.header a:active		{font-family:Arial,sans-serif; font-size:135%; color:#333434; font-weight:bold; font-style:italic; text-decoration:none;}
.header a:visited		{font-family:Arial,sans-serif; font-size:135%; color:#333434; font-weight:bold; font-style:italic; text-decoration:none;}
.header a:hover			{font-family:Arial,sans-serif; font-size:135%; color:#333434; font-weight:bold; font-style:italic; text-decoration:underline;}

.loginStatus 			{font-family:Verdana,Arial,sans-serif; font-size:11px; color:#333; font-weight:normal; float:right; margin:0px 20px;}
.loginStatus label		{font-family:Verdana,Arial,sans-serif; font-weight:bold; margin-right:2px;}
.loginStatus a			{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333; text-decoration:none;}
.loginStatus a:link		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333; text-decoration:none;}
.loginStatus a:active	{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333; text-decoration:none;}
.loginStatus a:visited	{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333; text-decoration:none;}
.loginStatus a:hover	{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000; text-decoration:underline;}

td.menuBar				{background-color:#708CAC; border-bottom:1px solid #253C56; border-left:1px solid #253C56; border-top:1px solid #253C56; border-right:1px solid #8A867A; padding:0px;}
td.progMenuBar			{background-color:#3f648e;}

td.content				{background-color:#FFFFFF; padding:0px; border-right:1px solid #8A867A; border-left:1px solid #8A867A;}
table.contentArea		{}
td.contentArea			{padding:20px;}

td.footerCell			{background-color:#FFFFFF; vertical-align:bottom; padding:10px 0px 30px 0px; border-right:1px solid #8A867A; border-bottom:1px solid #8A867A; border-left:1px solid #8A867A;}

.sectionLink			{font-family:Arial,sans-serif; font-size:11px; margin:5px 0px 10px 10px; width:100%;}
.sectionLink label		{font-weight:bold; margin-right:4px;}

.pathInfo 				{font-family:Verdana,Arial,sans-serif; font-size:10px; clear:left; margin:0px 10px 10px 10px;}
.pathInfo a 			{font-family:Verdana,Arial,sans-serif; font-size:10px;}
.pathInfo a:link 		{font-family:Verdana,Arial,sans-serif; font-size:10px;}
.pathInfo a:active 		{font-family:Verdana,Arial,sans-serif; font-size:10px;}
.pathInfo a:visited 	{font-family:Verdana,Arial,sans-serif; font-size:10px;}
.pathInfo a:hover 		{font-family:Verdana,Arial,sans-serif; font-size:10px; color:#1F2C3C; text-decoration:underline;}

.siteMap1 				{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; line-height:16px; margin:5px 0px 0px 0px;}
.siteMap1 a 			{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; text-decoration: none; padding-left:5px;}
.siteMap1 a:link 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; text-decoration: none;}
.siteMap1 a:active 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; text-decoration: none;}
.siteMap1 a:visited 	{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; text-decoration: none;}
.siteMap1 a:hover 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; text-decoration: underline;}	

.siteMap2 				{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; line-height:16px; margin:5px 0px 0px 20px;}
.siteMap2 a 			{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; text-decoration: none; padding-left:5px;}
.siteMap2 a:link 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; text-decoration: none;}
.siteMap2 a:active 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; text-decoration: none;}
.siteMap2 a:visited 	{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#333333; text-decoration: none;}
.siteMap2 a:hover 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; text-decoration: underline;}	

.siteMap3 				{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666666; line-height:16px; margin:0px 0px 0px 35px;}
.siteMap3 a 			{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666666; text-decoration: none; padding-left:5px;}
.siteMap3 a:link 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666666; text-decoration: none;}
.siteMap3 a:active 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666666; text-decoration: none;}
.siteMap3 a:visited 	{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666666; text-decoration: none;}
.siteMap3 a:hover 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; text-decoration: underline;}	

.siteMap4 				{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#888888; line-height:16px; margin:0px 0px 0px 50px;}
.siteMap4 a 			{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#888888; text-decoration: none; padding-left:5px;}
.siteMap4 a:link 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#888888; text-decoration: none;}
.siteMap4 a:active 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#888888; text-decoration: none;}
.siteMap4 a:visited 	{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#888888; text-decoration: none;}
.siteMap4 a:hover 		{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; text-decoration: underline;}	

.goBack							{font-size:12px; margin-bottom:10px;}
.goBack a 						{}
.goBack a:link 					{}
.goBack a:active 				{}
.goBack a:visited 				{}
.goBack a:hover 				{}

.fileDate						{display:none; font-size:10px; color:#555555; margin:0px;}
.fileSize						{font-size:10px; color:#555555; margin:0px;}

/* Form Box - used in downloads for the DisplayFileCollection.cfm extension */
table.formBox			{padding:0px; border-spacing:0px; border:solid 1px #a4abc1; background-color:#f5f5f5;}
td.formBoxTitle			{font-family:Verdana,Arial,sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold; background-image:url('images/box1_title.gif'); height:20px; padding:0px 5px 0px 5px;}
td.formBoxBody			{font-family:Verdana,Arial,sans-serif; color:#000000; font-size:11px; background-image:url('images/box1_body.gif'); padding:4px;}

/*
Generic list in a table format with alternating row colors - used in DisplayFileCollection.cfm extension
*/
table.listTable			{}
tr.listTableHead		{background-color:#ccc;}
th.listHeadLeft			{border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
th.listHead				{border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
th.listHeadRight		{border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
tr.listRow				{background-color:#efefef;}
tr.listRowAlt			{background-color:#dedede;}
td.listRow				{font-family:Verdana,Arial,sans-serif; font-size:11px; color:#333333;}
td.listRowAlt			{font-family:Verdana,Arial,sans-serif; font-size:11px; color:#333333;}
.listHead				{font-family:Verdana,Arial,sans-serif; font-size:11px; font-weight:bold; color:#333333;}


.resultReadMore	{display:inline;}
.eventRecord label {display:none;}
.eventWhere label {display:block;}
.runInfo label {display:block;}

.eventRecord .eventNotes label	{display:block; margin-bottom:10px; font-weight:bold;}
.eventRecord .eventStatus label {display:inline; font-weight:bold;}

.articleTitle					{font-family:Times New Roman,Times,serif; font-size:24px; color:#000; font-weight:bold; line-height:28px; margin:0px 0px 10px 0px;}

/* Youtube.com Movie */
.youTube						{font-family:Verdana,Arial,sans-serif; font-size:11px; margin:0px 0px 10px 0px;}
.youTube h2						{margin:4px 0px 4px 0px;}
.youTube .movieArea				{margin-bottom:10px; width:100%;}
.youTubePlayer					{}
.youTubePlayer object			{}

.youTube .info					{background:#F7F7F7 none repeat scroll 0%; border-top:2px solid #D8DFEA; border-bottom:1px solid #D8DFEA; padding:4px;}
.youTube .info h2				{display:inline; font-size:11px; margin:0px;}
.youTube .info p				{margin:0px; font-size:10px;}
.youTube .info .controls		{font-size:11px;}
.youTube .info .controls .ytCtl {font-size:10px;}

.youTube .desc					{padding:10px 4px 10px 4px;}
.youTube .desc h2				{display:none;}
.youTube .desc p				{margin-bottom:10px;}

li strong {font-weight:bold;}

.section-links					{float:right; margin:5px 0 10px 10px; border:1px solid #ccc; padding:10px;}
.section-links-title			{margin:-7px 0 5px -5px}
.section-links-title strong		{display:block;}
.section-links ul				{list-style:none; padding:0; margin:0}
.section-links ul li			{padding:0; margin:0 0 3px 0;}

/* Makes tabs look like CF8 tabs 
div.x-tab-panel-header, ul.x-tab-strip-top {
    background-image: none;
    background-color: transparent;
    padding-bottom: 0px;
}
div.x-tab-panel-header {
	border: 0px;
}
ul.x-tab-strip li {margin-bottom:0;}
*/