/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 10px;
	font-family: Verdana, Lucida, sans-serif; 
}

html {
	background: #626467 url(../images/background-gradient.gif) repeat;
}

* html a:hover
{
visibility:visible
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}


/* From Image Cycle */

.slideshow { 
	height: 233px; 
	width: 620px;
	margin-bottom: 10px;
	visibility:hidden;
	}


.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }


/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 958px;  
	margin: 0 auto; 
}
#Container { 
	width: 958px;
	padding-bottom: 15px;
	background: #fff url(../images/containerbg.gif) repeat-y;
}
#Layout {
	width: 670px;
	float:left;
	overflow: hidden;
	background: #fff url(../images/layoutbg.gif) repeat-y;
	margin: 12px 0px 0px 0px;
	padding-left:20px;
	text-align: justify;
}
#Content {
	width: 605px;
	float: left; 	
	margin: 15px 0px 0 0px;
	padding: 0 0 0 30px;
}

#SideBarPageContainer {
	float:left;
	padding-left:25px;
	width: 230px;	
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#SearchBox {
	width: 240px;
	display:block;
	background: #7e8082;
	padding:0px 0px 3px 10px;
	margin-left:-11px;
	margin-bottom:10px;
	_margin-bottom:0px;
}

/* SIDEBARPAGE
----------------------------------------- */

#clear {
display:block;
height:0px;
margin:0;
padding:0;
}

#SideBarPageNews {
background-color: #fdc959;
padding:0px 8px 10px 0px;
margin:0 0 5px 0;
}

.Sidebarcontent {
padding:0 0 0 10px;
margin:0;
}

#SideBarPageNews a,
#SideBarPageNews .link {
	float:left;
    display: block;
    width: 230px;
    height: 31px;
	padding-bottom:5px;
    background: url("../images/SIDEBAR-NewsMedia.gif") no-repeat 0 0;
    text-decoration: none;
}

#SideBarPageNews a:hover,
#SideBarPageNews .current {
	float:left;
    display: block;
    width: 230px;
    height: 31px;
    padding-bottom:5px;
    background: url("../images/SIDEBAR-NewsMedia-rollover.gif") no-repeat 0 0;
    text-decoration: none;
}

#SideBarPageTradeTalk {
background-color: #f7ac90;
padding:0px 8px 10px 0px;
margin:0 0 5px 0;
}

#SideBarPageTradeTalk a,
#SideBarPageTradeTalk .link {
	float:left;
    display: block;
    width: 230px;
    height: 31px;
	padding-bottom:5px;
	background: url("../images/SIDEBAR-TradeTalk.gif") no-repeat 0 0;
    text-decoration: none;
}

#SideBarPageTradeTalk a:hover,
#SideBarPageTradeTalk .current {
	float:left;
    display: block;
    width: 230px;
    height: 31px;
    padding-bottom:5px;
	background: url("../images/SIDEBAR-TradeTalk-rollover.gif") no-repeat 0 0;
    text-decoration: none;
}

#SideBarPageProgramsSchedules {
background-color: #bbbcc0;
padding:0px 8px 10px 0px;
margin:0 0 5px 0;
}

#SideBarPageProgramsSchedules a,
#SideBarPageProgramsSchedules .link {
	float:left;
    display: block;
    width: 230px;
    height: 42px;
	padding-bottom:5px;
	background: url("../images/SIDEBAR-ProgramsSchedules.gif") no-repeat 0 0;
    text-decoration: none;
}

#SideBarPageProgramsSchedules a:hover,
#SideBarPageProgramsSchedules .current {
	float:left;
    display: block;
    width: 230px;
    height: 42px;
    padding-bottom:5px;
	background: url("../images/SIDEBAR-ProgramsSchedules-rollover.gif") no-repeat 0 0;
    text-decoration: none;
}


#SideBarPageResourcesLinks {
background-color: #fdc959;
height:33px;
margin-bottom:15px;
}

#SideBarPageResourcesLinks a,
#SideBarPageResourcesLinks .link {
	float:left;
    display: block;
    width: 230px;
    height: 33px;
	padding-bottom:5px;
	background: url("../images/SIDEBAR-ResourcesLinks.gif") no-repeat 0 0;
    text-decoration: none;
}

#SideBarPageResourcesLinks a:hover,
#SideBarPageResourcesLinks .current {
	float:left;
    display: block;
    width: 230px;
    height: 33px;
    padding-bottom:5px;
	background: url("../images/SIDEBAR-ResourcesLinks-rollover.gif") no-repeat 0 0;
    text-decoration: none;
}

