﻿@charset "UTF-8";

/* CSS Document */



body  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	color: #333;

	background: #FFF;

	margin: 0;

	padding: 0;

}

#container {

	width: 100%;

	min-width: 1000px;

	background: #FFF;

	margin: 0;

	padding: 0;

	border-top: 10px solid #00367B;

}

#header {

	margin: 0;

	padding: 0;

	background: #FFF;

	height: 70px;

}

.logo {

float:left;

width: 180px;

margin: 0;

}

.logoPopUp {

	float:left;

	width: 455px;

	margin: 0;

}

.yrcwcompany{

	float:right;

	width: 215px;

	margin: 0;

}

.family {

	float:left;

	width: 425px;

	margin: 0;

	padding-top: 25px;

}

.familyMenu2{

margin:0 0 10px 0;

padding: 0;

font: normal 12px Arial, Helvetica, sans-serif;

text-align: left;

}

#navbar {

background: #FFF;

padding: 2px 0px 5px 0;

margin: 0;

width: 1000px;

} 

#nav {

	margin: 0;

	padding: 0;

	background: #FFF;

	float: left;

	width: auto;

}

#nav ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#nav li {

	padding: 0px 10px;

	margin: 0;

	border-right: 1px solid #999;

	display: inline;

}

#nav li a {

	font-size: 14px;

	color: #00367B;

	text-decoration: none;

}

#nav li a:hover {

	font-size: 14px;

	color: #FA702A;

	text-decoration: none;

}

#nav li.selected a{

	font-size: 14px;

	color: #FA702A;

	text-decoration: none;

}

form {

	margin:0;

}

#searchForm {

margin: 0;

padding-left: 10px;

font-size: 11px;

font-weight: bold;

float: left;

width: 215px;

}

.searchForm label {

	float:left;

}

.searchForm input {

float:left;

height:13px;

margin: 0 0 0 5px;

font-size: 11px;

}

.searchForm input.search {

float:left;

margin: 0 0 0 5px;

padding: 0;

height: 20px;

width: 40px;

border: 0;

}

#contentContainer {

	border-top:5px solid #00367B;

	width:100%;

	margin:0;

	padding:0;

	background-color: #FFF;

	background-image: url(/reddawayregional/images/gray_background.jpg);

	background-repeat: repeat-y;

	background-position: 200px top;

}

#contentContainerPopUp {

	border-top:5px solid #00367B;

	width:100%;

	margin:0;

	padding:0;

	background-color: #f2f2f2;

}

.rightColumnBkgrd {

	margin:0;

	padding:0;

	background: url(/reddawayregional/images/dark_gray_background.jpg) repeat-y right top;

}

#sidebar {

	float: left; 

	width: 200px;

	background: #FFF;

	padding: 0;

}

#sidebar2 {

	float: right; 

	width: 200px;

	background: #DFDFDF;

	padding: 0;

}

.shadow {

	background:url(/reddawayregional/images/shadow_bkgrd.jpg) repeat-x;

	padding: 20px 0 0 0;

	margin:0;

}

.shadowDark {

	background:url(/reddawayregional/images/shadow2_bkgrd.jpg) repeat-x;

	padding: 20px 0 0 0;

	margin:0;

}

.sidebarContent {

	padding: 0 20px 10px 20px;

	margin: 0;

	width: 160px;

	font-size: 11px;

	line-height: 18px;

}

.sidebarContent p {

	margin-top: 5px;

}

.sidebarAd {

	padding: 0;

	margin: 0;

	width: 200px;

}

.formRow {

	clear:both;

	padding:0;

	margin: 0 0 10px 0;

}

#formLogin input {

	width:140px;

	height: 12px;

	line-height:12px;

}

#formLogin input.submit {

	width: auto;

	float:left;

	margin: 0 10px 10px 0;

	padding: 0 5px;

	height: 20px;

	text-align: center;

	background-color: #999;

	color: #00367B;

	font: bold 10px Arial, Helvetica, sans-serif;

	border:none;

}

label {

	font-size: 11px;

	font-weight: bold;

	display:block;

}

input, option, select, textarea {

	font-size: 11px;

	line-height: 18px;

	margin: 0;

	font-family: Arial, Helvetica, sans-serif;

	color:#333;



}

input.submit {

	float:left;

	margin: 20px 10px 20px 0;

	padding: 0 5px;

	height: 20px;

	width: auto;

	text-align: center;

	background-color: #999999;

	color: #00367B;

	font: bold 10px Arial, Helvetica, sans-serif;

	border:none;

}

input.submitBlock {

	margin: 0;

	padding: 0 5px;

	height: 20px;

	width: auto;

	text-align: center;

	background-color: #999999;

	color: #00367B;

	font: bold 10px Arial, Helvetica, sans-serif;

	border:none;

}

