@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------
[Master Style Sheet]
------------------------------------------------------------------------------------
Project:		Canadian Heartland Railway
Version:		1.0
Designer:		Ryan Martinez - Spincaster design (ryan@spincaster.com)
CSS 2.1 standards validated by: W3C  validated on: 15/01/09
last change:	
Assigned to:
Primary use:	Canadian Heartland Railway

[Layout / Table of Contents]
------------------------------------------------------------------------------------
* global reset
* gloabl styles
* html
* body
* mainContainer
	1.0 header / #header
		1.1 homepage, icon link /#header h1
		1.2 header tagling/ #header #tagline
		1.3 Primary navigation/ #header #pnav
			1.3.1 subnav menu/ #header #pnav li ul.subnav
	2.0 bread crumbs / #breadcrumbs
	3.0 main container /#main-content	
		3.1 left column/ #main-content #leftColumn
			3.1.1 quick refernce menu / #main-content #leftColumn .quickReferenceMenu
			3.1.2 common links / #main-content #leftColumn #commonLinks
			3.1.3 newsletter login / #main-content #leftColumn #newsletterLogin
		3.2 center column/ #main-content #centerColumn
		3.3 right column/ #main-content #rightColumn
			3.3.1 login links / #main-content #rightColumn #loginlinks
			3.3.2 login box / #main-content #rightColumn .loginbox
			3.3.3 contact info / #main-content #rightColumn #contactInfo
	4.0 footer/ #footer
		4.1 secondary navigation/ #footer #Snav
----------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
	global reset
----------------------------------------------------------------------------------*/
* {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	list-style:none;
	text-decoration:none;
}
/*----------------------------------------------------------------------------------
	global styles
----------------------------------------------------------------------------------*/
.clearer{
	height:1px; width:100%;
	margin:0px; padding:0px;
	clear:both;
}
/*the following will remove the dotted outline that appears when a link is focused*/
a:focus {
	outline: none;
}
/*----------------------------------------------------------------------------------
	default template for Canadian Heartland Training Railway
----------------------------------------------------------------------------------*/
html{ 
	height:100%;
	text-decoration:none;
	}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: inherit;
	text-decoration:none;
	background:#d9d6c5 url(../images/backgrounds/mockup_background2.jpg) repeat-x 0px 0px;
	height:100%;
}
#main_container{
	position:relative;
	margin:0px auto; 
	padding-bottom:5% !important; padding-bottom:3%;
	width:975px; 
	min-height:90%;
	height:auto !important;
	height:92%; 
	background:url(../images/backgrounds/centerColumn-repeat-background.jpg) repeat-y 192px 0px;
}
/*----------------------------------------------------------------------------------
1.0	header 
----------------------------------------------------------------------------------*/
#header{
	position:relative;
	width:970px; height:95px;
	background: url(../images/backgrounds/header_background.jpg) no-repeat 0px 0px;
	z-index:200;
}
	/*
	1.1	header - logo link  
	----------------------------------------------------------------------------------*/
	#header h1{	width:190px; height:88px; }
		#header h1 a{
			display:block;
			width:100%; height:100%;
		}
			#header h1 a span{display:none;}
	/*
	1.2	header - tagline
	----------------------------------------------------------------------------------*/
	#header #tagline{
		position:absolute; top:50px; left:195px;
		font-size:14px;
		color:#A5A092 /*sand*/
	}
	/*
	1.3	header - primary navigation
	----------------------------------------------------------------------------------*/
	#header #pnav{
		position:absolute; top:68px; right: 0px;
		margin:0px; padding:4px 0px 0px 0px;
		/*width:530px;*/ height:17px;
		text-align:right;
		z-index:200;
		}
		#header #pnav li{
			float:left;
			position:relative;
			height:17px;
			padding:0px 10px 0px 10px;
			background:url(../images/backgrounds/pnav_dividers_backgroun.gif) no-repeat right 3px;
			z-index: 3;
		}
			#header #pnav li.last{
				padding:0px 0px 0px 10px;
				background:none;
			}
			#header #pnav li a{
				width:100%; height:17px;
				padding:7px 0px 7px 0px;
				text-transform:lowercase;
				text-decoration:none;
				background:url(../images/backgrounds/clear.gif) repeat 0px 0px;
				color:#DAC588;  /*gold yellow*/
				font-size:11px;
				z-index: 3;
			}
				#header #pnav li a:hover{
					color:#eee;  /*off white*/
				}
		/*
		1.3.1	header - primary navigation - subnavigation
		----------------------------------------------------------------------------------*/
	#main_container #header #pnav li:hover ul.subnav{
			 display:block;
			 z-index:200;
		 }
		 #main_container #header #pnav li ul.subnav{
			 display:none;
			 position:absolute; left:-1px; top:17px;
			 padding:0px; margin:0px;
			 width:170px; height:auto;
			 border-right:1px solid #999;
			 border-left:1px solid #999;
			 border-bottom:1px solid #999;
			 background-color:#630912 /*dark red*/;
			 text-align:left;
			 z-index:200;
			 
		 }
		 	#main_container #header #pnav li ul.subnav li{
				width:140px; height:auto;
				margin:0px 5px 0px 5px; padding:0px;
				border-top:1px solid #ce6363; /*highlight red*/
				background:none;
		 	}
			#main_container #header #pnav li ul li.first{border:none;}	
			#main_container #header #pnav li ul li:first-child{border:none;}	
				#main_container #header #pnav li ul.subnav li a{
					display:block;
					height:auto; width:130px;
					padding:5px 10px 5px 10px; margin:0px 0px 0px 0px;
				}

