/* CSS Document */
html {
	height:100%;
}

body {
height:100%;
margin:0px;
background-color:#4d4d4d;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
background-image:url(webimages/background_shadow-black-2.jpg);
background-position:top;
background-repeat:repeat-y;
}
p{
margin:0px;
padding:0px;
padding-top:5px;
line-height:20px;
padding-bottom:7px;
}
.pLarge {
	font-size:17px;
	font-weight:lighter;
	line-height:23px;
}
.pMedium {
	font-size:15px;
	line-height:19px;	
}
hr {
height:0px;
border: 0;
border-top: 1px dashed #8A8CA1;
width: 100%;
}
h1{
padding-top:5px;
padding-bottom:5px;
margin:0px;
font-size:22px;
font-weight:lighter;
color:#FFFFFF;
}
h2{
padding-top:10px;
padding-bottom:0px;
margin:0px;
font-size:15px;
font-weight:normal;
color:#616479;
}
h3{
padding-top:6px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
font-size:12px;
}
div.hrGrey {
  height: 1px;
  background-color: #aca8a6;
  margin-top:8px;
  margin-bottom:5px;
}
hr {
 display: none;
}
div.hrYellow {
  height: 1px;
  background-color: #fec72e;
  margin-top:8px;
  margin-bottom:5px;
}
#container {
	margin: auto;
	width:921px;
	position:relative;
	min-height:100%;
	/*border-left:1px solid #444444;
	border-right:1px solid #444444;*/
}
#content{
	width:921px;
	float:left;
	padding-bottom:35px;
}
#header {
	width:921px;
	height:93px;
	text-align:right;
	background-image:url(webimages/header-background.png);
	background-repeat:repeat-x;
}
#mainImage {
	width:921px;
	height:312px;
	float:left;
	border-bottom:5px solid #fdba31;
	background-color:#221e1f;
}
#introContent {
	padding-left:36px;
	margin-top:12px;
	width:884px;
	background-image:url(webimages/grey-grad.jpg);
	background-repeat:repeat-x;
	height:288px;
	float:left;
	border-bottom:5px solid #fdba31;
	background-color:#221e1f;
}
#introLeft {
	width:450px;
	float:left;
	padding-right:15px;
	padding-top:104px;
	
}
#introLeft p { 
	color:#d4d4d4;
}
#introLeft h1 { 
	font-size:38px;
	font-weight:lighter;
	padding-bottom:4px;
}
#introContentHead{
	width:440px;
	float:left;
}
#introContentSub{
	width:388px;
	float:left;
}
#introRight {
	width:419px;
	height:288px;
	float:left;
}
#leftColumn{
	width:388px;
	float:left;
	padding-right:77px;
}
#rightColumn{
	padding-left:14px;
	width:365px;
	float:left;
	padding-right:40px;
}
#oneColumn{
	width:849px;
	float:left;
}
#mainContent {
	padding-top:22px;
	padding-left:36px;
	width:884px;
	float:left;
	background-color:#221e1f;
}
#mainContent p a:link, #mainContent p a:visited, .articleContent a:link, .articleContent a:visited {
	color:#fdba31;
	text-decoration:underline;
}
#mainContent p a:hover, .articleContent a:hover {
	color:#fdba31;
	/*font-weight:bold;*/
	text-decoration:none;
}
#leftColumnHome{
	width:400px;
	float:left;
	padding-right:80px;
}
#rightColumnHome{
	width:360px;
	float:left;
}

.articleContent{
	width:402px;
	float:left;
	padding-top:0px;
	padding-bottom:1px;
}
.articleContent img {
	float:left;
	/*border:1px solid #585a58;*/
	margin-right:18px;
	border:0px;
}
.newsArticle {
	font-size:12px;
	width:183px;
	float:left;
}
.contactOfficeHeader {
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:22px;
	font-weight:lighter;
}
.quote {
	padding-bottom:0px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:light;
	/*font-style:italic;*/
	line-height:22px;
}
.quoteNI {
	padding-bottom:8px;
	font-size:16px;
	font-style:normal;
	line-height:22px;
}
.contactDetails {
	padding-bottom:10px;
	color:#FDBA31;
}
.caseStudyArticle {
	font-size:12px;
	width:271px;
	float:left;
}
.caseStudyArticle h3 {
	padding-top:1px;
}
.newsDateText {
	padding-bottom:5px;
	color:#FDBA31;
}
.articleContent p {
	padding-top:2px;
	line-height:17px;
}
.contactTextBox {
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:15px;
}
.contactBoxPadding {
	margin-top:10px;
}

