/*
                             CSS Style Sheet for
                               TrentCentral.ca
                            --- Screen Styles ---
--------------------------------------------------------------------------------
*/


/* 
 HTML ELEMENTS
________________________________________________________________________________
*/

	body{
		background: #293540 url('../images/interface-body-bg.jpg') 50% 0% repeat fixed;
		margin: 0px auto;
		padding: 0px;
		color: #000000;
		font-size: 10pt;
		font-family: Helvetica, Verdana, sans-serif;
		text-align: left;
		-webkit-text-size-adjust: none;
	}

	a {
		color: #32852A;
		font-weight: bold;
		text-decoration: none;
	}
	
	strong {
		
	}
	
	h1 {
		margin: 10px 0 0 0;
		padding: 0 0 0 0;
		color: #32852A;
		font-family: Helvetica,Arial;
		font-size: 2em;
	}

	.PaddedContent h1{
		background-position: 0px 0px;
		background-repeat: no-repeat;
		height: 40px;
		width: 690px;
		position: absolute;
		top: 177px;
		left: 15px;
		z-index: 100;
		margin: 0;
		color: transparent;
		padding: 10px 0 0 5px;
	}
	
	h2 {
		margin: 0;
		padding: 0;
		font-size: 1.45em;
	}

	img{
		border: 0px;
	}

	hr {
		border: 0px;
		clear: left;
	}

/* 
 DIV ID's
________________________________________________________________________________
*/


/* Containers
   ---------- */

	#Outer_Container {
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		min-width: 970px;
	}

	#Inner_Container {
		position: relative;	
		width: 970px;
		margin: 0px auto;
		text-align: left;
	}

/* Header
   ------ */
	#Header {
		background: url('../images/interface-header-bg.png') 0% 0% no-repeat;
		width: 970px;
		height: 126px;		
		margin: 0;
		padding: 0;
	}

	#Header h1, #Header strong{
		display: none;
	}


/* Content Body
   ------------ */
	#Content_Body {
		position: relative;
		background: url('../images/interface-content-bg.png') 0px 0px repeat-y;
		width: 970px;
		margin: 0px;
		padding: 0px;
	}


/* Navigation
   ---------- */
	#Content_Body nav {
		float: right;
		background: url('../images/interface-navigation-bg.jpg') 0px 0px no-repeat;
		width: 234px;
		margin: 0 10px 0 0;
	}

	#Content_Body nav strong{
		display: none;
	}


	#Content_Body nav ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#Content_Body nav ul li {
		border-bottom: 1px solid #000000;
	}

	#Content_Body nav ul li:last-child {
		border: 0px;
	}

	#Content_Body nav ul li a{
		display: block;
		padding: 0.35em 0 0.35em 1em;
		color: #BDBDBD;
		font-size: 1.4em;
		font-weight: normal;
		text-decoration: none;
		text-shadow: 1px 2px 0.1em #000000;
	}

	#Content_Body nav ul li a:hover{
		color: #ffffff;
		text-decoration: none;
	}

	#Content_Body nav ul li a.Active{
		background: url('../images/interface-navigation-indicator.png') 100% 50% no-repeat;
		margin-right: -5px;
		color: #ffffff;
	}


	#Content_Body nav ul li a.Facebook{
		background: url('../images/Icon-Facebook.png') 0% 50% no-repeat;
		margin-left: 15px;
		padding-left: 30px;
	}
	#Content_Body nav ul li a.Twitter{
		background: url('../images/Icon-Twitter.png') 0% 50% no-repeat;
		margin-left: 15px;
		padding-left: 30px;
	}


/* Navigation SubPages
   ------------------- */
	#Content_Body nav ul li ul {
		display: none;
		background: url('../images/interface-navigation-subpages-bg.png') right 0px no-repeat;
	}
	#Content_Body nav ul li ul li {
		margin: 0 0 0 19px;
		border-bottom: 1px solid #000000;
	}
	#Content_Body nav ul li ul li a {
		display: block;
		padding: 0.3em 0 0.25em 1em;
		color: #BDBDBD;
		font-size: 1em;
		font-weight: normal;
		text-decoration: none;
		text-shadow: 1px 2px 0.1em #000000;
	}


