/* Content Heavy Core Common Styles */
/* ================================*/

/* Base Specs */
/* ==========*/

body {font:62.5%/1.4em Verdana,Arial,Helvetica; /* Base: 10px */ text-align:center;margin:0;padding:0;color:#333; background:#005daa url(../image/bg-repeat.gif) repeat-x;}
	
	div, h1, h2, h3, h4, h5, h6 {padding:0;margin:0;z-index:99;}	
	a:link, a:visited, a:hover, a:active {
	color:#005daa;
	text-decoration:none;
	font-size:1.0em;
	font-weight:normal;
}	
	a:hover {text-decoration:underline;}	
	img {border:0;padding:0;margin:0;}
	.clear {clear:both;font-size:1px;line-height:1px;height:1px;}			
	.back-to-top {font-size:0.9em;}
	a.back-to-top {border:none;}	
	a.external, a.external:hover, #design-tag a.external:hover  {background:url(../image/ext-link.gif) no-repeat right top; padding-right:12px;}	
	
	table td {vertical-align:top;}
	
/* Copy Styles */
/* ===========*/

strong {
	color:#0862AD;
}

h2 {height:20px;margin:10px 0;font-family:Helvetica,Arial,Verdana;font-size:16px;color:#76951e;}
	#content-container-sub h2 {width:500px;padding:0 20px; height:22px;}
h3 {height:18px;margin:10px 0;font-family:Helvetica,Arial,Verdana;font-size:14px;color:#0560ac;}

p {
	padding:0;
	margin:0 0 14px 0;
	font-size:1.1em;
}

#copy-right {float:left;margin:5px 0 20px 5px;color:#000;background:transparent;font-weight:bold;}
#design-tag {text-indent:-5000px;}

#col-2 .item a {display:block;margin:0;padding:0;border:0;;color:#005daa;text-decoration:none; padding:0 0 0 7px;background: url(../image/arrow-red.gif) no-repeat 0px 4px;font-weight:bold;position:relative;}

ul {margin:0 0 10px 0;padding:0;list-style-type:none;}
ul li {
	margin:0;
	padding:0 0 4px 8px;
	background: url(../image/bullet-blue.gif) no-repeat 0px 5px;
	font-size:1.1em;
}


/* Main Content Wrapper Specs */
/* ==========================*/

	#content-heavy-container {width:980px;margin:0 auto;background:#fff;text-align:left;}
			#design-tag {float:right;padding:5px 5px 20px 0;color:#341e07;font-weight:bold;}
							
		#header-block {position:relative;height:78px;background:#fff;}
			#logo {position:absolute;top:12px;left:20px;z-index:99;}
	
		#flash-block,#bai-block,#sub-nav-block {margin:0;padding:0;height:292px;width:980px;position:relative;}
		
		#bai-block {height:332px;}
		
			.type-1 {background:url(../image/bai/look-for-training.jpg) no-repeat 0 0;}
			.type-2 {background:url(../image/bai/for-employees.jpg) no-repeat 0 0;}
			.type-3 {background:url(../image/bai/for-youth.jpg) no-repeat 0 0;}
			.type-4 {background:url(../image/bai/about-us.jpg) no-repeat 0 0;}	
		
		#content-container, #content-container-sub {margin:0 auto; padding:15px 0 0 33px; z-index:1;min-height:300px;height:auto!important;height:300px;background:url(../image/content-bg.gif) no-repeat 0 0; }							
				
			.content-bubble {width:197px; float:left;margin:0 43px 0 0;}
				.content-bubble.last {margin:0;}
				.content-bubble div {width:197px;height:143px;background: url(../image/content-bubbles/standard-img-border.gif) no-repeat 0 0;z-index:99;margin:0;padding:1px 0 0 1px;;}
				.content-bubble img {}
				.content-bubble ul {padding:0px;margin:0;list-style-type:none;}
				.content-bubble ul li {display:inline; margin:0; padding:0; border:0;}
				.content-bubble ul li a {display:block;margin:0 0 7px 0;padding:0;border:0;padding:0 0 0 9px;background: url(../image/arrow-yellow.gif) no-repeat 0px 3px;position:relative;color:#005daa;}
				
		/* content pages */
		
		#sub-nav-block {height:40px;}
			.type-BLANK {background:url(../image/sub-headers/blank-standard.jpg) no-repeat 0 0;}
			.type-LFT {background:url(../image/sub-headers/look-for-training.jpg) no-repeat 0 0;}
			.type-FR {background:url(../image/sub-headers/for-employees.jpg) no-repeat 0 0;}
			.type-FY {background:url(../image/sub-headers/for-youth.jpg) no-repeat 0 0;}
			.type-AU {background:url(../image/sub-headers/about-us.jpg) no-repeat 0 0;}
			
		#breadcrumb-block {margin:0;padding:5px 0 5px 10px;border-bottom:1px solid #1aaddd;}
		
		#content-container-sub {background:none;padding-left:0;}
		#sub-sub-nav {float:left;width:200px;background:#e5e5e5 url(../image/sub-nav-bg.gif) no-repeat 0 0;}		 /* optional */
		#col-1 {
	float:left;
	width:505px;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 20px;
}
			#col-1.wide {width:700px;}
		#col-2 {float:left;margin:0 auto; padding:15px 15px 0 15px;background: url(../image/rails-bg.gif) no-repeat 0 0;margin-top:-70px;_margin-top: -40px; /* show to IE */}		
			#col-2 .item {width:205px;padding:15px 0;border-bottom:1px solid #999;}
				
	#footer {background:url(../image/footer-bg.gif) no-repeat 0 0;z-index:99;height:110px;}


/* Main Navigation */
/* ================*/

#nav{width:483px;z-index:99;position:absolute;top:47px;left:280px;}
#nav ul{padding:0px;margin:0px;list-style-type:none;}
#main-nav{display:block;height:21px;line-height:21px;}
#nav ul li{display:inline;}
#nav ul li a{display:block;color:#fff;text-decoration:none;height:21px;line-height:21px;}
#nav ul li a span{display:none;}

/* IE flicker - uses BG IMAGE for HOVER STATE */
#nav{background:#fff url(../image/nav/nav-hover-state.gif) no-repeat top left;}
.nav-section,.nav-section-over{position:absolute;font-size:1em;width:225px;z-index: 99;}

#nav-section0{left:0px;background:transparent url(../image/nav/nav-looking-for-training.gif) no-repeat top left;width:157px;}
#nav-section1{left:157px;background:transparent url(../image/nav/nav-for-employers.gif) no-repeat top left;width:137px;}
#nav-section2{left:294px;background:transparent url(../image/nav/nav-for-youth.gif) no-repeat top left;width:104px;}
#nav-section3{left:398px;background:transparent url(../image/nav/nav-about-us.gif) no-repeat top left;width:85px;}


#nav-section0:hover,#nav-section0-over,#nav-section0.active{left:0px;background:transparent;width:157px;}
#nav-section1:hover,#nav-section1-over,#nav-section1.active{left:157px;background:transparent;width:137px;}
#nav-section2:hover,#nav-section2-over,#nav-section2.active{left:294px;background:transparent;width:104px;}
#nav-section3:hover,#nav-section3-over,#nav-section3.active{left:398px;background:transparent;width:85px;}

/* Tertiary Navigation */
/* ================*/

#tertiary-nav {padding:0px;margin:10px 0 0 0;list-style-type:none;width:125px;float:right;}
#tertiary-nav li {display:inline; margin:0; padding:0; border:0; background:none;}
#tertiary-nav a {display:block;margin:0;padding:0;border:0;font-size:0.9em;color:#005daa;text-decoration:none; padding:0 0 0 7px;background: url(../image/arrow-red.gif) no-repeat 0px 4px;font-weight:bold;position:relative;}
#tertiary-nav a:hover {color:#000;}
ul#tertiary-nav li a.active {color:#FFF;font-weight:bold;background: url(../image/nav-box-off.gif) no-repeat 0px 0px;}

/* Sub Navigation */
/* ================*/

#bai-block, #sub-nav-block {margin:0;padding:0;}
	#bai-block ul, #sub-nav-block ul {margin:16px 0 0 347px;;padding:0;top:0px;left:0px;position:absolute;}
	#bai-block ul li, #sub-nav-block ul li, #breadcrumb-block ul li  {display:inline; margin:0; padding:0; border:0;background:none;}
	#bai-block ul li a, #sub-nav-block ul li a, #breadcrumb-block ul li a {
	font-family:Verdana;
	margin:0;
	color:#fff;
	text-decoration:none;
	padding:0 10px 0 6px;
	font-size:1em;
	font-weight:bold;
	position:relative;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-style: solid;
	border-right-color: #fff;
}
	#bai-block a:hover, #sub-nav-block a:hover, #bai-block li a.active, #sub-nav-block li a.active {color:#0560ac;text-decoration:none;}
	
/* Sub Sub Navigation */
/* ================*/
	
#sub-sub-nav ul {margin:10px 0 0 0;padding:0;list-style-type:none;border-top:1px solid #fff;background:#1aaddd;}
#sub-sub-nav li {margin:0; padding:0;border:1px solid #fff;border-width:0 0 1px 0;}
#sub-sub-nav a {
	display:block;
	margin:0;
	padding:5px 0 5px 17px;
	border:0;
	font-size:1em;
	color:#fff;
	text-decoration:none;
	background:#1aaddd url(../image/arrow-orange.gif) no-repeat 10px 8px;
	font-weight:normal;
	position:relative;
}
#sub-sub-nav a:hover {color:#000;}
#sub-sub-nav li a.active {color:#000;}f
	#sub-sub-nav .subsection {display:none;margin:0;padding:0;}
	#sub-sub-nav .subsection.display {display:block;}
	#sub-sub-nav .subsection a {padding:0 0 0 27px;background:#ccc url(../image/arrow-white.gif) no-repeat 20px 5px;}
	#sub-sub-nav .subsection a:hover {color:#005daa;}
	
/* Breadcrumb Navigation */
/* ================*/

#breadcrumb-block ul {margin:0;padding:0;}
#breadcrumb-block ul li {margin:0;padding:0;background:none;}
#breadcrumb-block ul li a {color:#1aaddd;font-weight:normal;padding:0 0 0 0;}
#breadcrumb-block a:hover {color:#000;text-decoration:underline;}



/* Footer Navigation */
/* ================*/

#footer-nav {padding:28px 0 0 85px;margin:0px;list-style-type:none;}
#footer-nav li {display:inline; margin:0; padding:0; border:0;background:none;}
#footer-nav a {
	margin:0;
	color:#fff;
	text-decoration:none;
	padding:0 10px 0 6px;
	font-size:0.9em;
	font-weight:normal;
	position:relative;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-style: solid;
	border-right-color: #fff;
}
#footer-nav a:hover {color:#fff;text-decoration:underline;}
	
textlink {
	font-size: 1.1em;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
