
body {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 11px;
 text-align: center;
 margin: 0px;
 padding: 0px;
 color: #333333;
 background: #FFFFFF;
}

table {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 11px;
 color: #333333;
 margin-top: 10px;
 margin: 10px 0px;
}

table td {
 padding: 5px;
 padding: 10px;
 vertical-align: top;
}

.border {
 border: 1px solid #CCCCCC;
}

table .table-head {
 font-size: 12px;
 font-weight: bold;
 border-bottom: 1px solid #CCCCCC;
}

table .left-cell {
 vertical-align: top;
 border-bottom: 1px solid #CCCCCC;
}

table .right-cell {
 vertical-align: middle;
 border-bottom: 1px solid #CCCCCC;
}

table .left-border {
 border-left: 1px solid #CCCCCC;
}

a {
 text-decoration: none;
 color: #F04E11;
}

img {
 border: 0px;
}

.bold {
 font-weight: bold;
}

.underlined {
 text-decoration: underline;
}

.text-right {
 text-align: right;
}

#div {
 width: 1000px;
 margin: auto;
}

#header {
 float: right;
 width: 720px;
 margin-top: 25px;
}

#middle {
 float: left;
 width: 100%;
 background: url(../images/gray-bg.jpg) repeat-y left;
}

#bg {
 float: left;
 background-image: url(../images/globe.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
}

#footer {
 float: right;
 width: 720px;
 height: 26px;
 color: #FFFFFF;
 font-size: 9px;
 margin-bottom: 30px;
 background: url(../images/footer-bg.jpg) repeat-x;
}

/******************************************************************************************************************************************/
/* header */
/******************************************************************************************************************************************/

.header-image {
 float: right;
 width: 719px;
 height: 179px;
 margin-top: 5px;
 margin-bottom: 20px;
 background-repeat: no-repeat;
 background-position: center center;
}

/******************************************************************************************************************************************/
/* footer */
/******************************************************************************************************************************************/

#footer-left {
 float: left;
 text-align: left;
 margin: 7px 0px 0px 12px;
}

#footer-right {
 float: right;
 text-align: right;
 font-weight: bold;
 margin: 7px 12px 0px 0px;
}

#footer a {
 color: #FFFFFF;
}

.partner-logos {
 float: right;
 margin-top: 10px;
 margin-bottom: 5px;
}

/******************************************************************************************************************************************/
/* menu */
/******************************************************************************************************************************************/

.menu {
 float: left;
 width: 720px;
 height: 43px;
 padding: 0px;
 margin: 0px;
 list-style-type: none;
}

#menu {
 background: url(../images/menu.jpg) no-repeat;
}

#training-menu {
 background: url(../images/training-menu.jpg) no-repeat;
}

.menu li {
 float: left;
}

.menu a.item {
 display: block;
 height: 43px;
}

.menu a.selected, .menu a.on, .menu a.item:hover {
 background-image: url(../images/menu-arrow.gif);
 background-repeat: no-repeat;
 background-position: 50% 0%;
}

ul.menu-dropdown-items {
 display: none;
 position: absolute;
 float: left;
 list-style-type: none;
 padding: 0px;
 margin: 0px;
 background: #FFFFFF;
 z-index: 3;
 opacity: .90;
 filter: alpha(opacity=90);
}

ul.menu-dropdown-items li {
 float: left;
 width: 100%;
 line-height: 30px;
 text-align: center;
 clear: both;
}

ul.menu-dropdown-items li.dotted-border {
 border-bottom: 1px dotted #000000;
}

ul.menu-dropdown-items li a {
 display: block;
 font-weight: bold;
 font-size: 11px;
 color: #333333;
 text-align: center;
 width: 100%;
}

ul.menu-dropdown-items li a:hover {
 color: #F04E11;
}

.ul {
 line-height: 200%;
}

/******************************************************************************************************************************************/
/* left */
/******************************************************************************************************************************************/

#left {
 float: left;
 width: 250px;
 height: 980px;
 text-align: left;
 background: url(../images/left-bg.jpg) no-repeat top center;
 padding-bottom: 100px;
 margin-right: 30px;
}

#left div {
 border-top: 1px solid red;
}

.latest-news {
 float: left;
 width: 250px;
 margin-top: 260px;
 clear: both;
}

.latest-news .title {
 width: 194px;
 text-transform: uppercase;
 font-weight: bold;
 color:  #FFFFFF;
 padding: 9px 3px;
 margin: 0px 25px;
 border-top: 1px dotted #FFFFFF;
 border-bottom: 1px dotted #FFFFFF;
}

.news {
}

.news .headline {
 display: block;
 font-weight: bold;
 color: #F04E11;
 padding: 20px 0px 0px 0px;
 margin: 0px 25px;
}

.news .headline a {
 float: left;
 width: 177px;
 padding-right: 20px;
 background: url(../images/red-arrow.gif) no-repeat 99% 50%;
 clear: both;
}

