body,td,th {
	font-size: 12px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#56595c;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1{
	font-weight: bold;
	font-size:16px;
	color: #aab8b9;
	margin:0px;
	padding: 0px;
	text-transform:uppercase;
	padding-bottom:10px;
}

h2, h3, h4, h5, h6{
	font-weight: bold;
	font-size:15px;
	color: #99aece;
	margin:0px;
	padding-bottom:10px;
	padding: 0px;
	text-transform:uppercase;

}

ul{
	list-style-position: outside;
	list-style-type:circle;
}

form {
	margin: 0;
	padding: 0;
}

th {
	background-color: #99aece;
	font-size: 12px;
	color: #56595c;
	font-weight: bold;
}

.td_on{
	background-color:#CCCCFF;
	color:#000000;
}

.td_off{
	background-color:#F1F1F1;
	color:#000000;
}

hr{
	color:#CCC;
}

button{
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Top lef rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

/* The four following block define the style for all the website links */
a:link {
	color: #99aece;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	color:#99aece;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #99aece;
	text-decoration: none;
	font-weight:bold;
}
a:active {
	color: #99aece;
	text-decoration: none;
	font-weight:bold;
}

a{
outline:none;
}

img{border:0;outline:none;}

/* Date Picker */

.dpDiv {
	}

.dpTable {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}

.dpTodayButtonTR {
	}

.dpTD {
	cursor: pointer;
	}

.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	}

.dpTitleTD {
	}

.dpButtonTD {
	}

.dpTodayButtonTD {
	}

.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}

.dpButton {
	font-family: Verdana, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}

.dpTodayButton {
	font-family: Verdana, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
/* Page */
.PageMessageWarning{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: white;
	background-color: red;
	padding: 5px;
	position:absolute;
	bottom:30px;
	width:750px;

}

.PageMessageSuccess{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: white;
	background-color: green;
	padding: 5px;
	position:absolute;
	bottom:30px;
	width:750px;

}

/* Main Page Styles */
#Page{
	width:980px;
	height:770px;
	margin:0 auto; 
	text-align: left;
	padding:0px;
	overflow:hidden;
}

#PageHeader{
	position:relative;
	margin-top:25px;
	height:50px;
	color:#FFF;
}

#PageHeader ul {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size:11px;
	text-align:center;
}
#PageHeader ul li {
	float: left;
	margin: 0; padding: 0;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:1px;
	width:135px;
	text-transform:uppercase;
	text-align:center;
	background-image:url(/images/page_header_nav_background.png);
	background-repeat:repeat-x;
}
#PageHeader ul li a {
	color:#FFF;
	text-align:center;
	width:100%;
	height:100%;
}

#PageHeader ul li a:hover {
	text-decoration:none;
}

#PageMiddle{
	position:relative;
	height:475px;
}

#PageRightNav{
	position:absolute;
	right:0px;
	top:0px;
	width:250px;
	height:460px;
	overflow:hidden;
}

#PageRightNav ul {
	margin: 0; padding: 0;
	width: 100%;
	list-style: none;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}

#PageRightNav ul li{
	color:#FFFFFF;
	font-size:14px;
	margin-bottom:4px;
}

#PageRightNav a{
	color:#FFFFFF;
	font-size:14px;
}

.pageRightNavMore{
	display:none;
	padding-left:5px;
}

#MainContent{
	line-height:22px;
	width:700px;
	height:480px;
	overflow:auto;
	overflow-x:hidden;
	padding-right:4px;
}

#PageFooter{
	margin:0 auto;
	text-align:left;
	clear:both;
	font-size:12px;
	height:100px;
	position:relative;
}

#PageFooterIcons{
	position:absolute;
	right:250px;
	bottom:30px;
}

#PageFooterIcons a{
	margin-left:3px;
}

#PageNewsletter{
	position:absolute;
	right:250px;
	bottom:0px;
}

#PageNewsletter input{
	border:1px solid #FFF;
	background-color:#56595c;
	color:#FFFFFF;
	padding:4px;
	font-size:11px;
	width:127px
}

#PageNewsletter button{
	border:1px solid #56595c;
	background-color:#FFF;
	color:#56595c;
	padding:4px;
	font-size:11px;
}

#PageFooterContact{
	position:absolute;
	left:0px;
	bottom:0px;
}

#PageFooterLogo{
	position:absolute;
	right:30px;
	bottom:0px;
}

.pageSlideOut {
	padding: 20px;
	width: 200px;
	height:117px;
	background: #aab8b9;
	color:#666666;
}

#PageSlideOutRight{
	height:350px;
}

