/*------------------------------------------------------------------
[Master Stylesheet]

Project:	BDT Website
Version:	3
Last change:	2/07/08 [Joomla'd]
Assigned to:	David Whipps (dw), Coen Hyde (ch)
Primary use:	Master Stylesheet
-------------------------------------------------------------------*/

a img { border: none; }


a:active {outline: none;}
a:focus {-moz-outline-style: none;}

	body {
		margin: 0px;
		padding: 0px;
		background: #213246 url('../siteimages/backgroundrepeat.gif') repeat-x;
		width: 100%;
		font: 0.9em Verdana, Arial, Helvetica, sans-serif;
		color: #F2F2F;

	}
	
	
/* -----------TYPEFACES--------------------------- */

	#contentContainer {color: #000000; font: arial, Helvetica, sans-serif; font-size: .8em; letter-spacing: 0;}
				#contentContainer h1 {font-family: Helvetica, Arial, sans-serif; color: #213246; font-size: 3.3em; line-height: 0.6em; margin: 5px 0 15px;  padding: 0px 0px 6px 0px; letter-spacing: 0.5px; font-weight: bold;}
				#contentContainer h2 {font-family:  Arial, sans-serif; color: #213246; font-size: 1.3em; letter-spacing: 1.8px; font-weight: 600; padding-left: 2px;}
				#contentContainer p {line-height: 1.6em; }
				#contentContainer a {color: #355070; text-decoration: none; font-weight: 600;}
				#contentContainer a:hover {text-decoration: underline;}
				#contentContainer strong { font-size: 1.1em; font-weight: 600;}
				
	#quote {padding-left: 20px; line-height: 1.6em}
	
	#textBox {color: #000000; font: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; letter-spacing: 0;}

	#footer {color: #49617a; font: Verdana, Arial, Helvetica, sans-serif; font-size: .7em;}
					#footer a {color: #7793af; text-decoration: none}
					#footer a:hover {text-decoration: underline}

/* ----------banner for logo-------------- */

	#banner {
		position: relative;
		margin: 0 auto;
		background: url('../siteimages/logobanner.jpg') no-repeat;
		width: 820px;
		height: 180px;
		margin-bottom:0px;
		padding-bottom:0px;
	}
		#banner h1 { margin: 0; padding: 0; height: 180px; width: 820px; }
		#banner span { display: none; }
	
/* ----------Top Bar of the Page-------------- */

	#topBar {
		position: relative;
		height: 20px;
		width: 100%;
		background-color: #213246;
		border-bottom: #84aad7 1px solid;
	}
	
	
/* ----------- MENU -------------- */

	#menuContainer {
		width: 760px;
		margin: 0px auto;
		padding: 5px 0;
		/*background-color: #213246;*/
		height: 18px;
	}
	
	ul#menulist_root {
		text-align:center;
		padding: 0px 5px;
		margin:0px;
		font-family: verdana, arial, sans-serif;
		font-weight: 400;
		text-transform: uppercase;
	}
	
	ul#menulist_root li {
		display: inline;
		padding: 10px 0px;
	}
	
	ul#menulist_root li a {
		padding: 5px 15px;
		text-decoration:none;
		color:white;
	
	}
	
	ul#menulist_root li a:hover {
		/*color:#7799bb;*/
		background: #213246;
	}	
		
	

	
/* -----------------content--------------------- */

	#contentContainer {
	width: 760px;
	margin: 5px auto;
	padding: 8px 0 0;
	background: #f1f1f1 url("../siteimages/content-background.gif") repeat-x bottom;
	border: 1px solid #000000;
	}
	
/* -----------------content left--------------------- */

		#contentLeft {
		float: left;
		width: 440px;
		padding: 10px 20px 20px 20px;
		}
		
		#welcomeTo {
		left: -15px;
		top: 12px;
		}
	
	
	/* -----------------content right--------------------- */

		#contentRight {
		float: right;
		width: 280px;
		}
					
		
	/* -----------------content end--------------------- */
	
		#contentEnd {
		text-align: right;
		clear: both;
		}
	