/*----------------------------------------------------------------------------------
2.0	breadcrumbs 
----------------------------------------------------------------------------------*/
#breadcrumbs{
	width:100%; height:30px;
	padding:3px 0px 0px 0px;	
	background: url(../images/backgrounds/bread-crumbs-background.jpg) no-repeat 0px -7px;
	
	text-transform: lowercase;
}
	#breadcrumbs p{ color:white; font-weight:bold; font-size:11px;}
		#breadcrumbs p a{ 
			padding:0px 5px 0px 5px;
			color:#D8D5C3; /*sand*/ 
			font-weight:normal; 
			font-size:11px; 
		}
			#breadcrumbs p a:hover{ color:white; }
/*----------------------------------------------------------------------------------
3.0 main-content styles
----------------------------------------------------------------------------------*/
#main-content{
	width:100%; height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 6px;
	background:url(../images/backgrounds/main-content-background.jpg) no-repeat 4px 1px;
}
	/*
	3.1 Main content - left column
	----------------------------------------------------------------------------------*/
	#main-content #leftColumn{
		float:left;
		width:187px;
		padding:5px 0px 0px 0px;
	}
		#main-content #leftColumn p strong{
			display:block;
			margin:0px 0px 5px 0px;
			font-size:12px;
			color:#661016; /*maroon*/
			font-weight:bold;
		}
		#main-content #leftColumn p em{
			display:block;
			margin:0px 0px 3px 0px;
			font-size:12px;
			color:#565656; /*dark grey*/
			font-weight:bold;	
		}
		/*
		3.1.1 Main content - left column - quickReference
		----------------------------------------------------------------------------------*/		
		#main-content #leftColumn .quickReferenceMenu{
			width:175px;
			padding:0px 10px 10px 0px;
		}
			#main-content #leftColumn .quickReferenceMenu li{height:auto;}
			   #main-content #leftColumn .quickReferenceMenu li a {
					display:block;
					padding:2px 0px 2px 15px;
					border:1px solid #d9d6c5; 
					background:url(../images/backgrounds/rightColumnList_background2.jpg) no-repeat 0px 1px;
					color:#6D6D6D; /*dark sand grey*/ 
					font-size:11px; 
				}
				#main-content #leftColumn .quickReferenceMenu li a:hover {
					border:1px solid #bfbdb1; /*lightgrey border*/
					background:#cfcdbe url(../images/backgrounds/rightColumnList_background2.jpg) no-repeat 0px -90px;
				}
		/*
		3.1.2 Main content - left column - common links
		----------------------------------------------------------------------------------*/		
			#main-content #leftColumn #commonLinks{
				width:175px;
				margin:0px 10px 0px 0px; padding:10px 0px 0px 0px;
				border-top:1px solid #bfbdb1; /*lightgrey border*/
				text-align:right;
			}
				#main-content #leftColumn #commonLinks li{height:20px;}
					#main-content #leftColumn #commonLinks li a {
						display:block;
						padding:2px 0px 2px 0px;
						color:#6D6D6D; /*dark sand grey*/ 
						font-size:11px; 
					}
					#main-content #leftColumn #commonLinks li a:hover{ color:#333; }
					
		/*
		3.1.3 Main content - left column - newsletter login
		----------------------------------------------------------------------------------*/	
			#main-content #leftColumn #newsletterLogin{
				position:relative;
				width:159px; height:63px;
				margin: 5px 0px 0px 0px; padding:10px 15px 10px 13px;
				background:url(../images/backgrounds/content_leftColumn_newsletterLogin_bg.jpg) no-repeat -2px 0px; 
			}
				#main-content #leftColumn #newsletterLogin p strong{ margin:0px 0px 0px 0px; }
				#main-content #leftColumn #newsletterLogin label{ display:none; }
				#main-content #leftColumn #newsletterLogin input{
					width:145px; height:16px;
					margin:3px 0px 5px 0px;
					padding:0px 5px 0px 5px; 
					border:1px solid #b5b5ab;
					background:url(../images/backgrounds/My-EZlearnLogin-input-BG.jpg) top left repeat-y;
					font-size:11px;
					color:#8a8a8a;
				}
				#main-content #leftColumn #newsletterLogin #submitNewsletterEmail{
					float:right;
					margin:0px 0px 0px 0px;
					width:55px; height:19px;
					font-size:11px;
					cursor:pointer;
					background:url(../images/backgrounds/My-EZlearnLogin-submit-BG.jpg) 0px 0px repeat-x;
					border:1px solid #abaa96;
					color:#5e5e5c;
				}
					#main-content #leftColumn #newsletterLogin #submitNewsletterEmail:hover{
						color:#555;
						background:url(../images/backgrounds/My-EZlearnLogin-submit-BG.jpg) 0px -21px repeat-x;	
					}
	/*
	3.2 Main content - center column
	----------------------------------------------------------------------------------*/
	#main-content #centerColumn{
		position:relative;
		float:left;
		width:570px; 
		padding:7px 10px 10px 10px;
		border-top:1px solid #afaca3;
		z-index:5;
	}
		#main-content #centerColumn p, #main-content #centerColumn p strong{
			color:#6D6D6D; /*dark sand grey*/ 
			font-size:11px;
		}
			#main-content #centerColumn p strong{ font-weight:bold; font-size:12px;}
			#main-content #centerColumn p a{ color:#661016; /*maroon*/ font-size:11px;}
		#main-content #centerColumn h2{
			margin:0px 0px 10px 0px;
			padding:0px 0px 5px 0px;
			border-bottom:1px solid #bfbdb1; /*lightgrey border*/
			font-size:18px;
			color:#661016; /*maroon*/
			font-weight:bold;
		}
		#main-content #centerColumn h3{ 
			font-size:14px; 
			color:#661016; /*maroon*/
			font-weight:bold;
		}
			#main-content #centerColumn h3 a{ 
				font-size:14px; 
				color:#661016; /*maroon*/
				font-weight:bold;
			}
	/*
	3.3 Main content - right column
	----------------------------------------------------------------------------------*/
	#main-content #rightColumn{
		position:relative;
		float:left;
		width:175px; height:auto;
		padding:10px 0px 0px 10px;
	}
		/*
		3.3.1 Main content - right column - login links
		----------------------------------------------------------------------------------*/
		#main-content #rightColumn #loginlinks {
			position:absolute;
			height:25px;
			z-index:100;
		}
			#main-content #rightColumn #loginlinks li {
					float:left;
					width:85px!important; width:83px; 
					height:22px;
			}
				#main-content #rightColumn #loginlinks li a{
					display:block;
					width:77px; height:14px;
					padding:3px 3px 3px 5px;
					font-size:11px;
					color:#555; /*dark sand grey*/ 
					border-right:1px solid #bfbdb1; /*lightgrey border*/
					border-top:1px solid #bfbdb1; /*lightgrey border*/
					border-left:1px solid #bfbdb1; /*lightgrey border*/
					background:#d1cfc2 url(../images/backgrounds/loginLink-background2.jpg) repeat-x 0px 0px; 
				}
				#main-content #rightColumn #loginlinks li a:hover{ color:#333; }
				#main-content #rightColumn #loginlinks #cloginLink{ margin-right:5px!important; margin-right:1px  }
				#main-content #rightColumn #loginlinks .inactive a{ background:none; color:#8a8a8a; }
				#main-content #rightColumn #loginlinks .inactive a:hover{ color:#333; }
		
		/*
		3.3.2 Main content - right column - login box
		----------------------------------------------------------------------------------*/
		#main-content #rightColumn .loginbox{
			position:absolute;
			display:block;
			top:30px; 
			width:155px; height:128px;
			padding:10px;
			border:1px solid #aaa; /*lightgrey border*/
			background:#d1cfc2 url(../images/backgrounds/loginbox-background2.jpg) no-repeat 0px 0px;
		}
		#main-content #rightColumn .forgotLinks{
			clear:right;
			margin:0px 0px 0px 0px;
			width:145px; height:auto;
			padding:5px;
			border:1px solid #aaaaaa; /*lightgrey border*/	
			text-align:left;
		}
			#main-content #rightColumn .loginbox .forgotLinks  a{
				clear:right;
				margin:0px 0px 0px 0px; padding:0px;
				display:block;
				width:auto;
				font-size:10px;
				color:#777; /*maroon*/		
			}
		
		#main-content #rightColumn .loginbox .forgotLinks a:hover{ text-decoration:underline; color:#661016; /*maroon*/	}
		#main-content #rightColumn #businessLogin { display:none;  }
			#main-content #rightColumn .loginbox form label{ display:none; }
			#main-content #rightColumn .loginbox form input { 
				width:145px; height:16px;
				margin:5px 0px 5px 0px;
				padding:0px 5px 0px 5px; 
				border:1px solid #b5b5ab;
				background:url(../images/backgrounds/My-EZlearnLogin-input-BG.jpg) top left repeat-y;
				font-size:11px;
				color:#8a8a8a;
			}
			#main-content #rightColumn .loginbox form #submitClient, #main-content #rightColumn .loginbox form #submitBusiness{
				float:right;
				margin:5px 0px 10px 50px;
				width:75px; height:20px;
				cursor:pointer;
				font-size:11px;
				background:url(../images/backgrounds/My-EZlearnLogin-submit-BG.jpg) 0px 0px repeat-x;
				border:1px solid #abaa96;
				color:#5e5e5c;
			}
			#main-content #rightColumn .loginbox form #submitClient:hover, #main-content #rightColumn .loginbox form #submitBusiness:hover{
				color:#555;
				background:url(../images/backgrounds/My-EZlearnLogin-submit-BG.jpg) 0px -21px repeat-x;	
			}
		/*
		3.3.3 Main content - right column - contact info
		----------------------------------------------------------------------------------*/		
		#main-content #rightColumn #contactInfo{
			position:absolute;
			top:10px;
			width:155px;
			margin:10px 0px 0px 0px;
			padding:10px;
			border:1px solid #bfbdb1; /*lightgrey border*/
		}
			#main-content #rightColumn #contactInfo h3 {
				display:block;
				margin:0px 0px 5px 0px;
				font-size:12px;
				color:#661016; /*maroon*/
				font-weight:bold;
			}
			#main-content #rightColumn #contactInfo p {
				display:block;
				margin:0px 0px 5px 0px;
				font-size:11px;
				color:#565656; /*dark grey*/
			}
			#main-content #rightColumn #contactInfo ul { color:#565656; /*dark grey*/ }
			#main-content #rightColumn #contactInfo ul li {font-size:11px;margin:2px 0px 2px 0px; }
			#main-content #rightColumn #contactInfo ul li span{ color:#666; font-weight:bold; font-size:12px; }