.news .content {
 float: left;
 margin: 10px 0px;
}

.news .image {
 float: left;
 padding-left: 25px;
 margin-right: 10px;
}

.news .info {
 float: right;
 width: 130px;
 color: #FFFFFF;
 padding-right: 25px;
}

.news .info-wide {
 float: right;
 width: 200px;
 color: #FFFFFF;
 padding: 0px 25px;
 clear: both;
}

.separator {
 float: left;
 width: 250px;
 clear: left;
}

.separator-border {
 margin: 5px 25px 15px 25px;
 border-bottom: 1px dotted #666666;
}

table.latest_news {
 width: 190px;
 margin: 250px 27px 30px 27px;
}

.latest_news .title {
 width: 194px;
 text-transform: uppercase;
 font-weight: bold;
 color:  #FFFFFF;
 padding: 9px 3px;
 margin: 0px 25px;
 border-top: 1px dotted #FFFFFF;
 border-bottom: 1px dotted #FFFFFF;
}

td.news-headline {
 font-weight: bold;
 color: #F04E11;
 padding: 20px 0px 0px 0px;
 margin: 0px 25px;
 padding: 10px 0px;
}

td.news-headline a {
 display: block;
 width: 177px;
 padding-right: 20px;
 background: url(../images/red-arrow.gif) no-repeat 99% 50%;
 clear: both;
}

td.news-content {
 color: #FFFFFF;
 margin: 10px 0px;
 padding: 0px;
}

table.capability-statement {
 width: 200px;
 margin: 0px 23px 30px 27px;
}

table.capability-statement td {
 padding: 0px;
 color: #FFFFFF;
}

table.capability-statement .title {
 text-transform: uppercase;
 font-weight: bold;
 color:  #F04E11;
 padding: 7px 0px;
 border-top: 1px dotted #FFFFFF;
 border-bottom: 1px dotted #FFFFFF;
}


/******************************************************************************************************************************************/
/* main */
/******************************************************************************************************************************************/

#main {
 float: right;
 width: 720px;
 text-align: left;
 min-height: 750px;
 background-color: #FFFFFF;
}

#content {
 padding: 0px 20px 20px 10px;
}

.welcome {
 float: left;
 width: 690px;
 background-repeat: no-repeat;
 background-position: 2% 45%;
}

.welcome-text {
 float: right;
 width: 450px;
}

.box {
 float: left;
 width: 340px;
 height: 200px;
}

.box-title {
 float: left;
 width: 310px;
 height: 30px;
 margin-right: 30px;
 margin-bottom: 10px;
 background-repeat: no-repeat;
 background-position: 0% 50%;
 border-bottom: 1px dotted #4B5052;
}

.section-image {
 float: left;
 width: 124px;
 height: 141px;
 background: url(../images/section-image-shade.jpg) no-repeat bottom;
}

.section-intro {
 float: right;
 width: 175px;
 margin-top: 10px;
 padding-right: 20px;
}

.read-more {
 float: left;
 clear: both;
 font-weight: bold;
 padding-right: 10px;
 margin-top: 10px;
 background: url(../images/arrow.gif) no-repeat 98% 50%;
}

.more {
 font-weight: bold;
 padding-left: 10px;
 margin-top: 10px;
 background: url(../images/arrow.gif) no-repeat 0% 50%;
}

h1 {
 color: #F04E11;
 font-weight: bold;
 font-size: 13px;
 text-transform: uppercase;
 margin-bottom: 20px;
}

h2 {
 font-weight: bold;
 font-size: 13px;
 margin-top: 25px;
}

h3 {
 font-weight: bold;
 font-size: 12px;
 margin-top: 20px;
}

ul.list ul {
 padding-left: 20px;
 margin-left: 0px;
 margin-bottom: 10px;
}

.list-holder {
 float: left;
 width: 200px;
 margin-bottom: 15px;
}

.faq-question {
 font-weight: bold;
}

/******************************************************************************************************************************************/
/* forms */
/******************************************************************************************************************************************/

.form-field {
 float: left;
 width: 630px;
	padding: 3px 0px;
	text-align: left;
}

label, .empty {
 float: left;
	padding-top: 4px;
	padding-right: 3px;
}

.label, .empty {
	font-weight: bold;
	width: 250px;
	text-align: right;
}

.text, .textarea, .select {
 float: left;
 width: 300px;
}

.radio, .checkbox {
 float: left;
	margin-top: 5px;
	margin-right: 3px;
}

.button {
 border: 1px solid #666666;
	background: #DDDDDD;
}

.error {
 color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: 1px solid #FF0000;
	margin-bottom: 10px;
}

.message {
 color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: 1px solid orange;
	margin-bottom: 10px;
}

.bottom-note {
 float: left;
 padding:10px;
}

/******************************************************************************************************************************************/
/* debug */
/******************************************************************************************************************************************/

/*
div {
 border: 1px solid red;
}
*/