/* btd css - annotated for client */
html, body {
	font-family: Arial, Helvetica, sans-serif;
}
body {
    margin: 0;
    padding: 0;
    background-color: #effafb;
	font-size: 80%;		
	text-align: center;
}
table, p, th, td, ol, ul, ol ol, ul ul, h1, h2, h3, h4, h5, h6, form, label {
	font-family: Arial, Helvetica, sans-serif;	
}
input, textfield, textarea, select, option, button, radiobutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
/*	
table {
    font-size: 100%;
}
*/
a img {
	border: 0;
}
img {
	border: 0;
}
/* layout styles */
#innerpage {
	/* centres the page */
	position: relative;
	margin: 0 auto;
	width: 760px;	
	text-align: left;
	background-color: #fff;
}
html>body #innerpage {
    width: 760px;
} 
#leftnav {
	margin: 0;
	width: 145px;
	float: left;
}
#mainpage {
	margin: 0;
	padding-right: 5px;
	width: 560px;
	float: right;
}
#insert {
	margin: 15px 8px 20px 15px;
	float: right;
	width: 150px;

	background-color: #d7f3fa;		
}
.clear {
	/* adds a clear to an empty div to force the background the full length of the page */
	clear: both;
}
/* header styles */
	
#header {
	width: 760px;
	background-color: #00b0b7;		
}
#logo {
	padding: 0;
}
#logoBTD {
	margin: 0;
	padding: 10px 0 10px 0;
	float: left;
}
#logoTrainingSkills {
	margin: 0;
	padding: 10px 0 10px 0;
	float: right;	
}
/* navbar styles */

#navbar {
	clear: both;
	width: 760px;
	padding: 2px 0 2px 0;
	text-align: center;	
	background-color: #ab65b7;
	border-top: 2px solid #35c4e5;
	border-bottom: 2px solid #35c4e5;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
}
#navbar a:link, #navbar a:visited  {
	color: #fff;
	text-decoration: none;
}
#navbar a:active, #navbar a:hover  {
	color: #fb9b06;
	text-decoration: none;
}
/* left navigation styles */
#leftnav {
	padding: 15px 0 0 20px;
}
#leftnav p.linkTitle {
	margin: 0;
	padding: 1px 3px 1px 6px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	background-color: #353ba0;	
	background-image: url(images/navDots.gif);
	background-repeat: no-repeat;
	background-position: right;	
}
#leftnav p.linkSubtitle {
	margin: 0;
	padding: 1px 4px 3px 4px;
	font-weight: bold;
	color: #a46bba;
}
#leftnav p {
	margin: 0;
	padding: 1px 4px 3px 4px;
	color: #353ba0;
}
#leftnav p a:link, #leftnav p a:visited {
	color: #353ba0;
	text-decoration: none;
}
#leftnav p a:hover {
	color: #fb9b06;
	text-decoration: none;
}
#leftnav p.linkMore {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;	
	font-size: 80%;	
	text-align: right;	
}
#leftnavBox {
	margin: 0;
	padding: 0;	
	border: 2px solid #353ba0;
}
#leftnav p.linkTitle a {
	color: #fff;
	text-decoration: none;
}
#leftnav p.linkTitle a:visited {
	color: #fff;
	text-decoration: none;	
}
#leftnav p.linkTitle a:hover {
	color: #F9CA03;
	text-decoration: none;	
	background-color: #ab65b7;	
}
#leftnav p.linkMore a, #leftnav p.linkMore a:visited {
	display: block;
	padding: 2px 2px 2px 1px;	
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #35c4e5;	
}
#leftnav p.linkMore a:hover {
	display: block;
	padding: 2px 2px 2px 1px;	
	text-decoration: none;
	font-weight: bold;
	color: #353ba0;
	background-color: #fb9b06;	
}
/* main styles */

h1 {
	font-size: 160%;	
	color: #353ba0;
}
h2 {
	font-size: 130%;
	color: #0cacd1;
}
h3 {
	font-size: 120%;
	color: #353ba0;
}
h4 {
	font-size: 110%;	
	color: #353ba0;
}
#mainpage ul li  {
	margin-left: -15px;
	font-weight: bold;
	list-style-image: url(images/bullet1.gif);		
	}
#mainpage ul ul li  {
	margin-left: -20px;
	font-weight: bold;
	list-style-image: url(images/bullet2.gif);		
	}	
#mainpage a:link, #mainpage a:visited  {
	color: #ab65b7;
	text-decoration: none;
	font-weight: bold;
}
#mainpage a:hover {
	color: #fb9b06;
	text-decoration: none;
}
#mainpage p {
	line-height: 150%;
}
/* bottom columns */