/*----------------------------------------------------------------------------------
4.0 footer 
----------------------------------------------------------------------------------*/
#footer{
	position:absolute;
	bottom:0px;
	margin:0px; padding:165px 0px 0px 0px;
	width:100%; height:25px;
	background:url(../images/backgrounds/centerColumn-grung-background.jpg) no-repeat 193px 0px;
	z-index:1;
}
	#footer #footerWrapper{
		margin:0px 5px 0px 5px;
		padding:5px 0px 0px 0px;
		height:25px;
		border-top:1px solid #bebcaf;
		background: #d9d6c5
	}
	#footer p{
		font-size:11px;
		color:#6D6D6D; /*grey*/
	}
		#footer p a { font-size:11px; color:#661115; /*dark red*/ }
	#footer .doubletes{
		padding:0px 2px 0px 2px; margin:0px 2px 0px 2px;
		color:#6D6D6D; /*grey*/
		border:1px solid #bebcaf;
	}
	#footer .doubletes:hover{
		color:#fff;	
		color:#6D6D6D; /*grey*/
		background:#e4e2d3;
		border:1px solid #bebcaf; /*grey*/
	}
	/*
	4.1  footer - secondary navigation
	----------------------------------------------------------------------------------*/	
	#footer #Snav{
		float:right;
	}
		#footer #Snav li{
			display:inline;
			padding:0px 7px 0px 7px;
			background:url(../images/backgrounds/Snav_dividers_backgroun.gif) no-repeat right 3px;
		}
			#footer #Snav li.last{
				padding:0px 0px 0px 10px;
				background:none;
			}
			#footer #Snav li a{
				width:100%;
				text-transform:lowercase;
				text-decoration:none;
				color:#6D6D6D; /*grey*/
				font-size:11px;
			}
				#footer #Snav li a:hover{
					text-decoration:underline;
					color:#444; /*grey*/
				}