#menu{
padding:0px;
left:0px;
top:93px;
position:absolute;
border-top:1px solid #868890;
border-bottom:1px solid #b0b1b9;
width:921px;
background-image:url(webimages/menu-transparent.png);
background-repeat:repeat-x;
height:22px;
/*float:left;
background-color:#808185;*/
font-size:13px;
/*margin-bottom:6px;*/
/*-moz-opacity:.89;
filter:alpha(opacity=89);*/
/*opacity:.89; */
}
#menu ul {
	margin: 0px;
	padding: 0px;
	display:inline;
		list-style: none;
		font-size:12px;
	}

#menu ul li {	

position: relative;
	float:left;
		list-style: none;

	}
	
#menu li ul {
font-size:11px;
font-weight:normal;
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	padding-top:2px;
	top: 21px;
	display: none;
	width:112px;
	}

/* Styles for Menu Items */
#menu ul li a:link, #menu ul li a:visited {
color:#FFFFFF;
padding-left:14px;
padding-right:13px;
padding-top:4px;
padding-bottom:3px;
text-decoration: none;
border-right: 1px solid #a9aaad;
border-bottom:1px solid #b0b1b9;
/*border-left: 1px solid #868a9c;*/
float:left;
}
#menu ul li a:hover {
color:#feb836;
padding-left:14px;
padding-right:13px;
padding-top:4px;
padding-bottom:3px;
text-decoration: none;
background-color:#353539;
border-right: 1px solid #a9aaad;
border-bottom: 1px solid #68686f;
/*border-left: 1px solid #524841;*/
}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { 
float: left; height: 1%; }
* html #menu ul li a { 
height: 1%; 
}

/* Sub Menu Styles */
#menu li ul li {
	font-size:11px;
			-moz-opacity:.80;
filter:alpha(opacity=80);
opacity:.80; 
}

#menu li ul li a:link, #menu li ul li a:visited{ 
color:#FFFFFF;
padding-left:15px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
background-color:#66676a;
width:185px;
border-top: 1px solid #4a4b50;
border-bottom: 1px solid #90939c;
border-right: 1px solid #90939c;
} 
#menu li ul li a:hover{ 
color:#feb836;
background-color:#353539;
border-top: 1px solid #262220;
border-bottom: 1px solid #2a2523;
border-right: 1px solid #90939c;
width:185px;
padding-left:15px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
}

#menu .subInactive{
color:#FFFFFF;
border-top: 1px solid #262220;
border-bottom: 1px solid #2a2523;
background: #5e5650;
width:113px;
padding-top:3px;
padding-bottom:3px;
padding-left:7px;
padding-right:3px;
}	
#menu li:hover ul, #menu li.over ul { 
display: block;
 } 

.inactive {
color:#feb836;
padding-left:14px;
padding-right:13px;
padding-top:4px;
padding-bottom:3px;
text-decoration: none;
background-color:#353539;
border-right: 1px solid #868a9c;
border-bottom: 1px solid #68686f;
}	
#menu li:hover ul, #menu li.over ul { 

display: block;
 } 
 
#footer {
   position:absolute;
   bottom:0;
   width:868px;
   height:20px;
   padding-left:36px;
   padding-bottom:10px;
   font-size:10px;
   float:left;
}

#footer p {
	color:#8a8989;
	padding:0px;
	margin:0px;
}

#footer p a:link, a:visited{
	color:#8a8989;
	text-decoration:none;
}

#footer p a:hover{
	color:#8a8989;
	text-decoration:underline;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.floatRight a:link, .floatRight a:visited, .floatRight a:hover{
	color:#5a5255;
}
.clearIt {
	clear:both;
}
.whiteBorder{
	border:1px solid #FFF;
}

.lightGreyBorder{
	border:1px solid #c0c0c0;
}
.formButton {
	padding:2px  5px  2px  5px;
	color:#FFF;
	border:1px solid #f75d65;
	background-color:#db121c;
}
.tableShade{
	border:1px solid #c0c0c0;
	background-color:#4c4c4c;
}