/* Content
   ------- */

	#Content {
		width: 716px;
		margin: 0 0 0 10px;
		padding: 215px 0 0 0;
	}
	#Content p{
		margin: 0 20px 10px 20px;
		padding: 0 0 0 0;
	}


/* Slideshow ID's */

	#Slideshow-Container {
		position: absolute;
		top: 0px;
		left: 10px;
		width: 716px;
		height: 205px;
		margin: 0px auto 0px auto;
		z-index: 1;
		border-bottom: 1px solid #666666;
		background-color: black;
	}

	
	.Slide{
		display: none;
		z-index: -5;
		width: 716px;
		height: 205px;
	}

	#Slide-Home-1{
		background: url('../images/header-slide-home-1.jpg') 0px 0px no-repeat;
	}
	#Slide-Home-2{
		background: url('../images/header-slide-home-2.jpg') 0px 0px no-repeat;
	}
	#Slide-Home-3{
		background: url('../images/header-slide-home-3.jpg') 0px 0px no-repeat;
	}
	#Slide-Home-4{
		background: url('../images/header-slide-home-4.jpg') 0px 0px no-repeat;
	}
	#Slide-Home-5{
		background: url('../images/header-slide-home-5.jpg') 0px 0px no-repeat;
	}
	#Slide-Home-6{
		background: url('../images/header-slide-home-6.jpg') 0px 0px no-repeat;
	}
	#Slide-Home-7{
		background: url('../images/header-slide-home-7.jpg') 0px 0px no-repeat;
	}
	#Slide-Home-8{
		background: url('../images/header-slide-home-8.jpg') 0px 0px no-repeat;
	}

	#Slide-Home-9{
		background: url('../images/header-slide-home-9.jpg') 0px 0px no-repeat;
	}
	#Slide-Home-10{
		background: url('../images/header-slide-home-10.jpg') 0px 0px no-repeat;
	}
	#Slide-Home-11{
		background: url('../images/header-slide-home-11.jpg') 0px 0px no-repeat;
	}
	#Slide-Benefits-1{
		background: url('../images/header-slide-benefits-1.jpg') 0px 0px no-repeat;
	}

	#Slide-Campaigns-1{
		background: url('../images/header-slide-campaigns-1.jpg') 0px 0px no-repeat;
	}

	#Slide-Campaigns-2{
		background: url('../images/header-slide-campaigns-2.jpg') 0px 0px no-repeat;
	}

	#Slide-Directors-1{
		background: url('../images/header-slide-directors-1.jpg') 0px 0px no-repeat;
	}

	#Slide-Events-1{
		background: url('../images/header-slide-events-1.jpg') 0px 0px no-repeat;
	}
	#Slide-Events-2{
		background: url('../images/header-slide-events-2.jpg') 0px 0px no-repeat;
	}
	#Slide-Events-3{
		background: url('../images/header-slide-events-3.jpg') 0px 0px no-repeat;
	}
	#Slide-Events-4{
		background: url('../images/header-slide-events-4.jpg') 0px 0px no-repeat;
	}

	#Slide-Directors-1{
		background: url('../images/header-slide-directors-1.jpg') 0px 0px no-repeat;
	}


	#Slide-Services-1{
		background: url('../images/header-slide-services-1.jpg') 0px 0px no-repeat;
	}

	#Slide-Vendors-1{
		background: url('../images/header-slide-vendors-1.jpg') 0px 0px no-repeat;
	}

	#Slide-Contact-1{
		background: url('../images/header-slide-contact-1.jpg') 0px 0px no-repeat;
	}
	#Slide-Contact-2{
		background: url('../images/header-slide-contact-2.jpg') 0px 0px no-repeat;
	}
	#Slide-Contact-3{
		background: url('../images/header-slide-contact-3.jpg') 0px 0px no-repeat;
	}
	#Slide-Contact-4{
		background: url('../images/header-slide-contact-4.jpg') 0px 0px no-repeat;
	}

	#Slide-Transit-1{
		background: url('../images/header-slide-transit-1.jpg') 0px 0px no-repeat;
	}
	#Slide-Transit-2{
		background: url('../images/header-slide-transit-2.jpg') 0px 0px no-repeat;
	}