.buttonNote {

	font-size: 10px;

	line-height: 16px;

	font-weight: normal;

	margin:20px 0 0 0px;

	float:left;

}

.rememberCheck {

	float: left;

	width: 20px;

	height: 35px;

	overflow: hidden;

}

input#remember {

	width:15px;

}

.note {

	font-size: 10px;

	line-height: 16px;

	font-weight: normal;

	margin-left: 25px;

	

}

p.date {

	margin-bottom:0;

}

p.newsItem {

	margin-top:0;

}









#mainContent {

	margin: 0 0 0 200px;

	padding:0;

}

#mainContentSecond {

	margin: 0 200px;

	padding:0;

}

#banner {

	background: #00367B;

	height: 150px;

	margin: 0;

	padding: 0;

	width:100%;

}

#banner .sliderwrapper{

	position: relative;

	overflow: hidden;

	width: 800px;

	height: 150px;

	background: #00367B;

	color:#FFF;

	float: left;

	left:0;

	top:-28px;

	margin:0 -3px -28px 0;

	padding:0;

}

#banner .sliderwrapper .contentdiv{

	visibility: hidden; 

	position: absolute; 

	left: 0;

	top: 0; 

	padding: 0;

	background: #00367B;

	width: 800px;

	height: 100%;

	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

}

#banner .text{

	padding: 0px;

	color: #FFF;

}



#banner .pagination{

	width: 500px;

	padding: 5px;

	color:#FFF;

	background:none;

	position: relative; 

	left: 0; 

	top:123px; 

	z-index:10000;

}

#banner .pagination a{

	padding: 0 5px;

	text-decoration: none; 

	color: #FFFFFF;

	border: 1px solid #CCC;

}

#banner .pagination a:hover, #banner .pagination a.selected{

	color: #FFFFFF;

	background-color: #FA702A;

	border: 1px solid #CCC;

	text-decoration:none;

}

.tabs {

	width:100%;

	padding:0;

	margin:0;

	clear: right;

}

.shadetabs{

padding: 10px 0 0 0;

margin: 0;

font-size: 11px;

font-weight: bold;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

border-bottom: 3px solid #999999;

background:#FFF;

float: left;

width: 100%;

}

.shadetabs ul{

margin:0;

padding: 0;

list-style-type: none;

}





.shadetabs li{

display: inline;

margin: 0;

padding: 0;

}