/* TRAINING STYLES */
.trainingLink {
	 border-right:0px;
	 border-left:1px solid #a9aaad;
	 background-color:#f9bf1d;	 
	 color:#000;
}
/*#menu li ul li.trainingLink a:hover  {
	 border-right:0px;
	 background-color:#e5a800;
	 color:#000;
	/* border-bottom:1px solid #b0b1b9;
}*/
.trainingInactive{
	color:#000;
	padding-left:14px;
	padding-right:13px;
	padding-top:4px;
	padding-bottom:3px;
	text-decoration: none;
	background-color:#e5a800;
	border-right: 0px;
	border-bottom: 1px solid #68686f;
}

.categoryBox {
	width:181px;
	height:152px;
	float:left;
	background-repeat:no-repeat;
	padding:6px 6px 0px 12px;
	margin-right:8px;
	margin-bottom:10px;
}
.categoryBoxTop {
	height:114px;
	width:181px;
	float:left;
}
.categoryBoxBottomL {
	height:37px;
	width:154px;
	float:left;
}
.categoryBoxBottomR {
	height:37px;
	width:27px;
	float:left;
}
.categoryBoxTop h1 {
	font-size:13px;
	padding-top:1px;
	padding-bottom:2px;
	font-weight:bold;
	text-align:center;
	color:#000;
}
.categoryBoxBottomL p {
	font-size:11px;
	color:#000;
	line-height:14px;
	padding-bottom:0px;
}
.courseBox {	
	margin-top:7px;
	margin-bottom:0px;	
	float:left;
}
.courseBox h2 {
	margin:0px;
	padding:0px;
}
.courseBox h2 a:link, .courseBox h2 a:visited{	
	height:30px;
	width:399px;
	padding-top:6px;
	margin:0px;
	padding-left:10px;
	padding-bottom:0px;
	background-image:url(webimages/training/background-course.jpg);
	background-repeat:no-repeat;
	float:left;
	color:#000;
	text-decoration:none;
}
.courseBox h2 a:hover{	
	height:30px;
	width:399px;
	margin:0px;
	padding-top:6px;
	padding-left:10px;
	padding-bottom:0px;
	background-image:url(webimages/training/background-course-over.jpg);
	background-repeat:no-repeat;
	float:left;
	color:#000;
	text-decoration:none;
}
.plarge {
	font-size:17px;
	font-weight:lighter;
	line-height:23px;
}
.pmedium {
	font-size:15px;
	line-height:19px;	
}

#courseDetailCol1 {
	width:412px;
	float:left;
	padding-right:38px;
}
#courseDetailCol2 {
	width:163px;
	float:left;
	padding-right:22px;
}

#courseDetailCol3 {
	padding-top:3px;
	width:224px;
	float:left;
}
#courseDetailCol3 img {
	border:1px solid #666;
}
.viewCourses {
	width:163px;
	height:76px;
	float:left;
}

.viewCourses a {
	width:128px;
	height:60px;
	color:#000;
	float:left;
	font-size:15px;
	text-decoration:none;
	padding-top:16px;
	padding-left:20px;
	padding-right:14px;
	background-repeat:no-repeat;
}

.viewCourses a:link, .viewCourses a:visited {
	background-image:url(webimages/training/button-viewcourses-out.jpg);
}
.viewCourses a:hover {
	padding-top:17px;
	height:59px;
	background-image:url(webimages/training/button-viewcourses-over.jpg);
}


.pdfCourses {
	width:163px;
	height:108px;
	float:left;
}

.pdfCourses a {
	width:128px;
	height:92px;
	color:#000;
	float:left;
	font-size:15px;
	text-decoration:none;
	padding-top:16px;
	padding-left:20px;
	padding-right:14px;
	background-repeat:no-repeat;
}

.pdfCourses a:link, .pdfCourses a:visited {
	background-image:url(webimages/training/button-pdfcourses-out.jpg);
}
.pdfCourses a:hover {
	padding-top:17px;
	height:91px;
	background-image:url(webimages/training/button-pdfcourses-over.jpg);
}
.courseLogo {
	padding-left:3px;
	padding-top:12px;
	width:155px;
	float:left;
	text-align:center;
}
#trainingButton {
	width:401px;
	height:48px;
	margin-top:7px;
	float:left;
}

#trainingButton a {
	color:#FFF;
	text-decoration:none;
	padding:12px 0px 0px 10px;
	width:391px;
	height:26px;
	float:left;
	background-image:url(webimages/training-button.png);
	background-position:0px 0px;
}

#trainingButton a:hover {
	background-position:0px -38px;
}