/* Footer
   ------ */

	#Footer_Content {
		position: relative;
		background: url('../images/interface-footer-bg.png') 0 0 no-repeat;
		margin: 0px;
		padding: 0px;
		height: 88px;
		color: #000000;
		font-weight: bold;
		font-size: 1em;
	}

/* Footer Navigation
   ----------------- */
   
	#Footer_Content nav ul {
		float: right;
		margin: 15px 100px 0 330px;
		padding: 0px;
		list-style: none;
	}

	 
	#Footer_Content nav li {
		float: left;
	  	margin: 0;
		padding: 0;
		width: 135px;
	}

	#Footer_Content nav li a{
		color: #9E9E9E;
		text-decoration: none;
	}

	/* Hide any sub pages from the footer navigation */
	#Footer_Content nav ul li ul{
		display: none;
	}

	#AdminLink{
		position: absolute;
		top: 15px;
		right: 32px;	
		width: 54px;
		height: 40px;
/*		background-color: rgba(0,0,0,0.01); */
	}

/* 
 Specific page ID's
________________________________________________________________________________
*/



/* Editable Sections
   ------------------------ */

	#Editable1-Home {
		float: left;
		margin: 0px;
		width: 100%;
		padding: 8px 0px 10px 0px;
		border-top: 1px solid #a3ada4;
	}

	#Editable1-Home h2 {
		margin: 0px 0px 0px 20px;
	}

/* News and Events Sections
   ------------------------ */
   
	#NewsAndUpdates {
		position: relative;
		float: left;
		background: url('../images/interface-title-news.jpg') 50% 0% no-repeat;
		margin: 0px auto;
		padding: 40px 0px 0px 0px;
		width: 50%;
	}

	#UpcomingEvents {
		position: relative;
		float: left;
		background: url('../images/interface-title-events.jpg') 50% 0% no-repeat;
		margin: 0px auto;
		padding: 40px 0px 0px 0px;
		width: 50%;
	}

	#UpcomingEvents h2, #NewsAndUpdates h2{
		display: none;
	}

	#UpcomingEvents .Scrollable, #NewsAndUpdates .Scrollable{
		height: 320px;
		margin: 0 12px 10px 0;
	}
	

/* Benefits Page
   ------------- */
    
	#Benefits-Buttons{
		margin: 0px auto 10px auto;
		width: 630px;
	}

	#Benefits-Buttons a strong{
		display: none;
	}


	#Benefits-Buttons-OptIn{
		float: left;
		background: url('../images/benefits-buttons-opt_in-up.png') 0 0 no-repeat;
		width: 200px;
		height: 63px;
	}

	#Benefits-Buttons-OptIn:hover{
		background: url('../images/benefits-buttons-opt_in-down.png') 0 0 no-repeat;
	}

	#Benefits-Buttons-AddDependents{
		float: left;
		background: url('../images/benefits-buttons-add_dependents-up.png') 0 0 no-repeat;
		width: 230px;
		height: 63px;
	}
	#Benefits-Buttons-AddDependents:hover{
		background: url('../images/benefits-buttons-add_dependents-down.png') 0 0 no-repeat;
	}

	#Benefits-Buttons-OptOut{
		float: left;
		background: url('../images/benefits-buttons-opt_out-up.png') 0 0 no-repeat;
		width: 200px;
		height: 63px;
	}
	#Benefits-Buttons-OptOut:hover{
		background: url('../images/benefits-buttons-opt_out-down.png') 0 0 no-repeat;
	}


	#Accordion h2{
		margin: 1px 0px 1px 0px;
		padding: 7px 7px 7px 35px;
		font-weight: bold;
	}
		 
	.multi-column-list li {
		float: left;
	  	margin: 0;
		padding: 0;
		width: 190px;
	}