/* -----------footer--------------------------- */

	#footer {
	width: 760px;
	margin: 20px auto;
	padding: 15px 0 15px;
	border-top: 1px solid #49617a;
	text-align: center;
	}
	

	/* -----------------COURSE PORTAL LOGIN--------------------- */

	.portalTitle {
		background-color: #213246;
		color: #ffffff;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 3em; 
		font-weight: bold;
		line-height: .8em; 
		margin: 10px 0 0 0; 
		padding: 0 0 0 12px; 
		letter-spacing: -1px; 
	}


	.portalStart {
		background-color: #213246;
		color: #ffffff;
		padding: 5px;
		margin-bottom: 30px;
	}

	.portalExplain {
		background-color: #ebedf0;
		border: 1px solid #949aa1;
		padding: 20px;
		margin-bottom: 20px;
	}

	.portalList {
		line-height: 2.2em;
		list-style-image: url("../assets/tick-glow.png")
	}

		.portalList strong {
			color: #213246;
		}

		.portalWhy {
			padding: 20px 0 0 0;
			font-family: Helvetica, Arial, sans-serif; 
			color: #213246; 
			font-size: 1.3em; 
			text-transform: uppercase; 
			letter-spacing: 1.8px; 
			font-weight: 600;
		}

	.table1 {
		font-family: Tahoma,sans-serif;;
		margin-left: 20px;
		margin-right: 0;
		height: auto;
		border-width: 1px;
		border-style: solid;
		border-color: #b9b9b9;
		padding: 2px;
		border-collapse: collapse;
		margin-bottom: 10px;
		text-align: left;
	}

	.header {
		background-color: #213246;
		color: #ffffff;
		padding: 5px;
		padding-left: 10px;
	}	
		

/* -----------------Courses Blue Card Login--------------------- */
			
			#box {
			padding-left: 10px;
			margin-bottom: 15px;
			border: 1px solid #d0dae6; 
			background-color: #f6f5f5;
			padding: 10px;
			}


			#login {
			padding-left: 10px;
			margin-bottom: 15px;
			border: 1px solid #d0dae6; 
			background-color: #f6f5f5;
			padding: 10px;
			}
			
			#login a {
			position: relative;
			display: block;
			outline: none;
			background-repeat: no-repeat;
			}
			
			#login .more {
			font-size: 1em;
			padding-left: 15px;
			margin-bottom: 5px;
			line-height: 1.8em;
			}
			
			#login a.access {
			background-image: url(..assets/accesscourse.png);
			width: 253px;
			height: 50px;
			}
			
			
	/* *************LINKS PAGE************* */
			
			
			
	#aboutpic {
		background-image: url('../siteimages/aboutpics.png');
		height: 500px;
		width: 262px;
	}
	
	.date {
		font-size: 0.9em;
		color: #999;
		padding: 0 10px;
		text-align: center;
	}
		
	.newstitle {
		font-size: 2em; 
		text-align: center;
		padding: 0;
		margin: 0;
		font-weight: 600;
	}
	
	.newstable {
		font-size: 1em;	
	}
	
	.newstable td {
		padding: 10px 15px;	
	}
	
	
	/* -----------------FRONT PAGE--------------------- */


.small_butt {
	display:block;
	margin: 0;
	width: 111px;
	height: 35px;
	background-repeat: no-repeat;
}

#qld {
		height: 35px;
		background: url("../siteimages/qld_sprite.png") 0 0 no-repeat;
		text-decoration: none;
		text-indent: -9999px;
}

#qld:hover {
	background-position: 0 -35px;
}

#wa {
		height: 35px;
		background: url("../siteimages/wa_sprite.png") 0 0 no-repeat;
		text-decoration: none;
		text-indent: -9999px;
}

#wa:hover {
	background-position: 0 -35px;
}


#applink {
	display:block;
	margin: 0;
	width: 219px;
	height: 25px;
	background: url("../siteimages/applogin_sprite.png") 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

#applink:hover {
	background-position: 0 -25px;
}

#shortcors {
	display:block;
	margin: 0;
	width: 219px;
	height: 25px;
	background: url("../siteimages/shortcourses_sprite.png") 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

#shortcors:hover {
	background-position: 0 -25px;
}

#cprstart {
	display:block;
	margin: 0;
	width: 304px;
	height: 55px;
	background: url("../siteimages/cprstartcourse_sprite.png") 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

#cprstart:hover {
	background-position: 0 -55px;
}

#appbox {
	height: 25px;
	margin-right: 29px;
	margin: 0 auto 20px auto;
	width: 655px;
}

#appbox ul {
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0;
	}	
		#appbox li {
			display: inline;
		}
		#appbox li a {
			float: right;
		}
		
		

#whitecardbox {
	display: block;
	width: 700px;
	background-color: #ebedf0;
	border: 1px solid #d0dae6;
	text-align: center;
	margin: 20px auto;
}

	#whitecardbox ul {
		list-style: none;
		margin: 0 0 0 50px;
		padding: 0;
	}	
		#whitecardbox li {
			display: inline;
		}
		#whitecardbox li a {
			float: left;
		}
		