/*----------------------------------------------------------------------------------
5.0 Common styles for Industrial Railway and Railway Community
----------------------------------------------------------------------------------*/
#main-content #centerColumn div.coursesOffered{
	margin:10px 2px 10px 0px;
	padding:10px 10px 10px 10px;
	background:#f1f0eb; /*light cream*/
	border:1px solid #bfbdb1; /*lightgrey border*/
}
	#main-content #centerColumn div.coursesOffered h4{
		position:relative;
		height:18px;
		padding:0px 0px 3px 0px;
		margin:0px 0px 5px 0px;
		color:#8F303F;
		border-bottom:1px solid #bfbdb1; /*lightgrey border*/
	}
		#main-content #centerColumn div.coursesOffered h4 a{
			position:absolute; right:0px!important; right:20px;
			padding:0px 0px 3px 0px;
			margin:0px 0px 5px 0px;
			color:#8F303F;
			
		}
		#main-content #centerColumn div.coursesOffered h4 span a{
			padding:0px 17px 0px 0px;
			position:relative; left:0px;
			font-size:12px;
			background:url(../images/backgrounds/GoTo.png) right 1px no-repeat;
		}
	#main-content #centerColumn .coursesOffered p {
		margin:0px 0px 10px 0px;
		color:#444;
	}
		#main-content #centerColumn .coursesOffered p strong {
			margin:0px; 
			padding:0px; 
			font-size:11px;
		}
	#main-content #centerColumn .coursesOffered a{
		color:#661016; /*maroon*/
		font-size:11px;
	}
		#main-content #centerColumn .coursesOffered p.locationsAvailableHeader{margin:0px; padding:0px;}
		#main-content #centerColumn .coursesOffered ul.locationsAvailable{ 
			overflow:auto; 
			height:auto; 
			margin:0px 0px 10px 0px; 
		}
		#main-content #centerColumn .coursesOffered ul.locationsAvailable li{
			float:left;
			padding:0px 2px 0px 0px;
			font-size:11px;
			color:#999;
		}
			#main-content #centerColumn .coursesOffered ul.locationsAvailable li strong{font-weight:bold;font-size:11px; }
		#main-content #centerColumn a.registerGraphicLink{
			position: relative;
			display:block;
			width:203px; height:71px;
			border:1px solid #bfbdb1;
			background:url(../images/buttons/registerNow.jpg) no-repeat 0px 0px;
		}
			#main-content #centerColumn a.registerGraphicLink:hover{ border:1px solid #fff;}
			#main-content #centerColumn a.registerGraphicLink span{ display:none; }
/*----------------------------------------------------------------------------------
6.0 styles for course outlines
----------------------------------------------------------------------------------*/
	#main-content #centerColumn #courseOutline h3{
		margin:5px 0px 5px 0px;
		position:relative;
		font-weight:bold;
		font-size:16px;
		color:#84827B; /*dark sand*/
	}
		#main-content #centerColumn #courseOutline h3 a{
			position:absolute; right:0px;
			margin:0px 0px 0px 0px!important; margin:0px 10px 0px 0px;
			padding:0px 15px 0px 0px;
			font-weight:normal;
			font-size:11px;
			color:#661016; /*maroon*/
			background:url(../images/backgrounds/courseOutline_centerColumn_returnToTopArrow.jpg) right 0px no-repeat;
		}
		#main-content #centerColumn #courseOutline > ul, #main-content #centerColumn #courseOutline div.additionalCourseNotes {
			margin:0px 0px 15px 0px;
			padding:10px;
			border:1px solid #abaa96; /*light grey*/
			background:#EFEEE8;
			color:#6D6D6D; /*dark sand grey*/ 
			font-size:11px;
		}
		#main-content #centerColumn #courseOutline > ul li{ 
			padding:10px 0px 5px 0px;
			border-bottom:1px dashed #abaa96;
		}
		#main-content #centerColumn #courseOutline > ul li span{
			clear:left;
			float:left;
			width:175px;
			font-size:12px;
			font-weight:bold;
			color:#8F303F; /*faded red*/
		}
		#main-content #centerColumn #courseOutline > ul li p{
			font-size:12px;
			margin:0px 0px 0px 175px;
		}
			/*-----------the following code is used to reset the style for all child elements ----------*/
			#main-content #centerColumn #courseOutline ul li ul,#main-content #centerColumn #courseOutline ul li ul li, 
			#main-content #centerColumn #courseOutline ol,  #main-content #centerColumn #courseOutline ol li{
				margin:0px; padding:0px; border:none;
			}
			/*-----------------------------------------------------------------------------------------  */
		#main-content #centerColumn #courseOutline ul li ul, #main-content #centerColumn #courseOutline ul li ol {
			font-size:12px;
			margin:0px 0px 0px 175px;
		}
		#main-content #centerColumn #courseOutline ul li ul li, #main-content #centerColumn #courseOutline ul li ol li {
			padding:0px 0px 0px 15px;
			background: url(../images/backgrounds/courseOutline_centerColumn_Ul_li_background.jpg) no-repeat 2px 3px;
		}
		#main-content #centerColumn #courseOutline ul li ol li ol{
			margin:0px 0px 0px 15px;
		}
			#main-content #centerColumn #courseOutline ul li ol li ol li{
				background:url(../images/backgrounds/courseOutline_centerColumn_Ul_li_Ol_li_background.jpg) no-repeat 2px 3px;
			}
		#main-content #centerColumn #courseOutline .lastEntry{
			border:none;
		}