/* Transit Page
   ------------- */
  

	#Transit-Buttons{
		float: left;
		margin: 0px auto;
		width: 340px;
		text-align: center;
	}

	#Transit-Buttons-ul{
		position: relative;
		left: -20px;
	}
		
	#Transit-Buttons ul li{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
			
	#Transit-Buttons ul li ul li{
		font-size: 1.2em;
		text-align: left;
		list-style-type: disc;
		padding: 2px 0 2px 0;
		margin: 0 0 0 0px;
	}

	#Transit-Buttons ul li ul li ul li{
		text-align: left;
		list-style-type: circle;
		padding: 1px 0 1px 0;
		margin: 0 0 0 -20px;
		font-size: 1em;
	}

	#Transit-Buttons a strong{
		display: none;
	}


	.Transit-Button{
		width: 290px;
		height: 63px;
		margin: 15px auto 5px auto;	
		display: block;	
	}

	#Transit-Buttons-Go{
		background: url('../images/transit-button-go-off.png') 0 0 no-repeat;
	}

	#Transit-Buttons-Go:hover{
		background: url('../images/transit-button-go-on.png') 0 0 no-repeat;
	}


	#Transit-Buttons-Peterborough{
		background: url('../images/transit-button-ptbotransit-off.png') 0 0 no-repeat;
	}

	#Transit-Buttons-Peterborough:hover{
		background: url('../images/transit-button-ptbotransit-on.png') 0 0 no-repeat;
	}


	#Transit-Buttons-Trent{
		background: url('../images/transit-button-trent-off.png') 0 0 no-repeat;
	}

	#Transit-Buttons-Trent:hover{
		background: url('../images/transit-button-trent-on.png') 0 0 no-repeat;
	}


	#Transit-Buttons-Greyhound{
		background: url('../images/transit-button-greyhound-off.png') 0 0 no-repeat;
	}

	#Transit-Buttons-Greyhound:hover{
		background: url('../images/transit-button-greyhound-on.png') 0 0 no-repeat;
	}


	.transit-section-content{
/*
		display: none;
*/	
		margin-bottom: 20px;
	}
	

/* 
 Specific Classes
________________________________________________________________________________
*/


/* Content Area */	

	
	.skip{
		display: none;
	}


	/* News Items
   ---------- */
   
	.NewsItem{
		margin: 0px 6px 0px 18px;
		padding: 0px 0px 8px 0px;
	}
		
	.NewsItem-TitleBar{
		position: relative;
		margin: 0px 0px 2px 0px;
		padding: 3px 5px 3px 5px;
		background-color: #e5e8f0;
	}
	
	.NewsItem-Title{
		display: inline;
		font-weight: bold;
	}
	
	.NewsItem-Date{
		float: right;
		color: #2a402c;
		font-size: 0.9em;
		font-style: italic;
		font-weight: bold;
	}
	
	.NewsItem p{
		padding: 0px;
		margin: 0px;
	}
	
	#Content section .NewsItem p{
		margin: 0 20px 10px 10px;
		padding: 0 0 0 0;
	}


/* Services */	

	#Services{
		
	}
	
	#Services hr{
		clear: left;
	}
	
	.Service{
		clear: left;
		padding: 20px 0 20px 0;
	}
	.ServiceImage{
		background-color: #FFFFFF;
		border: 4px solid #455f95;
		border-radius: 5px;
	}

	.ServiceName{
		color: #263a28;
	}

	.ServiceInfo{
		border-top: 5px solid #455f95;
		margin-top: 7px;
		margin-left: 158px;
		padding-top: 10px;
	}