#SideBarPageE-pprenticeLogo {
background: url("../images/e-pprenticelogo.gif") no-repeat 0 0;
height:191px;
width:191px;
margin-left:18px;
}

.SideBarPage h1 {
		font-size: 20px;
		color: #fff;
		clear: left;
}

.SideBarPage p {
		font-size: 11px;
		line-height: 12px;
		color: #fff;
		clear: left;
}

/* HEADER
----------------------------------------- */
#Header { 
 	width: 950px; 
 	height: 97px; 
 	margin: 0 auto;
	overflow: hidden;
	background: #58ade1 url(../images/header.gif) left center;
}
 	#Header h1 { 
	  	color: #fff; 
		font-size: 3.2em; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
		padding: 20px 0 0 30px;
	}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	padding-left:14px;
	width: 950px;
	padding-top: 15px;
	overflow: hidden;
}

#Navigation-Home {
	width: 274px;
	height:75px;
	float:left;
    display: block;
	margin-right:144px;
}

#Navigation-Home a {
	width: 276px;
	height:61px;
	float:left;
    display: block;
	background: url("../images/e-pprenticelogo-header.gif") no-repeat 0 0;
	text-decoration: none;
}

#Navigation img {
	float:left;
	border:0;
	margin: 0px;
	padding:0px;
	border-style:none;
	text-decoration: none;
}


#Nav-apprentices {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
}

#Nav-apprentices a,
#Nav-apprentices .link {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
    background: url("../images/NAV-Apprentices.gif") no-repeat 0 0;
    text-decoration: none;
}

#Nav-apprentices a:hover,
#Nav-apprentices .current {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
    background: url("../images/NAV-ApprenticesRollOver.gif") no-repeat 0 0;
    text-decoration: none;
}

#Nav-employers-industry {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
}

#Nav-employers-industry a, 
#Nav-employers-industry .link {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
    background: url("../images/NAV-EmployersIndustry.gif") no-repeat 0 0;
    text-decoration: none;
}

#Nav-employers-industry a:hover,
#Nav-employers-industry .current {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
    background: url("../images/NAV-EmployersIndustryRollOver.gif") no-repeat 0 0;
    text-decoration: none;
}

#Nav-training-providers {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
}

#Nav-training-providers a,
#Nav-training-providers .link {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
    background: url("../images/NAV-TrainingProviders.gif") no-repeat 0 0;
    text-decoration: none;
}

#Nav-training-providers a:hover,
#Nav-training-providers .current {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
    background: url("../images/NAV-TrainingProvidersRollOver.gif") no-repeat 0 0;
    text-decoration: none;
}

#Nav-contact-us {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
}

#Nav-contact-us a,
#Nav-contact-us .link {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
    background: url("../images/NAV-ContactUs.gif") no-repeat 0 0;
    text-decoration: none;
}

#Nav-contact-us a:hover,
#Nav-contact-us .current {
	float:left;
    display: block;
    width: 128px;
    height: 61px;
    background: url("../images/NAV-ContactUsRollOver.gif") no-repeat 0 0;
    text-decoration: none;
}

/* Submenu Static Image
-------------------------------------- */
#Submenu-container-image {
	margin-bottom:15px;
}

#Submenu-container-image a {
	margin-right:3px;
	float:left;
    display: block;
    width: 130px;
    height: 65px;
    text-decoration: none;
}
#Submenu-container-image h2 {
	margin: 0 0 6px 2px;
	font-weight: 300;
	font-size: 24px; 
	font-family: Tahoma, Verdana, sans-serif;
}

h2.Submenu-image-apprentices  { 
	color: #f05a22; 
}

a.Submenu-image-apprentices-1-link {
    background: url("../images/submenu-apprentice-1.gif") no-repeat 0 0;
}
a.Submenu-image-apprentices-2-link {
    background: url("../images/submenu-apprentice-2.gif") no-repeat 0 0;
}
a.Submenu-image-apprentices-3-link {
    background: url("../images/submenu-apprentice-3.gif") no-repeat 0 0;
}
a.Submenu-image-apprentices-4-link {
    background: url("../images/submenu-apprentice-4.gif") no-repeat 0 0;
}
a.Submenu-image-apprentices-5-link {
    background: url("../images/submenu-apprentice-5.gif") no-repeat 0 0;
}

