/******************************************************************
-------------------------------------------------------------------
This stylesheet contains all the styles supported by older browsers
such as IE4 and NS4 only.  It's purpose is to trying an give
some look and feel for users who are still using these browsers.
******************************************************************/
/******************************************************************
					Start general styles
******************************************************************/
* {
	margin: 0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	background: url(null) fixed no-repeat #fff;
	font: 78% Arial, Verdana, Helvetica, sans-serif;
	color: #59585A;
}
/* Set the default font size to 1em.  1em is the natural font size (or 100%) 
for a given html element. */

p, tr, td, ol, li, ul, table {
	font-size: 1em;
	line-height: 1.5em;
	font-stretch:expanded;
}
h1 {
	font-size: 1.8em;
	color: #3d4581;
	margin: 0;
	padding: 1px 0;
	font-weight: normal;
}
h2 {
	color: #242d6a;
	font-size: 1.4em;
	margin-top: 1.0em;
	margin-bottom: 0;
}
h3 {
	color: #717174;
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 0;
}
h4 {
	font-size: 1em;
	color: #990000;
}
h5 {
	font-size: 1em;
	color: #000;
	font-style: italic;
}
#pageContent p {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}
#pageContent ul {
	margin-left: 40px;
}
#pageContent li {
	margin-top: 0.8em;
	margin-bottom: 1.0em;
}
#pageContent ul li ul li {
	list-style-type:disc;
}
#pageContent .highlightBackground {
	margin-left: 30px;
	margin-right: 30px;
	background-color: #D4D4EC;
	padding: 10px;
}
#pageContent .highlightBox {
	border: 1px solid #dcdada;
	padding: 10px;
	clear: left;
}
#pageContent ul.highlightBackground li {
	margin-left: 20px;
}
/* use this style if you want to hide an element.  Currently used to 
hide the h1 header on the site so if the client browser supports css then 
the image is dispalyed otherwise the h1 text is displayed. */
.hiddenElement {
	display: none;
}
/* Used to clear elements within the page.  This clear has a 1px height on it 
which means that it gives a small gap between the cleared elements. */
.clear {
	clear: both;
	height: 1px;
}
/* As above, used to clear elements within the page */
.clearboth {
	clear: both;
}
/* As above, used to clear  left floats */
.clearleft {
	clear: left;
}
/* As above, used to clear  right floats */
.clearright {
	clear: right;
}
/********************* start warning messages ***********************/
.warning {
	color: Red;
}
/* email page */
#email .error {
	color: red;
}
/********************* end warning messages ***********************/


/******************************************************************
						Start Site Layout
******************************************************************/

#wrapper {
	background: #fff;
}
#container {
	background: #eaeaea
}
#containerInner {
	width:1020px;
	margin-left: auto;
	margin-right: auto;
}
/******************************************************************
						Start Header
******************************************************************/


#header {
	background-color: #fff;
	height: 110px;
	border-bottom: 2px solid #666666;
}
#headerInner {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}
#headerInnerLeft {
	float: left;
	height: 95px;
	width: 420px;
	background: transparent url(/images/crc_logo2.gif) no-repeat top left;
	position: absolute;
	top: 26px;
	left: 0;
}
#headerInnerRight {
	float: right;
	width: 440px;
	height: 110px;
	background-color: #fff;
}
#headerInnerRight p {
	margin: 15px 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #6267a8;
	letter-spacing: 0.02em;
	float: right;
}
/* Logo for print - doesn't display  unless in print preview mode */
#logo-print {
	display: none;
}
/* used to hide the logo on the site so if the client browser supports css then 
the image is displayed otherwise the text is displayed. */
.hiddenElement {
	display: none;
}
/******************************************************************
							Start Search 
******************************************************************/

#siteSearch {
	clear: right;
	float: right;
	width: 226px;
}
fieldset.search {
	margin: 0;
	padding: 0;
	border: none;
}
#headerInnerRight .search input, .search button {
	border: none;
	float: left;
}
#headerInnerRight .button {
	border: none;
	color: #fff;
	background: url(/images/search_button.gif) top left no-repeat;
	height:26px;
	width: 60px;
	float: right;
}
#headerInnerRight .field {
	font-size: 1.0em;
	color: #000;
	padding-left: 5px;
	height:26px;
	width:159px;
	background: transparent url(/images/search_box.gif) top left no-repeat;
}
/******************************************************************
						Start Skip links
******************************************************************/

#skipLinks {
	margin: 0 0 0 -75px;
	padding: 0;
	float: left;
}
#skipLinks li {
	list-style-type: none;
	display: inline;
	margin-left: 3px;
}
#skipLinks a {
	font-size: 0.9em;
	color: #fff;
}
#skipLinks a:active, #skipLinks a:focus, #skipLinks a:hover {
	color:#0000FF;
}
/******************************************************************
						Start Main Navigation
******************************************************************/