/* Transit Page */	

	.BusSchedule{
		width: 275px;
		margin: 0 auto;
	}

	.BusSchedule .tr-even {
		background: #e5e9f0;
	}
	
	.BusSchedule tr:hover {
		background: #c4d0de;
	}
	
	.BusSchedule .tr-odd {
	}

	.BusSchedule td {
		font-size: 1.15em;
		padding: 0 10px 0 0;
		text-align: right;
	}

	.BusSchedule th {
		padding: 5px;
		background: #c4d0de;
	}

	#TransitList{
		
	}
	
	#Transit hr{
		clear: left;
	}
	
	.Transit{
		clear: left;
		padding: 20px 0 20px 0;
		margin: 0 0 0 15px;
	}
	.TransitImage{
		background-color: #FFFFFF;
		border: 3px solid #455f95;
	}

	.TransitName{
		color: #263a28;
	}

	.TransitInfo{
		border-top: 4px solid #455f95;
		margin-top: 7px;
		margin-right: 100px;
		padding-top: 10px;
	}




/* Executives */	

	.Executive{
		clear: left;
		padding: 20px 0 20px 0;
	}
	.ExecImage{
		background-color: #FFFFFF;
		border: 4px solid #455f95;
		border-radius: 5px;
	}

	.ExecName{
		color: #263a28;
	}

	.ExecPosition{
		color: #777777;
	}

	.ExecEmail{
	}

	.ExecInfo{
		margin-top: 7px;
		padding-top: 10px;
		border-top: 5px solid #455f95;
	}

/* Directors */

	#DirectorsList{
		margin: 0 auto;
		width: 600px;
		border: 1px solid #455f95;
		border-spacing: 0;
	}
	
	#DirectorsList td{
		margin: 0px;
		padding: 5px;
	}
	
	.DirectorsList-TR-Even {
		background: #e5e9f0;
	}
	
	#DirectorsList tr:hover {
		background: #c4d0de;
	}
	
	.DirectorsList-TR-Odd {
	}
	
	#DirectorsList td.DirectorPosition{
	}
	#DirectorsList td.DirectorName{
		font-weight: bold;
	}
	#DirectorsList td.DirectorEmail{
	}


/* Levy Groups */
	.group_price{
		font-weight: bold;
	}
	
	.group_contact-primary{
		font-weight: bold;
	}
	
	.group_contact-secondary{
		font-weight: bold;
	}
	
	.group_officers{
		font-weight: bold;
	}
	
	.group_email{
		font-weight: bold;
	}
	
	.group_website{
		font-weight: bold;
	}
	
										


/* Contact Form */

	#ContactForm label{
		display: block;
		margin: 5px 0px 0px 0px;		
		color: #32852A;
		font-size: 0.9em;
		font-family: Helvetica;
		font-weight: bold;
	}
	
	.text_input {
		padding: 3px 0 3px 4px;
		width: 100%;
		font-size: 1em;
		font-weight: normal;
		outline: none;
		border: 2px solid #DCDCDC;
		border-radius: 5px;
	}
	
	.text_input:focus {
		border: 2px solid #32852A;
	}

	
	.FormBtn {
		cursor: pointer;
		margin: 2px -8px 10px 0px;
		padding: 10px 10px 10px 10px;
		background: #EFEFEF;
		color: #32852A;
		font-weight: bold;
		border: 2px solid #DCDCDC;
		border-radius: 20px;
	}
	
	.FormBtn:hover{
		border: 2px solid #32852A;
		color: #000000;
	}

	#ContactForm-Text{
		float: left;
		padding-top: 15px;
		width: 260px;
		text-align: left;
	}

	#ContactForm-Text .address{
		font-size: 0.86em;
	}

	#ContactForm-Container{
		float: left;
		width: 340px;
	}

	#ContactPageContent .alert{
		padding: 2em 0 2em 0;
		font-size: 1.25em;
		text-align: center;
	}

	#ContactPageContent .green{
		background: url("../images/Icon-Check.png") 50% 0 no-repeat;
		padding-top: 6.5em;
	}


	#CarePackages-Options-Mail{
		display: block;
		padding: 4px;
		text-align: center;
		border-bottom: 1px solid #999999;
		margin-bottom: 5px;
	}

	#CarePackages-Options-Online{
		display: block;
		margin-bottom: 7px;
		padding: 4px;
		text-align: center;
		border-bottom: 1px solid #999999;
	}

	#ExamCarePack-Form{
	}

	#ExamCarePack-Form label{
		font-weight: bold;
		font-size: 0.92em;
		display: block;
		text-align: right;
	}
		
	.FormInputText{
		width: 100%;
	}

	.FormItemOptional{
		font-size: 0.85em;
		color: #999999;
	}