a.Submenu-image-apprentices-1-link:hover,
a.Submenu-image-apprentices-1-current {
    background: url("../images/submenu-apprentice-1-over.gif") no-repeat 0 0;
}
a.Submenu-image-apprentices-2-link:hover,
a.Submenu-image-apprentices-2-current {
    background: url("../images/submenu-apprentice-2-over.gif") no-repeat 0 0;
}
a.Submenu-image-apprentices-3-link:hover,
a.Submenu-image-apprentices-3-current {
    background: url("../images/submenu-apprentice-3-over.gif") no-repeat 0 0;
}
a.Submenu-image-apprentices-4-link:hover,
a.Submenu-image-apprentices-4-current {
    background: url("../images/submenu-apprentice-4-over.gif") no-repeat 0 0;
}
a.Submenu-image-apprentices-5-link:hover,
a.Submenu-image-apprentices-5-current {
    background: url("../images/submenu-apprentice-5-over.gif") no-repeat 0 0;
}


h2.Submenu-image-employers-industry  { 
	color: #fdbb30; 
}

a.Submenu-image-employers-industry-1-link {
    background: url("../images/submenu-employers-industry-1.gif") no-repeat 0 0;
}
a.Submenu-image-employers-industry-2-link {
    background: url("../images/submenu-employers-industry-2.gif") no-repeat 0 0;
}
a.Submenu-image-employers-industry-3-link {
    background: url("../images/submenu-employers-industry-3.gif") no-repeat 0 0;
}
a.Submenu-image-employers-industry-4-link {
    background: url("../images/submenu-employers-industry-4.gif") no-repeat 0 0;
}
a.Submenu-image-employers-industry-5-link {
    background: url("../images/submenu-employers-industry-5.gif") no-repeat 0 0;
}

a.Submenu-image-employers-industry-1-link:hover,
a.Submenu-image-employers-industry-1-current {
    background: url("../images/submenu-employers-industry-1-over.gif") no-repeat 0 0;
}
a.Submenu-image-employers-industry-2-link:hover,
a.Submenu-image-employers-industry-2-current {
    background: url("../images/submenu-employers-industry-2-over.gif") no-repeat 0 0;
}
a.Submenu-image-employers-industry-3-link:hover,
a.Submenu-image-employers-industry-3-current {
    background: url("../images/submenu-employers-industry-3-over.gif") no-repeat 0 0;
}
a.Submenu-image-employers-industry-4-link:hover,
a.Submenu-image-employers-industry-4-current {
    background: url("../images/submenu-employers-industry-4-over.gif") no-repeat 0 0;
}
a.Submenu-image-employers-industry-5-link:hover,
a.Submenu-image-employers-industry-5-current {
    background: url("../images/submenu-employers-industry-5-over.gif") no-repeat 0 0;
}
    
h2.Submenu-image-training-providers { 
	color: #7e8082; 
}

a.Submenu-image-training-providers-1-link {
    background: url("../images/submenu-training-providers-1.gif") no-repeat 0 0;
}
a.Submenu-image-training-providers-2-link {
    background: url("../images/submenu-training-providers-2.gif") no-repeat 0 0;
}
a.Submenu-image-training-providers-3-link {
    background: url("../images/submenu-training-providers-3.gif") no-repeat 0 0;
}
a.Submenu-image-training-providers-4-link {
    background: url("../images/submenu-training-providers-4.gif") no-repeat 0 0;
}
a.Submenu-image-training-providers-5-link {
    background: url("../images/submenu-training-providers-5.gif") no-repeat 0 0;
}

a.Submenu-image-training-providers-1-link:hover,
a.Submenu-image-training-providers-1-current {
    background: url("../images/submenu-training-providers-1-over.gif") no-repeat 0 0;
}
a.Submenu-image-training-providers-2-link:hover,
a.Submenu-image-training-providers-2-current {
    background: url("../images/submenu-training-providers-2-over.gif") no-repeat 0 0;
}
a.Submenu-image-training-providers-3-link:hover,
a.Submenu-image-training-providers-3-current {
    background: url("../images/submenu-training-providers-3-over.gif") no-repeat 0 0;
}
a.Submenu-image-training-providers-4-link:hover,
a.Submenu-image-training-providers-4-current {
    background: url("../images/submenu-training-providers-4-over.gif") no-repeat 0 0;
}
a.Submenu-image-training-providers-5-link:hover,
a.Submenu-image-training-providers-5-current {
    background: url("../images/submenu-training-providers-5-over.gif") no-repeat 0 0;
}
    


/* Submenu Dynamic
-------------------------------------- */
#Submenu-container {
	margin-bottom:15px;
}

#Submenu-container h2 {
	margin: 0 0 6px 2px;
	font-weight: 300;
	font-size: 24px; 
	font-family: Tahoma, Verdana, sans-serif;
}