hr {
	border: 0;
	clear: right;
	height: 1px;
	color: #35c4e5;
	background-color: #35c4e5;
}
#col1 {
	margin: 0;
	padding: 3px 8px 3px 0;
	width: 170px;
	height: auto;	
	float: left;
}
#col2 {
	margin: 0;
	padding: 3px 8px 3px 8px;
	width: 178px;
	height: auto;
	float: right;
	border-left: 2px dotted #35c4e5;
	border-right: 2px dotted #35c4e5;
}
#col3 {
	margin: 0;
	padding: 3px 0 3px 8px;
	width: 170px;
	height: auto;	
	float: right;
}
.colTitle {
	font-size: 85%;
	font-weight: bold;
	color: #fb9b06;
}
#col1 .colTitle, #col2 .colTitle, #col3 .colTitle, #col1 .colTitle a, #col2 .colTitle a, #col3 .colTitle a {
	color: #fb9b06;
}
#col1 .colTitle a:visited, #col2 .colTitle a:visited, #col3 .colTitle a:visited {
	color: #fb9b06;
}
#col1 .colTitle a:hover, #col2 .colTitle a:hover, #col3 .colTitle a:hover {
	color: #000;
}
#col1 p, #col2 p, #col3 p {
	font-size: 85%;
	color: #000;
}
#col1 .colText a, #col2 .colText a, #col3 .colText a {
	color: #000;
}
#col1 .colText a:hover, #col2 .colText a:hover, #col3 .colText a:hover {
	color: #ab65b7;
}
td {
	vertical-align: top;
}
.highlight1 {
	padding: 10px;
	background-color: #ffe4ca;
}
.highlight2 {
	padding: 10px;
	background-color: #99dfe2;
}
.highlight2a {
	padding: 10px;
	background-color: #cceff1;
}
.highlight2b {
	padding: 10px;
	background-color: #feebcd;
}
.bg1 {
	background-color: #ffe4ca;
}
.bg1a {
	background-color: #ffeede;
}
.bg2 {
	background-color: #99dfe2;
}
.bg2a {
	background-color: #cceff1;
}
.bg2b {
	background-color: #e7fdfe;
}
.red  {
	color: #fb4b06;
}
.dkblue2 {
	color: #013565;
}
.dkblue {
	color: #0cacd1;
}
.dkgrey {
	color: #666;
}
.blk {
	color: #000;
}
.orange, a .orange {
	color: #fb9b06;
}
a:hover .orange {
	color: #000;
}
#foot {
	margin: 0;
	padding: 0;	
	width: 760px;
	background-color: #35c4e5;		
}
#footnavbar {
	clear: both;
	width: 760px;
	padding: 2px 0 2px 0;
	text-align: center;	
	background-color: #353ba0;
	border-top: 2px solid #ab65b7;
	border-bottom: 2px solid #ab65b7;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
}
#footnavbar a:link, #footnavbar a:visited {
	color: #fff;
	text-decoration: none;
}
#footnavbar a:active, #footnavbar a:hover {
	color: #fb9b06;
	text-decoration: none;
}
#foot h1 {
	margin: 0;
	padding: 5px;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #35c4e5;	
}
#footEnd {
	clear: both;
	padding: 5px;
	text-align: left;	
	font-size: 85%;
	color: #666;
}
#footEnd a:link, #footEnd a:visited {
	color: #999;
	text-decoration: none;	
}
#footEnd a:active, #footEnd a:hover {
	color: #000;
	text-decoration: none;	
}
/* insert styles */
#mainpage #insertImage {
	margin: 0;
	padding: 0;	
}
#mainpage #insertText {
	padding: 0 3px 3px 3px;
	font-size: 85%;
	text-align: center;		
	color: #000;
}
#mainpage #insertText p {
	margin-top: 2px;
	line-height: 130%;	
}
#mainpage #insert ul {
	margin: 0;
	padding: 0;
	color: #000;
	text-align: center;	
	list-style: none;
}
#mainpage #insert ul li {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#insert p.insertTitle {
	margin: 0;	
	padding: 0;
}
#mainpage #insert a, #mainpage #insert a:link, #mainpage #insert a:visited {
	color: #ab65b7;
}
#mainpage #insert a:hover {
	color: #fb9b06;
	text-decoration: underline;		
}
#mainpage #insert p.insertTitle a, #leftnav p.insertTitle a:visited {
	display: block;
	margin: 0;	
	padding: 1px;
	text-align: center;	
	font-size: 90%;
	font-weight: bold;	
	color: #fff;
	background-color: #353ba0;	
	text-decoration: none;
}
#mainpage #insert p.insertTitle a:hover {
	color: #353ba0;
	background-color: #fb9b06;
	text-decoration: none;	
}
.sml {
	font-size: 85%;
}