/* 
 Icons
________________________________________________________________________________
*/

	a.Icon{
		padding: 3px 0 2px 19px;
		background-position: 0 50%;
 		background-repeat: no-repeat;
		border: 0px;
 
	}

	a.RSS{
		background-image: url("../images/Icon-RSS.png");
	}
	a.Twitter{
		background-image: url("../images/Icon-Twitter.png");
	}
	a.Facebook{
		background-image: url("../images/Icon-Facebook.png");
	}
	a.Linkedin{
		background-image: url("../images/Icon-Linkedin.png");
	}
	a.Validate{
		background-image: url("../images/Icon-Validate.png");
	}
	a.Wikipedia{
		background-image: url("../images/Icon-Wikipedia2.png");
	}
	a.History{
		padding: 1px 0 2px 19px;
		background-image: url("../images/Icon-OldNews2.png");
		color: #2e4760;
		text-decoration: none;
	}
	a.Zoom{
		background-image: url("../images/Icon-Zoom.png");
	}
	a.Download{
		background-image: url("../images/Icon-Download.png");
	}
	a.External{
		background-image: url("../images/Icon-External.png");
	}


/* 
 General Classes
________________________________________________________________________________
*/

	.PaddedContent{
		padding: 20px 45px 45px 45px;
	}

	.Indent{
		margin-left: 20px;
	}


	.color {
		color: #37713b;
	}

	.color2 {
		color: #6bc981;
	}
	
	.Bold {
		font-weight: bold;
	}

	.Italics {
		font-style: italic;
	}

	.Underline {
		text-decoration: underline;
	}

	.Center {
		text-align: center;
	}

	.Right{
		text-align: right;
	}

	.Left{
		text-align: left;
	}
	
	
	.ImageFloatRight{
		float: right;
		margin: 0px 20px 0px 10px;
	} 
	
	.ImageFloatLeft{
		float: left;
		margin: 0px 20px 20px 0px;
	} 

	.Clear {
		clear: both;
	}

	.ClearLeft {
		clear: left;
	}

	.ClearRight {
		clear: right;
	}

	.FloatLeft{
		float: left;
	}

	.FloatRight{
		float: right;
	}

	.FloatRight-Image{
		float: right;
		margin: 0 0 10px 10px;
	}

	.TwoColumn{
		width: 49%;
	}

	.Layer1{
		position: relative;
		z-index: 1;
	}

	.SuperScript {
		position: relative;
		top: -0.2em;
		vertical-align: top;
		font-size: 0.75em;
	}

	.NoFloat{
		float: none;
	}

	.FullWidth{
		width: 100%;
	}


	.BigText{
		font-size: 1.1em;
		font-weight: bold;
	}

	.Divider{
		margin-bottom: 15px;
		padding-top: 8px;
		width: 95%;
		border-bottom: 1px solid #a3ada4;
	}

	.Note {
		border: 1px solid #455f95;
		background-color: #e5e9f0;
		padding: 15px;
		margin: 15px;
	}
	
	.ReadMore-Link{
		font-size: 0.85em;
	}

	.Scrollable{
		overflow: auto;
	}
/* 
                    E n d   o f   S t y l e   S h e e t
________________________________________________________________________________
*/