.shadetabs li a{

float:left;

text-decoration: none;

padding: 0px 0px 0px 7px;

color: #00367B;

background: white url(http://www.yrcregional.com/images/tab_left.gif) top left no-repeat;

text-align: center;

margin: 0;

}

.shadetabs li a span{

display:block;

background: url(http://www.yrcregional.com/images/tab_right.gif) no-repeat right top;

padding: 3px 13px 10px 0px;

margin: 0;

font-weight:bold;

color:#00367B;

text-decoration: none;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

.shadetabs li a span {float:none;}

/* End IE5-Mac hack */





.shadetabs li a:hover span {

color: #FFFFFF;

text-decoration: none;

}

.shadetabs li.selected a{ /*Selected Tab style*/

background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/

text-decoration: none;

}

.shadetabs li.selected a:hover{ /*Selected Tab style*/

background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/

text-decoration: none;

}

.shadetabs li.selected a span{ /*Selected Tab style*/

background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/

color: #FFFFFF;

text-decoration: none;

}

.shadetabs li.selected a:hover span{ /*Selected Tab style*/

background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/

color: #FFFFFF;

text-decoration: none;

}

.shadetabs li a:hover{ /*onMouseover style*/

background-position:0% -164px; /*Shift background image up to start of 2nd tab image*/

color:#00367B;

text-decoration: none;

}



.shadetabs li a:hover span{ /*onMouseover style*/

background-position:100% -164px; /*Shift background image up to start of 2nd tab image*/

color:#00367B;

text-decoration: none;

}

.tabcontentstyle{ /*style of tab content oontainer*/

	width: 100%;

	background:#F2F2F2;

	float: left;

}



.tabcontent{

	display:none;

	width:760px;

	padding:20px;

	font-size: 11px;

	line-height: 18px;

}

@media print {

	.tabcontent {

	display:block!important;

}

}

.tabcontainer {

width:760px;

padding:20px;

font-size: 11px;

line-height: 18px;

height:auto;

}

.formContainer {

	border-top: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	margin: 0;

	padding: 20px 0;

}

.formContainer p {

	margin-top: 0;

}

.formContainer label {

	float:left;

	width:140px;

}

.tip {

	font-weight:normal;

}



.column {

	width:340px;

	float:left;

	padding-right:20px;

}

.requiredText {

	color: #FA702A;

	float: right;

	width: auto;

	text-align: right;

}

.required {

	color: #FA702A;

}

#mainText {

	padding:20px;

}

.panels {

	width:200px;

	margin:0;

	padding:0;

}

.panelTitle {

	font-size: 16px;

	color: #FA702A;

	font-weight: normal;

	background-image: url(/reddawayregional/images/orange_arrow.gif);

	background-position: 0 left;

	background-repeat:no-repeat;

	padding: 0px 10px 10px 20px;

	margin-top: 0px;

	margin-bottom: 5px;

}

.panelText {

	padding: 0;

	margin: 0 20px 20px 20px;

	width: 160px;

	background: #FFFFFF;

	font-size: 11px;

	line-height: 18px;



}



.line {

	border-bottom:1px solid #CCC;

	margin: 0 0 15px 0;

}



.clearfloat {

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

a {

	color: #00367B;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

	color: #00367B;

}

img, a img {

	border:0;

}

h1 {

	font-size: 26px;

	color: #333;

	font-weight: normal;

	padding: 0;

	margin-top: 0;

	line-height:32px;

}

#mainText h1 {

	font-size: 26px;

	color: #333;

	font-weight: normal;

	padding: 0 0 10px 0;

	margin-top: 0;

	line-height:32px;

	border-bottom:1px solid #CCC;

}

h2 {

	font-size: 16px;

	color: #FA702A;

	font-weight: normal;

	background: url(/reddawayregional/images/orange_arrow.gif) no-repeat top left;

	padding: 0 20px;

	margin-top: 0px;

	margin-bottom: 5px;



}



h3 {

	font-size: 16px;

	color: #333;

	font-weight: normal;

	padding: 0;

	margin-top: 0;

	

}

h4 {

	font-size: 14px;

	color: #666;

	font-weight: normal;

	padding: 0;

	margin: 0 0 5px 0;

	

}

ul {

	padding-left: 15px;

	list-style-image: url(/reddawayregional/images/bullet.gif);

	margin-right:0;

	margin-left:0;

}

p {

	margin-top:0;

}

.floatRight {

	float:right;

}

iframe {

	margin-bottom:20px;

}

table.accessKey {

font: normal 13px/19px Arial, Helvetica, sans-serif;

padding:0;

border-collapse:collapse;

}

table.accessKey td{

padding:5px;

}

table.accessKey td.head{

	background:#FDDDBE;

	color:#00367B;

	text-transform:uppercase;

	font-weight:bold;

	font: bold 16px/22px Arial, Helvetica, sans-serif;

	padding:5px 10px;

	text-align:left;

}

table.accessKey td.info{

background:#F2F2F2;

border-top:5px solid #FFF;

border-right:5px solid #FFF;

border-bottom:5px solid #FFF;;

}

table.accessKey td.ltblue {

background-color:#E7EAF4;

border-top:5px solid #FFF;

border-right:5px solid #FFF;

border-bottom:5px solid #FFF;

}

.familyMenu{

margin:0;

padding: 0;

font: normal 12px Arial, Helvetica, sans-serif;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.familyMenu a.anchorclass, .familyMenu2 a.anchorclass {

text-decoration: none;

padding:3px 25px 2px 5px;

margin: 0;

border: 1px solid #999;

color: #000;

font-size: 12px;

background: #FFF url(/reddawayregional/images/down.gif) no-repeat 100% 50%;

}

.familyMenu a.anchorclass:hover, .familyMenu2 a.anchorclass:hover {

text-decoration: none;

color: #000;

}

.anylinkcss{

position: absolute;

left: 0;

top: 0;

visibility: hidden;

border: 1px solid #999;

background-color: #FFF;

width: 250px;

font: normal 11px Arial, Arial, Helvetica, sans-serif;

line-height: 18px;

z-index: 10001; 

margin:-1px 0 0 0;

}

.anylinkcss2{

position: absolute;

left: 0;

top: 0;

visibility: hidden;

border: 1px solid #999;

background-color: #FFF;

width: 150px;

font: normal 11px Arial, Arial, Helvetica, sans-serif;

line-height: 18px;

z-index: 10001;

margin:-1px 0 0 0;

}

.anylinkcss ul.menu, .anylinkcss2 ul.menu{

margin: 0;

padding: 0;

list-style-image: none;

}

.anylinkcss ul.menu li, anylinkcss2 ul.menu li{

width: auto;

display: block;

padding: 0;

color: #000;

font-weight:normal;

font-size:11px;

text-indent: 0;

}

.anylinkcss ul.menu li.head{

width: auto;

display: block;

padding: 2px 5px;

color: #000;

font-weight:normal;

font-size:11px;

text-indent: 0;

}

.anylinkcss ul.menu li a, .anylinkcss2 ul.menu li a{

width: auto;

display: block;

text-indent: 5px;

padding: 2px 5px;

text-decoration: none;

color: #000;

font-weight:normal;

font-size:11px;

line-height:14px;

}

.anylinkcss ul.menu li a:hover, .anylinkcss2 ul.menu li a:hover{ /*hover background color*/

background-color: #F2F2F2;

text-decoration: none;

color:#FA702A;

}

.leftSidebarAd {

width:185px;

background:#CCC;

padding: 7px 8px 8px 7px;

margin: 5px 0 0 0;

}

/* search classes */

.querystring{font-weight:bold;color:#FA702A}

a.resultlink{color:#FA702A;font-weight:bold}

a.resultlink:hover{text-decoration:none}

a.resultlink:visited{color:#999999;}

.result{font-family:arial,helvetica,sans-serif;font-size:9pt;color:black}

a.moreresults{color:black;}

a.moreresults:hover{background-color:black;color:white}

.returnedurl{color:#999999}

.sizedate{font-size:8pt;color:999999}

.rule{color:#FA702A;height:1px}

.keymatch{background-color:#FDDDBE}

.keymatch2{color:#00367B;font-weight:bold;padding-right:10px}

.synonym{background-color:#FDDDBE}



.mainmenutabs{

margin:0;

width: auto;

float: left;

}

.mainmenutabs ul{

padding: 0 0 0 10px;

margin:0;

font: normal 14px Arial, Helvetica, sans-serif;

list-style-type: none;

text-align: left;

}

.mainmenutabs li{

display: inline;

margin: 0 0 0 -3px;

}

.mainmenutabs li a{

text-decoration: none;

padding:0 10px;

margin: 0;

border-right: 1px solid #999;

color: #00367B;

}

.mainmenutabs li a:hover{

text-decoration: none;

color: #FA702A;

}

.mainmenutabs li.selected a{

text-decoration: none;

padding:0px 10px;

margin: 0;

border-right: 1px solid #999;

color: #FA702A;

}

.mainmenutabs li.selected a.menu{

text-decoration: none;

color: #FA702A;

padding:0px 26px 0px 10px;

background: #FFF url(../images/down_mainmenutabs.gif) no-repeat right center;

}

.mainmenutabs li a.menu{

text-decoration: none;

padding:0px 26px 0px 10px;

margin: 0;

border-right: 1px solid #999;

color: #00367B;

font-size: 14px;

background: #FFF url(../images/down_mainmenutabs.gif) no-repeat right center;

}

.mainmenutabs li a.menu:hover{

text-decoration: none;

color: #FA702A;





}





/* ######### Style for Drop Down Menu ######### */





.dropmenudiv_e{

position:absolute;

top: 0;

font:normal 11px;

line-height:18px;

z-index:10001;

background-color: #FFF;

width: 150px;

visibility: hidden;

margin:13px 0 0 -3px;

border: 1px solid #999;

border-width: 0 1px;

}

* html .dropmenudiv_e{

position:absolute;

top: 0;

font:normal 11px;

line-height:18px;

z-index:9000;

background-color: #FFF;

width: 150px;

visibility: hidden;

margin:15px 0 0 -3px;

border: 1px solid #999;

border-width: 0 1px;

}

.dropmenudiv_e a{

width: auto;

display: block;

text-indent: 5px;

border-bottom: 1px solid #999;

padding: 2px 5px;

text-decoration: none;

color: #00367B;

font-weight:normal;

}

* html .dropmenudiv_e a{ /*IE only hack*/

width: 100%;

text-decoration: none;

}

.dropmenudiv_e a:hover{ 

background-color: #F2F2F2;

text-decoration: none;

color:#FA702A;

}
#mainText h1.olympics {
font-size: 20px;
color: #333;
font-weight: normal;
padding: 0 0 10px 0;
margin-top: 0;
line-height:28px;
border-bottom:1px solid #CCC;
}
.olympicsLinks {
width:200px;
float:right;
margin-left:20px;
}
.olympicsLinksContent {
padding: 0 0 10px 20px;
margin: 0;
font-size: 11px;
line-height: 18px;
}
.olympicsBanner {
background-image:url(/reddawayregional/images/vancouver2010/top_bkgrd.jpg);
background-repeat:no-repeat;
background-position: 560px 0px;
}
h2.mabd {
font-size: 16px;
color: #FA702A;
font-weight: normal;
margin-top: 0px;
background:none;
padding:0;
line-height: 24px;
margin-bottom: 15px;
}
h3.mabd {
font-size: 16px;
color: #333;
font-weight: normal;
padding: 0;
margin-top: 0;
line-height:24px;
}
h3.mabd strong {
color:#FA702A;
}
.mabdSub {
font-size: 12px;
color: #333;
font-weight: bold;
padding: 0;
margin-top: 0;
line-height:18px;
margin-bottom:0; 
}