/*----------------------------------------------------------------------------------
7.0 styles for registration form - this may be temporary - check for registration.asp
----------------------------------------------------------------------------------*/
#main-content #centerColumn #registrationForm{
	position:relative;
	margin:0px; padding:0px;
	color:#6D6D6D; /*dark sand grey*/ 
}
#main-content #centerColumn #ExplainStar strong{
	display:block;
	margin:0px 0px 10px 0px;
	font-weight:normal;
	color:#661016; /*maroon*/
}
	
#main-content #centerColumn #error{
	padding:10px;
	background:#d0cebf;
	border:1px solid #aaa; /*grey input border*/
}

#main-content #centerColumn #error strong{
	font-weight:normal;
	color:#661016; /*maroon*/
}

#main-content #centerColumn #success{
	padding:10px;
	background:#f7f5e6;
	border:1px solid #abaa96; /*light grey*/
}
#main-content #centerColumn #success p strong{
	font-weight:normal;
	color:#7cab55; /*green*/
}
#main-content #centerColumn #registrationForm label span{
	color:#661016; /*maroon*/
	font-size:15px;
}
#main-content #centerColumn #registrationForm fieldset{
	position:relative;
	clear:both;
	margin:0px 0px 10px 0px; padding:10px;
	border:1px solid #abaa96; /*light grey*/
	background:#e4e2d3 url(../images/backgrounds/registration_fieldset-background.jpg) no-repeat 0px 0px;
}
#main-content #centerColumn #registrationForm legend{ display:none; }

