﻿

#Page {
	width:			770px;
	float:			left;
	background:		#006699;
}

/******************************************************************************************
***  Home Page Header
******************************************************************************************/
	#PageHeader, #COCLogo, #SiteLogoTabBox, #SiteLogo {float:left; }
	#COCLogo p, #SiteLogo, #SiteLogoTabBox p { margin:0; Padding:0; }
	#SearchBox, #TimeStamp { white-space:nowrap; }
	#PageHeader, #SearchBox { background:#003366; }
	#PageHeader { width:100%; }
	#SiteLogoTabBox { width:540px; min-width:480px; }
	#SearchBox { 
		float:			right; 
		width: 			150px;
		min-width:		210px;
		margin:			0; 
		padding-top:	0px; 
	}
	#TimeStamp { 
		clear:			left; 
		color:			#ffffff; 
		font-size:		8pt; 
		text-align:		center; 
	}

	/***************************************
	***  Main Tabs
	***************************************/
		#MainTabs, #MainTabs ul { float:right; }
		#MainTabs li, #MainTabs a { float:left; }
		#MainTabs { width:100%; white-space: nowrap; padding-right:30px; }
		#MainTabs ul { margin:0; padding:0; list-style:none; }
		#MainTabs a {
			padding-left:	 	11px;	/* width of CanyonsTabs_Left.png */
			font-family:		Arial;
			font-weight:		bold;
			font-size: 			9pt;
			text-decoration: 	none;
			background: 		url("../images/CanyonsTabs_Left.gif") no-repeat left top;
		}
		#MainTabs a span {
		    background: 		url('../images/CanyonsTabs_Right.gif') no-repeat right top;
			color: 				Black;	/* Tab text color */
		    padding-top: 		15px; 	/* Distance from top of tab to vertical middle of text */
			padding-right: 		10px;	/* The distance between the end of the text and the right-side of the tab */
		    padding-bottom:		4px;	/* Distance from bottom of tab to vertical bottom of text */
			/* Hides from IE-mac \*/
				display:block;
			/* End hide from IE-mac */
		}
		#MainTabs a:hover { background-position: 0% -300px; }
		#MainTabs a:hover span { background-position: 100% -300px; }
	/***************************************
	***  End -- Main Tabs
	***************************************/

	/***************************************
	***  Main Horizontal Navigation Bar
	***************************************/
		#MainHorizNavBar, #MainHorizNavBar ul, #MainHorizNavBar li { float:left; }
		#MainHorizNavBar, #MainHorizNavBar ul { margin:0; padding:0; }
		#MainHorizNavBar {
			clear:				both;
			width:				100%;
			padding-bottom:		3px;
			background:			#FECB00;
			white-space:		nowrap;
		}
		#MainHorizNavBar ul { list-style:none; }
		#MainHorizNavBar li span { 
			font-size:			8pt; 
			font-weight:		bold; 
			color:				#000000; 
		}
		#MainHorizNavBar a:link, #MainHorizNavBar a:visited, #MainHorizNavBar a:active {
			padding-left:		4px;
			padding-right:		8px; 
			text-decoration:	none; 
			font-family:		Arial; 
			font-size:			9pt; 
			font-weight:		bold; 
			letter-spacing:		0px; 
			color:				#000000; 
			background:			#FECB00;
		}
		#MainHorizNavBar a:hover { color:#FFFFFF; }
	/***************************************
	***  End -- Main Horizontal Navigation Bar
	***************************************/

/******************************************************************************************
***  End -- Home Page Header
******************************************************************************************/



#MainContentBox { width:100%; clear:both; }