#PageSlideContact input, #PageSlideContact textarea{
	background-color:#666666;
	color:#FFF;
	border:0px solid #333333;
	width:200px;
	margin-bottom:5px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#PageSlideContact textarea{
	height:55px;
}

#PageSlideContact button{
	background-color:#FFF;
	color:#666666;
	margin-top:5px;
	padding:8px;
	border:0px;
	font-weight:bold;
	cursor:pointer;
}

/* Slide Show */
#Slideshow {
	position:relative;
	border:1px solid #FFF;
	margin-bottom:25px;
}

#Slideshow #s1{
	width:698px;
	height:271px;
	overflow:hidden;
}

#Slideshow .nav{
	position:absolute;
	z-index:100;
	top:245px;
	left:5px;
}

#Slideshow .nav #next1{
	margin-left:645px;
}

#Slideshow .pics img{
	width:698px;
	height:271px;
	border:0px;
}

.slide{
	width:698px;
	height:271px;
	position:relative;
}

.slideImage{
	position:absolute;
	z-index:5;
}

.slideBar{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:999;
	background-image:url(/images/grey_80.png);
	color:#FFFFFF;
	padding:5px;
	padding-left:35px;
	width:100%;
	overflow:hidden;
	text-align:left;
}

/* Training */

#CategoryList{
	float:right;
}

#CategoryOverview{
	padding:10px;
	background-color:#aab8b9;
	color:#000000;
}

.Course{
	padding:10px;
	margin-top:15px;
	border:1px solid #FFF;
}

.CourseName{
	font-size:15px;
	font-weight:bold;
	color:#fff100;
}

.CourseShortDescription{
	font-style:italic;
}

.CourseLink{
	font-weight:bold;
}

#EventsList{
	margin-top:20px;
}

#EventsList table{
	width:100%;
	padding:5px;
}

#EventsList table tr td{
	text-align:left;
	vertical-align:top;
}

.NoEvents{
	background-color:#3a4049;
	padding:10px;
	margin-top:15px;
	border:1px solid #666666;
}


#TrainingCategories{
	margin-top:5px;
}

.trainingCategory{
	width:138px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	font-size:12px;
}

.trainingCategory img{
	width:138px;
	height:138px;
}

.trainingSection{
	color:#FFFFFF;
	margin-bottom:4px;
	text-transform:uppercase;
	font-weight:bold;
	clear:both;
}

.trainingcommunityandvoluntary{
	color:#b2bc00;
}

.trainingcorporateandbusiness{
	color:#aab8b9;
}

/* Customers */
#CustomerNavigation{
	background-color:#aab8b9;
	border:1px solid #FFF;
	color:#333;
	clear:both;
	margin-bottom:15px;
	padding:10px;
	height:20px;
}
#CustomerNavigation ul{
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size:13px;
}
#CustomerNavigation ul li {
	float: left;
	margin: 0; padding: 0;
	margin-right:25px;
	position: relative;
}
#CustomerNavigation ul li a{
	float: left; 
	color:#FFF;
}

/* Transparency */	
.transbox {
	background-color: #fff;
	border: 1px solid white;
	filter:alpha(opacity=40);
	opacity: 0.6;
	-moz-opacity:0.5;
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.transbox div, .transbox img {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	padding:5px;
	}


/* Rounded Corner Boxes */
.CornerRoundTeal {
	width: 100%;
	background-color: #6DB4AD;
	color: #000000;
}

.CornerRoundTeal p {
	margin: 0 10px;
}

.CornerRoundTeal a, .CornerRoundTeal a:visited, .CornerRoundTeal a:hover{
	color:#FFFFFF;
}

.CornerRoundTopTeal { 
	background: url(/images/teal_tr.gif) no-repeat top right; 
}

.CornerRoundBottomTeal {
	background: url(/images/teal_br.gif) no-repeat top right; 
}

.CornerRoundBlue {
	width: 100%;
	background-color: #2DA7D6;
	color: #000000;
}

.CornerRoundBlue a, .CornerRoundBlue a:visited, .CornerRoundBlue a:hover{
	color:#FFFFFF;
}

.CornerRoundBlue p {
	margin: 0 10px;
}

.CornerRoundTopBlue { 
	background: url(/images/blue_tr.gif) no-repeat top right; 
}

.CornerRoundBottomBlue {
	background: url(/images/blue_br.gif) no-repeat top right; 
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}

.testimonial{
	background-color:#404750;
	padding:20px;
	padding-bottom:5px;
	padding-top:5px;
	margin-right:10px;
	margin-bottom:10px;
	color:#FFF;
	border:1px solid #545b64;
}

.testimonialTitle{
	font-weight:bold;
	font-size:14px;
	margin-top:4px;
}

#DocumentsBreadcrumb{
	padding:4px;
	background-color:#333333;
}

