body {
	background-image: url(images/body-bg-x.jpg);
	background-repeat: repeat-x;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#container {
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: auto;
}
#container #logo {
	float: left;
	height: 100px;
	width: 240px;
	padding-top: 7px;
}
#container #navigation {
	float: right;
	height: 107px;
	width: 520px;
}

#container #main-body {
	background-color: #fff;
	border-top:#f5f5f5 2px solid;
	border-bottom:#ccc 2px solid;
	margin-top: 7px;
	min-height:300px;
	height:auto !important;
	height:300px;
	
	
}
#container #main-body #left {
	float: left;
	width: 185px;
	min-height:800px;
	height:auto !important;
	height:800px;
	padding-top:30px 0 0 0;
	background: #f8f8f8 url(images/content-left-column-bg-x.jpg) repeat-x;
}
#container #main-body #right {
	float: right;
	width: 560px;
	padding: 5px 10px 0 0;
	line-height: 2.0em;
	font-size:12px;
}
#container #main-body #right p {
	margin: 10px 0;
}
#footer {
	color:#9a9Fa3;
	width: 780px;
	margin: 0px auto;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
}
#footer a:link	{
	text-decoration:underline;
	color:#9a9Fa3;
}
#footer a:visited	{
	text-decoration:underline;
	color:#9a9Fa3;
}
#footer a:hover	{
	text-decoration:underline;
	color:#333;
}
#footer a:active	{
	text-decoration:underline;
	color:#9a9Fa3;
}

/* Text Formatting */
.intro-paragraph	{
	padding: 0 20px 0 20px;
}
.intro-paragraph-italics	{
	padding: 0 20px 0 20px;
	font:italic;
}
h1,h2,h3,h4,h5,h6	{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	color: #003a63;
}
h1.txtTitleLeft	{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color:#66707a;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	margin: 11px 0 12px 10px !important;
	margin: 48px 0 15px 10px;
	width: 160px;
}

h2.subTxtTitleLeft	{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color:#66707a;
	border: none;
	margin: 11px 0 -5px 10px !important;
	margin: 10px 0 0 10px;
}

h3.trainingHeaders {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#66707a;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #66707a;
	
}

.redlinks	{
	font-weight:bold;
}
.redlinks a:link	{
	color:#A21D1E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.redlinks a:visited	{
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.redlinks a:hover	{
	color:#f00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.breadcrumb	{
	color:#999;
	font-size:x-small;
}

.breadcrumb	a:link, a:visited, a:active{
    color:#999;
	font-size:x-small;
	text-decoration: none;
}

.breadcrumb	a:visited {
    color:#999;
	font-size:x-small;
	text-decoration: none;
}

.breadcrumb	a:hover{
	color:#333;
	font-size:x-small;
	text-decoration: none;
}

.breadcrumb a:active{
    color:#999;
	font-size:x-small;
	text-decoration: none;
}



.training a:link {
COLOR: #a21d1e;
font-size: 12px;
text-decoration:underline;
}

.training a:visited {
COLOR: #a21d1e;
font-size: 12px;
text-decoration:underline;
}

.training a:hover {
COLOR: #f00;
font-size: 12px;
text-decoration:underline;
}

.training a:active {
COLOR: #9a9Fa3;
font-size: 12px;
text-decoration:underline;
}

.trainingcourses {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003a63;
	font-size:12px;
	font-style:italic;
	}
	
.trainingdates a:link a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #a21dle;
	font-size: 12px;
	}
	
.trainingdates a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f00;
	font-size: 12px;
	}

.registernow a {
display:block;
width: 100px;
padding:10px 0px 10px 0px;
font: bold 13px sans-serif;;
color:#333;
background: url("./images/register_bttn.gif") 0 0 no-repeat;
text-decoration: none;
}
.registernow a:hover { 
background-position: 0 -20px;
color: #049;
}
.registernow a:active{
background-position: 0 -20px;
color:#fff;
}
	
img.float {
float:right;
margin-right: 50px;
padding-left: 5px;
}

.courseheader {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000;
} 

.coursedivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a21d1e;
	font-weight:bold;
}

.coursedates {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#555;
}

.positionstype {
	font-family:Verdana, Arial, Helvetica, sans-serif
	font-size: 13px;
	font-weight:bold;
	color:#000;
}

.positioninfo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}

.news {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}

.sitemaptitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#a21d1e;
	font-weight:bold;
}

.sitemapsub {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#555;
}

.sitemapsub a:link, a:visited, a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#555;
	text-decoration:none;
}

.sitemapsub a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	text-decoration:none;
}


/* Navigation */
ul.navoptions {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height:1.5em;
	width: 185px;
}

ul.navoptions li {
	margin: 15px 0 0 0 !important;
	margin: 5px 0 0 0;
}

div#left ul.navoptions li a {
	padding: 2px 0 2px 20px;
	color: #A21D1E;
	font-weight: bold;
	text-decoration: none;
	display:block;
	font-size:10px;
	margin: 0;
	display: block;
	width: 165px;
}
div#left ul.navoptions li a:hover {
	background: #95A0A9;
	color: #fff;
	text-decoration: none;
}

ul#training li {
	margin: 8px 0;
}

/* Horizontal Navigation @ the top */
div#container .mattblacktabs ul{
	margin: 0;
	padding: 0 0 8px 0; /*offset of tabs relative to browser left edge*/
	font: bold 10px Verdana;
	list-style-type: none;
	float: left;
	width: 520px;
}

div#container .mattblacktabs li{
	display: inline;
	margin: 0;

}

div#container .mattblacktabs li a { /*Due to the nature of text with this style, words should be no more than 5 characters per word. Anymore and the element will stretch more that width of the ID "navigation" in stylesheet.css - you use normal spaces though - it'll shift the excess below just nicely*/
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 70px 8px 0 8px;
	width:69px;
	height:37px;
	font: 140% "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial";
	border-left:#003a63 1px dashed;
	font-weight: bold;
}

div#container .mattblacktabs li a#home {
	width: 50px;
}

div#container .mattblacktabs li a#contact {
	width: 90px;
}
div#container .mattblacktabs li a:link, .mattblacktabs li a:visited {
	color:#003a63;
}
div#container .mattblacktabs li a:hover, .mattblacktabs li.selected a{
	color:#f00;
	background:url(images/nav-hover.jpg) repeat-x; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI*/
}

div#container .mattblacktabs li a.active-matt {
	color:#c01b17;
	background:url(images/nav-hover.jpg) repeat-x; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI*/
	border-left:#c01b17 1px dashed;
}

div#right label { width:12em; display:block; float:left; }
div#right form#feedback label { width:22em; display:block; float:left; }
        div#right .asterix { color:#f00; font-family:Verdana, sans-serif; font-size:14pt; font-weight:bold; }
        div#right input:focus { border-top:2px solid #990; border-right:2px solid #CF3; border-bottom:2px solid #CCFF33; border-left:2px solid #990;}
        
        div#right input[type="text"], textarea, select, input[type="password"] {
	        padding:1px;
	        border:1px solid #333333;
        }

        div#right input[type="text"]:focus, textarea:focus, select:focus , input[type="password"]:focus{
        	border:2px solid #003a63;
        	padding:0;
        }
        
        div#right input[type="text"], select, textarea {
            font-size: 1em;
        }

        div#right input, div#right select { margin: .2em 0 .5em 0; }