h2.submenu {
	margin: 0 0 6px 2px;
	font-weight: 300;
	font-size: 24px; 
	font-family: Tahoma, Verdana, sans-serif;
	color: #a5a6a7; 
}

#Submenu-container span {
	display: block;
	padding:7px 0 0 8px;
	font-weight: 300;
	font-size: 15px; 
	font-family: Tahoma, Verdana, sans-serif;
	width: 120px;
    height: 65px;
	text-transform:uppercase;
	text-align: left;

}

.Submenu-apprentices span.text-link:hover,
.Submenu-apprentices span.text-current   {
	color: #f05a22; 	
}

.Submenu-apprentices span.text-link  {
	color: #fff; 	
}

.Submenu-apprentices h2 { 
	color: #f05a22; 
}


	
.Submenu-employers-industry h2 { 
	color: #fdbb30; 
}

.Submenu-employers-industry span.text-link:hover,
.Submenu-employers-industry span.text-current   {
	color: #fdbb30; 	
}

.Submenu-employers-industry span.text-link  {
	color: #fff; 	
}
.Submenu-training-providers h2 { 
	color: #7e8082; 
}

.Submenu-training-providers span.text-link:hover,
.Submenu-training-providers span.text-current   {
	color: #7e8082; 	
}

.Submenu-training-providers span.text-link  {
	color: #fff; 	
}

.Submenu-contact-us h2 { 
	color: #a5a6a7; 
}

.Submenu-apprentices a {
	padding-right:4px;
}

.Submenu-apprentices a,
.Submenu-apprentices .link {
	float:left;
    display: block;
    width: 130px;
    height: 65px;
    background: url("../images/submenu-apprentice.gif") no-repeat 0 0;
    text-decoration: none;
}
    


.Submenu-apprentices a:hover,
.Submenu-apprentices .current {
	float:left;
    display: block;
    width: 130px;
    height: 65px;
    background: url("../images/submenu-apprentice-rollover.gif") no-repeat 0 0;
    text-decoration: none;
}

.Submenu-employers-industry a {
	padding-right:4px;
}

.Submenu-employers-industry a,
.Submenu-employers-industry .link {
	float:left;
    display: block;
    width: 130px;
    height: 65px;
    background: url("../images/submenu-employersIndustry.gif") no-repeat 0 0;
    text-decoration: none;
}
    
.Submenu-employers-industry a:hover,
.Submenu-employers-industry .current {
	float:left;
    display: block;
    width: 130px;
    height: 65px;
    background: url("../images/submenu-employersIndustry-rollover.gif") no-repeat 0 0;
    text-decoration: none;
}



.Submenu-spacer-employers-industry {
	float:left;
	display: block;
    width: 130px;
    height: 65px;
	background: #fdbb30;
}

.Submenu-training-providers a {
	padding-right:4px;
}

.Submenu-training-providers a,
.Submenu-training-providers .link {
	float:left;
    display: block;
    width: 130px;
    height: 65px;
    background: url("../images/submenu-trainingProviders.gif") no-repeat 0 0;
    text-decoration: none;
}
    
.Submenu-training-providers a:hover,
.Submenu-training-providers .current {
	float:left;
    display: block;
    width: 130px;
    height: 65px;
    background: url("../images/submenu-trainingProviders-rollover.gif") no-repeat 0 0;
    text-decoration: none;
}

/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}



/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	width: 230px;
	margin: 0px;
		background: #7e8082;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 152px;
	margin: 0 5px 0 0;
	padding: 2px;
	background: #7e8082;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 148px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: right;
	margin-top: -3px;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

#Footer { 
 	clear: both;  
	width: 958px; 
	height: 107px; 
	background: url(../images/footer.gif) no-repeat top left; 
	text-align: center; 
	display:block;
}

#Footer-ITA a {
	width: 183px;
	height:73px;
	float:left;
    display: block;
	background: url("../images/footer-ita.gif") no-repeat 0 0;
	text-decoration: none;
	margin:17px 0 0 43px;
}

#Footer-BCcampus a {
	width: 183px;
	height:73px;
	float:left;
    display: block;
	background: url("../images/footer-bccampus.gif") no-repeat 0 0;
	text-decoration: none;
	margin:17px 0 0 31px;
}



  	#Footer p { 
		color: #fff;
		font-size: 1.1em;
		text-align: center;
		margin-top: -0.6em;
	}
  		#Footer a { 
	   		color: #fff; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #fff;
				text-decoration: underline;
			}