#main-content #centerColumn #registrationForm input, 
#main-content #centerColumn #registrationForm select{ 
    padding:2px 0px 0px 5px;
	height:16px;
	border:1px solid #b5b5ab; /*grey input border*/
	background:url(../images/backgrounds/My-EZlearnLogin-input-BG.jpg) top left repeat-y;
	font-size:11px;
	color:#8a8a8a;
}
#main-content #centerColumn #registrationForm label{ font-size:11px; }
#main-content #centerColumn #registrationForm #Sal{ display:block; margin:0px 0px 5px 0px; }
#main-content #centerColumn #registrationForm #salutationMr, #main-content #centerColumn #registrationForm #salutationMrs, 
#main-content #centerColumn #registrationForm #salutationMs, #main-content #centerColumn #registrationForm #salutationDr{
	width:auto; border:none; background:none;
}

	/*
	7.1  Regisation form - fieldset (personal information) 
	----------------------------------------------------------------------------------*/	
	#main-content #centerColumn #registrationForm #personalInformation ul{
		clear:both;
		margin:5px 0px 0px 0px;
		height:20px;
	}
	#main-content #centerColumn #registrationForm #personalInformation ul li{float:left;width:273px;}
	#main-content #centerColumn #registrationForm #personalInformation ul li label{ 
		float:left;
		display:block;
		width:75px;
		font-size:11px; 
	}
	#main-content #centerColumn #registrationForm #personalInformation ul li input{	width:170px;}

	/*
	7.2  Regisation form - fieldset (contact information) 
	----------------------------------------------------------------------------------*/	
	#main-content #centerColumn #registrationForm #contactInformation ul{
		clear:both;
		margin:5px 0px 0px 0px !important;
		height:100px;
	}
	#main-content #centerColumn #registrationForm #contactInformation ul li{
		float:left;
		width:273px;
		margin:0px 0px 5px 0px;
	}
	#main-content #centerColumn #registrationForm #contactInformation ul li label{
		float:left;
		display:block;
		width:75px;
		font-size:11px; 
	}
	#main-content #centerColumn #registrationForm #contactInformation ul li input {width:170px;}
	#main-content #centerColumn #registrationForm #contactInformation ul li select{
		padding:0px 0px 0px 2px;
		height:19px;width:178px;
		border:1px solid #b5b5ab;
		background:url(../images/backgrounds/My-EZlearnLogin-input-BG.jpg) top left repeat-y;
		font-size:11px;
		color:#8a8a8a;
	}
	#main-content #centerColumn #registrationForm #contactInformation ul li option{
		padding:0px 0px 0px 5px;
		font-size:11px;
		color:#8a8a8a;
		background:#eee;
		
	}
	/*
	7.3  Regisation form - fieldset (attendence information) 
	----------------------------------------------------------------------------------*/	
	#main-content #centerColumn #registrationForm #attendanceInformation{
		clear:both;
		margin:0px 0px 10px 0px!important; margin:10px 0px 10px 0px;
	}
	#main-content #centerColumn #registrationForm #attendanceInformation label{
		float:left;
		display:block;
		width:75px;
		font-size:11px; 
	}
	#main-content #centerColumn #registrationForm #attendanceInformation select#attendees{
		padding:0px 0px 0px 2px;
		height:19px;
		border:1px solid #b5b5ab;
		background:url(../images/backgrounds/My-EZlearnLogin-input-BG.jpg) top left repeat-y;
		font-size:11px;
		color:#8a8a8a;
	}
	#main-content #centerColumn #registrationForm #attendanceInformation select#attendees option{
		padding:0px 0px 0px 5px;
		font-size:11px;
		color:#8a8a8a;
		background:#eee;
	}
	#main-content #centerColumn #registrationForm #attendanceInformation ul li option{
		padding:0px 0px 0px 5px;
		font-size:11px;
		color:#8a8a8a;
		background:#eee;
	}
	#main-content #centerColumn #registrationForm #attendanceInformation #payTitle{ width:auto; margin:0px 0px 10px 0px;}
	#main-content #centerColumn #registrationForm #attendanceInformation ul{ clear:both; }
	#main-content #centerColumn #registrationForm #attendanceInformation ul li{
		float:left;
		width:100px;
		margin:0px 0px 5px 0px;	
	}
	#main-content #centerColumn #registrationForm #attendanceInformation ul li input{ background:none; border:none; }
	/*
	7.4  Regisation form - fieldset (Credit card information) 
	----------------------------------------------------------------------------------*/	
	#main-content #centerColumn #registrationForm #CreditCardInfo input[type="radio"]{ background:none; border:none; }
	#main-content #centerColumn #registrationForm #CreditCardInfo ul{
		margin:10px 0px 0px 0px;
		height:70px;
	}
	#main-content #centerColumn #registrationForm #CreditCardInfo ul li{
		float:left;
		width:273px;
		margin:0px 0px 5px 0px;
	}
	#main-content #centerColumn #registrationForm #CreditCardInfo ul li input{
		padding:2px 0px 0px 5px;
		height:16px;width:170px;
		border:1px solid #b5b5ab; /*grey input border*/
		background:url(../images/backgrounds/My-EZlearnLogin-input-BG.jpg) top left repeat-y;
		font-size:11px;
		color:#8a8a8a;
	}
	#main-content #centerColumn #registrationForm #CreditCardInfo ul li#expirydateLi{
		width:auto;
	}
	#main-content #centerColumn #registrationForm #CreditCardInfo ul li#expirydateLi input{
		width:20px;
	}
	#main-content #centerColumn #registrationForm #CreditCardInfo ul li#expirydateLi select{
		padding:0px; width:80px; height:20px;	
	}
	#main-content #centerColumn #registrationForm #CreditCardInfo ul li label{
		float:left;
		display:block;
		width:75px;
		font-size:11px;
	}
	/*
	7.5  Regisation form - fieldset (verification and submit) 
	----------------------------------------------------------------------------------*/	
	#main-content #centerColumn #registrationForm #verificationInfrormation img{border:1px solid #b5b5ab; /*grey input border*/}
	#main-content #centerColumn #registrationForm #verificationInfrormation #Submit,
	#main-content #centerColumn #registrationForm #verificationInfrormation #submit{
		padding:0px;
		margin:0px 0px 0px 0px;
		width:55px; height:19px;
		font-size:11px;
		cursor:pointer;
		background:url(../images/backgrounds/My-EZlearnLogin-submit-BG.jpg) 0px 0px repeat-x;
		border:1px solid #abaa96;
		color:#5e5e5c;
	}
	/*
	7.6  Regisation form - fieldset (payment subject) 
	----------------------------------------------------------------------------------*/
	#main-content #centerColumn #registrationForm #paymentInformation ul li{
		margin-right:22px;
		float:left;
	}
	#main-content #centerColumn #registrationForm #paymentInformation label{	
		clear:none;
		display:block;
		float:left;
		width:75px;
	}
	#main-content #centerColumn #registrationForm #paymentInformation input[type="text"],
	#main-content #centerColumn #registrationForm #paymentInformation select{
		width:165px;
		padding:2px 0px 0px 5px;
		height:16px;
		border:1px solid #b5b5ab; /*grey input border*/
		background:url(../images/backgrounds/My-EZlearnLogin-input-BG.jpg) top left repeat-y;
		font-size:11px;
		color:#8a8a8a;
	}
	#main-content #centerColumn #registrationForm #paymentInformation select{
		padding:0px;
		height:20px;
		width:175px;
	}
/*----------------------------------------------------------------------------------
8.0 Styles for Sitemap
----------------------------------------------------------------------------------*/
#SitemapContainer{
	margin:0px;padding:15px;
	background:#EFEEE8;
	border:1px solid #b5b5ab; /*grey input border*/
}
	#SitemapContainer #siteMap{
		background:url(../images/backgrounds/sitemap_UL_background.jpg) repeat-y 0px 0px;
	}
		#SitemapContainer #siteMap > li{
			width:auto;
			margin:3px 0px 3px -5px;
			padding:0px 0px 0px 15px;
			background:url(../images/backgrounds/sitemap_UL_Li_background.jpg) no-repeat 0px 3px;	
		}
			#SitemapContainer #siteMap > li a{
				font-weight:bold;
				color:#661016; /*maroon*/	
			}
			#SitemapContainer #siteMap > li a:hover{
				text-decoration:underline;
			}
			#SitemapContainer #siteMap > li ul{
				margin:3px 0px 3px 10px;
				background:url(../images/backgrounds/sitemap_UL_background.jpg) repeat-y 0px 0px;
			}
				#SitemapContainer #siteMap > li ul li{
					margin:5px 0px 5px 0px;
					padding:0px 0px 0px 15px;
					background:url(../images/backgrounds/sitemap_UL_Li_UL_Li_background.jpg) no-repeat 0px 6px;
				}
				#SitemapContainer #siteMap > li ul li a{
					color:#444;
					font-weight:normal;
				}