#news {
	margin: 0 25px 30px 25px;
	padding: 0;
}

#news h2 {
	font-size: 16px; 
	letter-spacing: 0.09em; 
	line-height: 18px; 
	padding: 0;	
}


hr { clear: both; visibility: hidden; }


#whitecard-banner { background: url(/assets/siteimages/whitecard-banner-bg.png) no-repeat top left; height: 275px; margin: 0 0 15px 0; position: relative; width: 760px; }
	/*#wc-info { color: white; position: absolute; top: 170px; left: 494px; width: 250px; }*/
	#wc-info { color: white; font-family: Arial, sans-serif; position: absolute; top: 10px; left: 494px; width: 250px; }
		#wc-info .title { margin: 0; }
		#wc-info .title h2 { color: white; line-height: 28px; font-size: 18px; font-weight: normal; margin: 6px 0; padding: 0; text-align: center; }
		#wc-info .title p { font-size: 18px; }
		#wc-info .title strong { color: white; display: block; font-size: 35px; margin: 10px 0 ; text-align: center; }
		#wc-info p { clear: both; margin: 0; padding: 10px 0 0 0; text-align: center; width: 250px; }
		#wc-info ul { list-style: none; margin: 5px 0; padding: 0px; }
		#wc-info li { display: inline; }
		#wc-info a { color: white; text-decoration: underline; }
		#wc-info a.qld,
		#wc-info a.wa,
		#wc-info a.tas { background: url(/assets/siteimages/wc-login-sprite.png) no-repeat 0 0; display: block; float: left; height: 36px; margin: 0 0 0 4px; text-indent: -9999px; width: 78px; }

		#wc-info a.wa { background-position: -82px 0; }
		#wc-info a.tas { background-position: -163px 0; }
		#wc-info a.qld:hover { background-position: 0 -42px; }
		#wc-info a.wa:hover { background-position: -82px -42px; }
		#wc-info a.tas:hover { background-position: -163px -42px; }
	
#drawer { background: url(/assets/siteimages/drawer-bg.png) no-repeat #a8a8a8; margin: auto; padding: 10px 0 0 0; width: 730px; }
	#drawer div { padding: 0 10px; }
	#drawer .bottom { background: url(/assets/siteimages/drawer-bottom.png) no-repeat bottom; clear: both; height: 13px; padding: 0; }
	#drawer ul { list-style: none; margin: 0; padding: 0; }
		#drawer li { float: left; margin: 0 5px; text-align: center; width: 224px; }
	#drawer a.apprentice,
	#drawer a.short-courses,
	#drawer a.vet-in-schools { background: url(/assets/siteimages/login-sprite.png) no-repeat 0 0; display: block; height: 35px; margin: auto; text-indent: -9999px; width: 218px; }
	
	#drawer a.short-courses { background-position: -218px 0; width: 184px; }
	#drawer a.vet-in-schools { background-position: -402px 0; width: 192px; }
	#drawer a.apprentice:hover { background-position: 0 -35px; }
	#drawer a.short-courses:hover { background-position: -218px -35px; }
	#drawer a.vet-in-schools:hover { background-position: -402px -35px; }


#contentContainer .news-item h2 {
	font-family: Arial, sans-serif;
	font-size: 24px;
	text-align: center;
}


.latest-news { color: #5d5d5d; font-size: 1.1em; margin-bottom: 5px; }
	.news-thumb { background: white; border: 1px solid #aaa; float:left; margin: 8px 10px 0 0; padding: 3px; }
	
	
.news-inset { background: white; border: 1px solid #aaa; color: #555; float: right; font-size: 10px; margin: 0 0 5px 5px; padding: 4px; text-align: center; width: 300px; }
	.news-inset img { display: block; margin: 0 auto 4px auto; }
	

#white-card { background: url(/assets/siteimages/white-card-bg.png) no-repeat top; margin: 0 -5px; padding: 20px; }
	#white-card h2 { font-size: 22px; }
	#white-card p { text-align: justify; }
	#white-card .get-your-white-card-today { margin: 30px 0 0 0; }
	

img.news-full { margin: 0 -20px; }

blockquote { background: url(/assets/siteimages/blockquote-bg.png) no-repeat top left; margin: 10px 30px 10px 0; padding: 0 0 0 70px; }
	blockquote .reference { text-align: right; font-style: italic; }