/******************************************************************************************
***  Main Vertical Navigation Bar
******************************************************************************************/
	#MainVertNavBar, #MainVertNavBar ul, #MainVertNavBar li, #MainVertNavBar a { margin:0; padding:0; }
	#MainVertNavBar { float:left; background:#006699; }
	#MainVertNavBar ul { 
		list-style:			none; 
		float:				left; 
		width:				153px; 
	}
	#MainVertNavBar li { padding-left:10px; }
	#MainVertNavBar a:link, #MainVertNavBar a:visited, MainVertNavBar a:active {
		display:			block; 
		width:				100%;

		padding-left:		10px;
		padding-top:		7px;
		padding-bottom:		7px;
	
		margin-top:			1px;
		margin-left:		-10px;
	
		text-decoration:	none; 
	
		font-family:		Arial; 
		font-size:			8pt;
		font-weight:		bold;
	
		text-align:			left;
	
		color:				#ffffff;
		background:			#003366; 
	}
	#MainVertNavBar a:Hover { color:#000000; background:#FFCC00; }
/******************************************************************************************
***  End -- Main Vertical Navigation Bar
******************************************************************************************/



#HeaderAndContent { width:617px; float:left; }

/******************************************************************************************
***  Home Page Header Block
******************************************************************************************/
	/* Hides from IE-mac \*/
	#HomePageHeaderBlock { float: left; }
	/* End hide from IE-mac */

	#HomePageHeaderBlock p .image, #HomePageHeaderBlock p, #HPHB_StandOutBox p { margin:0; padding:0; }
	#HomePageHeaderBlock p, #HPHB_Image, #HPHB_LT_Left { float:left; }
	#HPHB_StandOutBox, #HPHB_LT_Right { float:right; }
	#HomePageHeaderBlock {
		background:		#FFCC00;
		width:			617px;
	}
	#HPHB_StandOutBox { width:265px; }
	#HPHB_StandOutBox p {
		font-family: 	Arial, Helvetica, sans-serif;
		font-size: 		12pt;
		font-weight: 	bold;
	}
	#HPHB_LowerTrim {
		clear:			left;
		width:			617px;
	}
	#HPHB_LT_Left {
		width:			555px;
		background: 	white url("../images/HPHB_LEdge.gif") repeat-x;
	}
/******************************************************************************************
***  End -- Home Page Header Block
******************************************************************************************/


#Content, #Content p, #Content h1 { margin:0; padding:0; }
#Content {
	float:			left;
	width:			617px;
	background: 	#ffffff;
}
#Content p, #Content h1 {
	padding-left: 	10px;
	font-family: 	Arial,Helvetica,sans-serif; 
}
#Content p {
	color: 			#666; 
	font-size: 		12px;
	padding-bottom:	15px;
}
#Content ul {
	margin-top: 	0;
	font-family: 	Arial,Helvetica,sans-serif; 
	font-size: 		12px;
	color: 			#666; 
}
#Content h1 {
	font-weight: 	bold; 
	color: 			#036;
	font-size: 		18px;
}

/******************************************************************************************
***  Home Page Footer
******************************************************************************************/
	#HomePageFooterBlock h1, #HomePageFooterBlock p { margin:0; padding:0 }
	#HomePageFooterBlock h1, #HomePageFooterBlock p { 
		font-family:	Arial,Helvetica,sans-serif; 
		font-weight:	bold; color:#fff 
	}
	#HomePageFooterBlock {
		width:			617px;
		float:			left;
		Background: 	#003366;
		padding-top: 	15px;
		padding-bottom:	15px;
	}
	
	#HomePageFooterBlock h1 {
		font-size: 		14px;
		text-align: 	center;
	}
	
	#HomePageFooterBlock p {
		font-size: 		11px;
	}
	
	#HomePageFooterBlock .Legal {
		font-family: 	Arial, Helvetica, sans-serif;
		font-size: 		8pt;
		text-align: 	center;
	}
/******************************************************************************************
***  End -- Home Page Footer
******************************************************************************************/



#EventsCalendar p {
	margin:			0;
	padding:		0; 
	padding-left:	10px;
	font-family: 	Arial,Helvetica,sans-serif; 
	font-size: 		12px;
	color: 			#666; 
}