/*----------------------------------------------------------------------------------
9.0 Styles for Contact Page
----------------------------------------------------------------------------------*/
#main-content #centerColumn #Contacts{
	position:absolute;
	top:45px; left:10px;
	width:176px;
	padding:10px;
	border:1px solid #bfbdb1; /*lightgrey border*/
	background:#cfcdbe; /*dark sand color*/
	
}
	#main-content #centerColumn	#Contacts p strong{
		font-weight:bold;
		color:#4F4F4F;	
	}
	#main-content #centerColumn	#Contacts_Form label span{ color:#661016; /*maroon*/ }
	#main-content #centerColumn	#Contacts ul li{
		margin:5px 0px 5px 10px;
		font-size:11px;
		color:#6D6D6D; /*dark sand grey*/ 
	}
#main-content #centerColumn #Contacts_Form{
	border-left:1px solid #bfbdb1;
	margin-left:207px;
	padding:0px 0px 0px 10px;
}
#main-content #centerColumn #Contacts_Form p em{
	display:block;
	margin:5px 0px 0px 0px;
	font-size:10px;
	color:#661016; /*maroon*/
}
#main-content #centerColumn #Contacts_Form ul{
	margin:10px 0px 0px 0px;
	
}
#main-content #centerColumn #Contacts_Form ul li{
	margin:2px 0px 2px 0px;
	height:auto;	
}
#main-content #centerColumn #Contacts_Form label{
	clear:both;
	display:block;
	float:left;
	width:182px;
	font-size:11px;
	color:#6D6D6D; /*dark sand grey*/ 
}
#main-content #centerColumn #Contacts_Form label#SecurityCode {
	width:225px;
}
#main-content #centerColumn #Contacts_Form input,#main-content #centerColumn #Contacts_Form textarea{
	width:160px;
	border:1px solid #b5b5ab;
	background:#fff url(../images/backgrounds/My-EZlearnLogin-input-BG.jpg) top right repeat-y;
	font-size:11px;
	color:#8a8a8a;
}
#main-content #centerColumn #Contacts_Form textarea{ 
	width:340px; 
	
}
#main-content #centerColumn #Contacts_Form ul li#checkbox{
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #bfbdb1; /*lightgrey border*/
	border-top:1px solid #bfbdb1; /*lightgrey border*/
}
#main-content #centerColumn #Contacts_Form ul li#checkbox input{
	border:none; width:auto; background:none;	
}
#main-content #centerColumn #Contacts_Form ul li input#strCAPTCHA {
	float: left;
	margin: 2px 5px 10px 0px;
}
#main-content #centerColumn #Contacts_Form ul li input#Submit {
	clear: both;
	float: left;
}
#main-content #centerColumn #Contacts_Form ul li#checkbox label{
	display:inline; float:none; clear:both; width:auto;
}
#main-content #centerColumn #Contacts_Form #verificationInfrormation legend{display:none;}
#main-content #centerColumn #Contacts_Form #verificationInfrormation img{ 
	margin:0px; padding:0px;
	border:1px solid #b5b5ab;
}
#main-content #centerColumn #Contacts_Form #Submit{
		width:55px; height:19px;
		font-size:11px;
		cursor:pointer;
		background:url(../images/backgrounds/My-EZlearnLogin-submit-BG.jpg) 0px 0px repeat-x;
		border:1px solid #abaa96;
		color:#5e5e5c;
	}
/*----------------------------------------------------------------------------------
10.0 Styles for Locamotive Seminar Page
----------------------------------------------------------------------------------*/	
	
#LocatmotiveSeminar p, #LocatmotiveSeminar ul li, #LocatmotiveSeminar dl dd, #LocatmotiveSeminar dl dt, #LocatmotiveSeminar p em{
	color:#6D6D6D; /*dark sand grey*/ 
	font-size:12px;
}
#LocatmotiveSeminar h3{ margin:15px 0px 0px 0px;}
#LocatmotiveSeminar img{border:5px solid white; }
#LocatmotiveSeminar ul{
	margin:5px 0px 5px 0px;
}
#LocatmotiveSeminar a{ color:#661016; /*maroon*/ font-size:12px; }
#LocatmotiveSeminar p{
	margin:0px 0px 5px 0px;
}
#LocatmotiveSeminar p em{ font-weight:bold; }
#LocatmotiveSeminar p big{ 
	font-weight:bold;
	color:#661016; /*maroon*/
}
#LocatmotiveSeminar #locations{ 
	width:270px;
	padding:3px 0px 3px 0px;
	border-top:1px solid #bfbdb1; /*lightgrey border*/ 
	border-bottom:1px solid #bfbdb1; /*lightgrey border*/ 
}
	#locations li{
		list-style:none; 
	}
#lineup{ 
	padding:5px 0px 5px 0px;
	border-top:1px solid #bfbdb1; /*lightgrey border*/ 
	border-bottom:1px solid #bfbdb1; /*lightgrey border*/ 

}
#lineup li{ list-style:none; padding:2px 0px 2px 0px;}
#questions{ margin:0px 0px 10px 0px; }
#questions li{
	list-style:inside disc;
}