#mainNav {
	background-color: #fff;
	border-bottom: 2px solid #666666;
	padding: 8px;
	min-height: 4.2em;
}
/*Remaining navigation styles are contained in the navigation.css file*/

/******************************************************************
						Start Page Content
******************************************************************/

#contentWrapper {
	background-color: #f5f5f5;
	border-left: 9px solid #fff;
	border-right: 9px solid #fff;
	padding: 20px;
	width:962px;
	overflow: hidden;
}
/*The one and two column layout id on the body provide a descendant selector for resizing the page content in sections where when the menu is used */

#oneColumnLayout #pageContent {
}
#twoColumnlayout #pageContent {
	float: left;
	width: 722px;
	margin-left: 10px;
}
.box {
	background-color:#fff;
	border: 1px solid #dcdada;
	padding: 15px;
	overflow: hidden;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* Google Chrome, Safari  */
	-khtml-border-radius: 5px; /* Linux Browsers */
}
/*****************************************************************
                     Start Extended Footer 
*****************************************************************/

#extendedFooter {
	clear: both;
	background-color: #f5f5f5;
	border-left: 9px solid #fff;
	width:962px;
	border-right: 9px solid #fff;
	padding: 0 20px 20px;
}
/*Start footer navigation*/

#footerNavigation {
	width: 600px;
	float: left;
	background-color: #fff;
}
#footerNavigation .box {
	padding: 10px 5px 8px 0;
	min-height: 138px;
}
#footerNavigation .first {
	float: left;
	width: 25%;
	margin-left: 15px;
}
#footerNavigation .middle {
	float: left;
	margin-left: 80px;
	width: 25%
}
#footerNavigation .last {
	float: right;
	width: 25%
}
.footerColumn h3 {
	color: #495399;
	margin-top: 0;
	margin-bottom: 10px;
}
.footerColumn ul {
	margin-left: 16px;
	list-style-image:url(/images/purple_bullet.gif);
}
.footerColumn li {
	margin-bottom: 0.8em;
}
.footerColumn li a:link {
	color: #706f72;
	text-decoration: none;
}
.footerColumn li a:visited {
	color: #706f72;
	text-decoration: none;
}
.footerColumn li a:hover {
	color: #0000FF;
	text-decoration: underline;
}
/*Start footer newsletter*/

#footerNewsletter {
	float:right;
	width:350px;
	color: #fff;
}
#footerNewsletter .bl {
	background: url(/images/bl.gif) 0 100% no-repeat #797ba9;
	width: 350px;
}
#footerNewsletter .br {
	background: url(/images/br.gif) 100% 100% no-repeat;
}
#footerNewsletter .tl {
	background: url(/images/tl.gif) 0 0 no-repeat;
}
#footerNewsletter .tr {
	background: url(/images/tr.gif) 100% 0 no-repeat;
	padding:10px;
}
#footerNewsletter .clear {
	font-size: 1px;
	height: 1px
}
#footerNewsletter h3 {
	color:#fff;
	font-size:1.2em;
	margin-top:0;
	margin-bottom: 10px;
}
#footerNewsletter img {
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
	position: relative;
}
#footerNewsletter p {
	text-align: right;
}
#footerNewsletter a {/*float: right; */
	padding: 5px 15px 5px 0;
	background: url(/images/newsletter_arrow.gif) center right no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
}
#footerNewsletter a:hover {
	text-decoration: none;
	color: #242d6a;
	background: url(/images/newsletter_arrow_hover.gif) center right no-repeat;
}
#footerNewsletter fieldset.subscribe {
	margin: 0 0 30px 0;
	padding: 0;
	border: none;
}
#footerNewsletter .subscribe input, .subscribe button {
	border: none;
	float: left;
}
#footerNewsletter .button {
	border: none;
	color: #fff;
	background: url(/images/subscribe_button.gif) top left no-repeat;
	height:26px;
	width: 75px;
	float: right;
}
#footerNewsletter .field {
	font-size: 0.9em;
	color: #000;
	padding-left: 5px;
	padding-top: 2px;
	height:26px;
	width:162px;
	background: transparent url(/images/subscribe_box_left.gif) top left no-repeat;
}
/*****************************************************************
                     Start Footer 
*****************************************************************/

#footer {
	background-color: #242d6a;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 10px 30px;
	height: 60px;
}
#footer .first {
	float: left;
	width: 25%;
}
#footer .middle {
	float: left;
	margin-left: 180px;
	width: 25%
}
#footer .last {
	float: right;
}
/*****************************************************************
                     Start breadcrumbs 
*****************************************************************/

#breadcrumbs {
	width: auto;
	margin-bottom: 10px;
	padding: 0 0 8px 0;
	font-size: 90%;
	border-bottom: 1px solid #c9c9cb;
}
#breadcrumbs ul {
	margin-left:0;
	display: inline;
}
#breadcrumbs ul li {
	display: inline;
	border-left: 1px solid #666666;
	padding-left: 6px;
	padding-right: 4px;
}
#breadcrumbs ul li.home {
	border-left: none;
	padding-left: 0;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	text-decoration: underline;
	color: #0000ff;
}
#breadcrumbs a:hover {
	text-decoration: none;
}
/******************************************************************
						Start Main Navigation
******************************************************************/