#LocatmotiveSeminar dl{
	margin:5px 0px 5px 0px;
}
#LocatmotiveSeminar dl dt{
	margin:15px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
}

/*----------------------------------------------------------------------------------
11.0 Styles for Pre-employment
----------------------------------------------------------------------------------*/
#main-content #centerColumn .programsOffered{
	margin:10px 0px 0px 0px; padding:10px;
	border:1px solid #bfbdb1; /*lightgrey border*/
	background:#cfcdbe;	
	font-size:11px;
}
	#main-content #centerColumn .programsOffered img{
		float:left;
		border:1px solid #999;
		margin:5px 10px 10px 0px;
	}
		
	#main-content #centerColumn .programsOffered h4{
		position:relative;
		height:18px;
		padding:0px 0px 3px 0px;
		margin:0px 0px 5px 0px;
		color:#8F303F;
		border-bottom:1px solid #bfbdb1; /*lightgrey border*/
	}
		#main-content #centerColumn .programsOffered h4 a{
			position:absolute; right:0px!important; right:20px;
			padding:0px 0px 3px 0px;
			margin:0px 0px 5px 0px;
			color:#8F303F;
			font-size:11px;
		}
		#main-content #centerColumn .programsOffered h4 span a{
			position:relative; left:0px;
			padding:0px 18px 0px 0px;
			font-size:12px;
			background:url(../images/backgrounds/GoTo.png) right 1px no-repeat;
		}
		#main-content #centerColumn .programsOffered p{
			clear:right;
			display:block;
			width:auto !important; width:455px; 
			height:auto;
			margin:10px 0px 5px 80px; padding:5px;
			color:#666;
			border:1px solid #999;
			background:#ddd9ce; /*light cream*/
		}
		#main-content #centerColumn .programsOffered p.locationsAvailableHeader{ margin:0px 0px 0px 80px; padding:0px; background:none; border:none; }
		#main-content #centerColumn .programsOffered p.locationsAvailableHeader strong{
			margin:0px; 
			padding:0px;
			font-size:11px;
			color:#444;
			background:none;
		}
		#main-content #centerColumn .programsOffered ul.locationsAvailable{ 
			overflow:auto; 
			height:auto; 
			margin:0px 0px 10px 80px; 
			clear:left;
		}
		#main-content #centerColumn .programsOffered ul.locationsAvailable li{
			float:left;
			padding:0px 2px 0px 0px;
			font-size:11px;
			color:#666;
		}
			#main-content #centerColumn .programsOffered ul.locationsAvailable li strong{font-weight:bold;font-size:11px; }
/*----------------------------------------------------------------------------------
12.0 Styles for about.asp
----------------------------------------------------------------------------------*/
#main-content #centerColumn #aboutCHTR p{ margin:10px 0px 10px 0px;	}
#main-content #centerColumn #aboutCHTR p em{
	color:#661016; /*maroon*/ }
/*----------------------------------------------------------------------------------
12.0 Styles for LMS_learnerLogin.asp
----------------------------------------------------------------------------------*/	
#LMS_learnerLogin{
	padding:10px 0px 0px 0px;
	width:567px; height:175px; 
	overflow:hidden;
	
	background:url(../images/backgrounds/LMS_learnerLogin_bg.jpg) no-repeat 0px 0px;
	border-bottom:1px solid #999;
	
}
#LMS_learnerLogin p{ 
	margin:0px 0px 45px 0px;
}
#LMS_learnerLogin label{
	position:relative;
	display:block;
	height:25px;
	width:185px; float:left;
	padding:5px 5px 0px 0px;
	color:#565656;
	
	text-align:right;
}
#LMS_learnerLogin input[type="text"],#LMS_learnerLogin input[type="password"]{	
	float:left;
	width:155px; height:14px;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 5px; 
	border:1px solid #b5b5ab;
	background:url(../images/backgrounds/My-EZlearnLogin-input-BG.jpg) top left repeat-y;
	font-size:11px;
	color:#8a8a8a;
}
#LMS_learnerLogin .decorative_box {
	float:left;
	position:relative;
	display:block;
	padding:4px;
	margin:0px 0px 0px 0px;
	background:url(../images/backgrounds/LMS_learnerLogin_decorative_box.png) repeat 0px 0px;
	border-top:1px solid #222;
	border-right:1px solid #ddd;
	border-bottom:1px solid #eee;
	border-left:1px solid #555;
}
#LMS_learnerLogin input[type="text"]:active, #LMS_learnerLogin input[type="password"]:active, #LMS_learnerLogin input[type="text"]:focus, #LMS_learnerLogin input[type="password"]:focus{
	border:1px solid #661016; /*maroon*/ 	
}
#submit_LMS_learnerLogin{ 
	float:left;
	margin:0px 0px 0px 4px;
	width:55px; height:19px;
	font-size:11px;
	cursor:pointer;
	background:url(../images/backgrounds/My-EZlearnLogin-submit-BG.jpg) 0px 0px repeat-x;
	border:1px solid #abaa96;
	color:#5e5e5c;
}
#LMS_learnerLogin a{
	display:block;
	margin:4px 0px 0px 5px;
	float:left;
	color:#661016;	
}
/*---------------------------------------------------------------------------------
	Classes
---------------------------------------------------------------------------------*/
a.edit_link {	
	float: right;
	text-decoration:none;
	font-size:12px;
	color:#661115;/*dark red*/
	border-top: 1px solid #661115;
	border-bottom: 1px solid #661115;
}
a.edit_link:hover{
	color: #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}