/*The outer div for the mainNav is contained in shell.css */

#mainNavInner {
	text-align:center;
	min-width: 1024px;
} /*to make the nav wrap underneath on browser resize remove the width */
#mainNavInner ul {
	list-style-type: none;
	display:inline-block;
	margin-top: 8px;
}
#mainNavInner li {
	display: inline;
}
#mainNavInner a {
	float: left;
	display:block;
	width: 9.0em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background-color: #5b629b;
	margin: 0 8px;
	padding: 8px;
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* Google Chrome, Safari  */
	-khtml-border-radius: 5px; /* Linux Browsers */
}
#mainNavInner li a:link, #mainNavInner li a:visited {
	background-color: #242d6a;
	display:block;
	width: 9.0em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin: 0 8px;
	padding: 8px;
	cursor:pointer;
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* Google Chrome, Safari  */
	-khtml-border-radius: 5px; /* Linux Browsers */
}
#mainNavInner li a:hover, #mainNavInner li a:active {
	background-color: #5b629b;
	display:block;
	width: 9.0em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin: 0 8px;
	padding: 8px;
	cursor:pointer;
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* Google Chrome, Safari  */
	-khtml-border-radius: 5px; /* Linux Browsers */
}
#mainNavInner li a.currentPage:link, #mainNavInner li a.currentPage:visited, #mainNavInner li a.currentPage:hover, #mainNavInner li a.currentPage:active {
	background-color: #5b629b;
	display: block;
	width: 9.0em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin: 0 8px;
	padding: 8px;
	cursor:pointer;
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* Google Chrome, Safari  */
	-khtml-border-radius: 5px; /* Linux Browsers */
}
#mainNavInner li a:hover, #mainNavInner li a:active {
	background-color: #5b629b;
}
/*****************************************************************
                         Start Section Menu
*****************************************************************/


#sectionMenu {
	width: 230px;
	float: left;
}
#sectionMenu ul {
	list-style-type: none;
	padding: 0;
}
#sectionMenu li {
	display: block;
	list-style-type: none;
	padding: 8px 0;
	margin: 0;
	border-top: 1px solid #c9c9cb;
}
#sectionMenu li.first {
	border-top: none;
	padding-top: 0;
}
#sectionMenu a:link, #sectionMenu a:hover, #sectionMenu a:focus, #sectionMenu a:active, #sectionMenu a:visited {
	display: block;
	width: 184px;
	padding-left: 4px;
	padding-right: 10px;
	color: #3d4581;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}
#sectionMenu a:hover, #sectionMenu a:focus {
	background: url(/images/bullet_arrow_large.gif) top right no-repeat;
}
#sectionMenu a.currentPage:link, #sectionMenu a.currentPage:hover, #sectionMenu a.currentPage:focus, #sectionMenu a.currentPage:active, #sectionMenu a.currentPage:visited {
	background: url(/images/bullet_arrow_large.gif) top right no-repeat;
}
/*****************************************************************
                           Table styles
*****************************************************************/

#pageContent table {
	border-bottom: 1px solid #DADADA;
	margin: .5em 0 .5em 0;
}
#pageContent th, #pageContent td, #pageContent caption {
	text-align: left;
	padding: 2px;
	padding: 1px 5px 1px 5px; /* t r b l */
}
#pageContent tr:nth-child(even) {
	background: #DADADA;
	color: #333;
}
#pageContent tr:nth-child(odd) {
	background: #FFF;
}
#pageContent thead th {
	background-color: #242D6A;
	color: #FFF;
}
#pageContent tbody th {
	background-color: #5B629B;
	color: #FFF;
}
#pageContent caption {
	border-top: 1px solid #DADADA;
	font-weight: bold;
}
#pageContent tfoot.table-notes ol {
	font-size: .9em;
	margin-left: 1.6em;
	padding-left: 0em;
}
tfoot.table-notes td {
	width: 1px;
}
/*****************************************************************
                             AddThis
*****************************************************************/

.addthis_inpage {
	width: 138px;
	float: right;
}
.addthis_footer {
	width: 104px;
	float: right;
}
#footer .last {
	padding-top: 22px;
} /* 14px top padding for AddThis */
.addthis_32x32_style {
	width: 184px;
}
/*****************************************************************
                       Misc (traffic lights)
*****************************************************************/

table.traffic-lights {
	width: 35em;
}
#pageContent table.traffic-lights tbody th {
	background-color: #FFF;
	color: #58575A;
	font-weight: normal;
}
td.schedule-1, td.schedule-2, td.schedule-3 {
	width: 1em;
}
td.schedule-1 {
	background-color: #6C0;
}
td.schedule-2 {
	background-color: #F90;
}
td.schedule-3 {
	background-color: #C00;
}
.hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}