/* TOOLBOX CSS */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


#browserAlert {
display:none;
}
/* --------------------------------------------------------------------------------- */
/* ---------- GENERAL ---------- */
/* --------------------------------------------------------------------------------- */
* {
	margin: 0;
}


html {
	height: 100%;
}

body{
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height:19px;
height: 100%;
color:#4a4534;
background:url(../images/bg.jpg) repeat #173353;
}

strong{
color:#5e5a4a;
}

#topbar{
width:100%;
height:27px;
background:#0b2748;
border-bottom:1px solid	#566a82;
z-index:0;
position:relative;
}

.wrapper{
	position:relative;
	width:955px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height: 200px; /* .push must be the same height as .footer */
	clear:both;
}

#tagline{
float:right;
margin:10px 0 0 0;	
}

body, div, ul, li, dl, dd, dt         {
	padding: 0;
	border: 0;
	margin: 0;
	
}

ul { list-style: disc; margin:0px 0 20px 20px; padding:0; }

ol { list-style: decimal; margin: 10px 0 20px 30px;}

li { margin: 2px auto; list-style-position: outside; }

p{
padding:0 0 15px 0;
}

a, a:link, a:visited{
text-decoration:none;
color:#a53715;
}
a:hover, a:active{
text-decoration:underline;
color:#a53715;
}
a:focus{
outline:none;
}

h3{ width:239px; height:61px; background-image: url('../images/logo.gif'); margin:55px 0 30px 0; float:left;}
h3 a { display: block; width:239px; height:61px; text-indent: -9999px; }

/* --------------------------------------------------------------------------------- */
/* ---------- NAV ---------- */
/* --------------------------------------------------------------------------------- */


ul#nav {
margin:37px 0 0 0;
padding: 0;
list-style: none; 
width:568px;
display: block;  
position: relative; 
z-index: 999;
float:right;
}

#nav li { float:left; margin: 0 0 0 0; height:31px; text-indent:-9999px; position:relative; background:none;  }

#nav li.divider{
width:1px;
height:31px;
background:url('../images/divider.gif') no-repeat !important;	
display: block;
float:left;
}

li.home a { display: block; width:61px; height:31px; background: url('../images/nav.gif') no-repeat 0 0; text-indent: -9999px }
li.home a:hover { display: block; width:61px; height:31px; background: url('../images/nav.gif') no-repeat 0 -31px; }

li.about a { display: block; width:72px; height:31px; background: url('../images/nav.gif') no-repeat -63px 0; text-indent: -9999px }
li.about a:hover, li.about:hover a { display: block; width:72px; height:31px; background: url('../images/nav.gif') no-repeat -63px -31px; }

li.services a { display: block; width:123px; height:31px; background: url('../images/nav.gif') no-repeat -136px 0; text-indent: -9999px }
li.services a:hover, li.services:hover a { display: block; width:123px; height:31px; background: url('../images/nav.gif') no-repeat -136px -31px; }

li.resources a { display: block; width:105px; height:31px; background: url('../images/nav.gif') no-repeat -260px 0; text-indent: -9999px }
li.resources a:hover, li.resources:hover a { display: block; width:105px; height:31px; background: url('../images/nav.gif') no-repeat -260px -31px; }

li.training a { display: block; width:92px; height:31px; background: url('../images/nav.gif') no-repeat -366px 0; text-indent: -9999px }
li.training a:hover { display: block; width:92px; height:31px; background: url('../images/nav.gif') no-repeat -366px -31px; }

li.contact a { display: block; width:110px; height:31px; background: url('../images/nav.gif') no-repeat -459px 0; text-indent: -9999px }
li.contact a:hover, li.contact:hover a { display: block; width:110px; height:31px; background: url('../images/nav.gif') no-repeat -459px -31px; }


#indexHome li.home a { background: url('../images/nav.gif') no-repeat 0 -31px; }
#indexAbout li.about a { background: url('../images/nav.gif') no-repeat -63px -31px; }
#indexServices li.services a { background: url('../images/nav.gif') no-repeat -136px -31px; }
#indexResources li.resources a { background: url('../images/nav.gif') no-repeat -260px -31px; }
#indexTraining li.training a { background: url('../images/nav.gif') no-repeat -366px -31px; }
#indexContact li.contact a { background: url('../images/nav.gif') no-repeat -459px -31px; }


/* =============== subnav ================== */

#nav li ul, #nav li li ul {
position: absolute;
left: -9999px;
text-align: left;
clear: both;
margin: -5px 0 0 0px;
background:none;
width: 138px;
list-style:none;
}

#nav li:hover ul ul {
left: 0;
background:none;
}

#nav li:hover ul, #nav li li:hover ul {
left: 0;
background:none;
}

#nav li li {
height: auto !important;
float:none;
background:none;

}

#nav li li a {
	list-style:none !important;

font-size: 12px;
background:#0f233b !important;
padding: 7px 7px;
line-height: 18px;
color: #ffffff;
text-indent: 0;
height: auto !important;
width: 138px;
text-decoration:none;
}

#nav li li:hover a {
background: #0f233b;
}
	
#nav li li:hover li a {
background: #0f233b;
}

#nav li li a:hover, #nav li li:hover li a:hover {
background:#1e3f62 !important;
}

#nav li ul ul {
margin: -34px 0 0 -194px;
background:none;
}


/* --------------------------------------------------------------------------------- */
/* ---------- HOMEPAGE CONTENT ---------- */
/* --------------------------------------------------------------------------------- */

.content{
width:955px;
background:url(../images/bg-body.gif) no-repeat top center #f1efec;
margin:0px 0 0 0;
clear:both;
min-height:100px;
padding-bottom:70px;
}

.image-home{
float:left;
margin:0 25px 20px 0;	
}

.copy-home{
width:905px;
float:left;
margin:42px 0 0 25px;
z-index:999;
}

.quote-home{
margin:5px 0 0 22px;
clear:both;
position:relative;
width:921px;
height:160px;
}


/* --------------------------------------------------------------------------------- */
/* ---------- BLUE BAR CONTENT ---------- */
/* --------------------------------------------------------------------------------- */

.servicesBarBg{
background:#0f233b;
width:100%;
position:relative;
display:block;
float:left;
padding:0 0 30px 0;
}

.servicesBar{
background:url(../images/bg-services.gif) repeat-x top;
width:282px;
min-height:227px;
margin:-30px 0 0 28px;
float:left;
position:relative;
}

.servicesBar2{
background:url(../images/bg-services-2.gif) repeat-x top;
width:282px;
min-height:227px;
margin:-30px 0 0 28px;
float:left;
position:relative;
}

.servicesBar h1, .servicesBar2 h1{
font-size:19px;
color:#ffffff;
text-transform:uppercase;
margin:15px 15px 5px 15px;
padding:0;
}

.servicesBar h2, .servicesBar2 h2{
font-size:13px;
color:#ffffff;
text-transform:uppercase;
margin:0 15px 5px 15px;
padding:0;
}

.servicesBar ul{
margin:20px 0 0 0;
font-size:13px;	
}

.servicesBar li{
	margin:0 0 8px 16px;
	padding:0;
	list-style:none;
	list-style-type:none;
}

.servicesBar li span{
	background:url(../images/bullet.gif) no-repeat;	
	width:11px;
	height:9px;
	padding:0 0 0 20px;
}

.servicesBar ul li a{
	color:#ffffff;
	text-decoration:none;
}
.servicesBar ul li a:hover{
	color:#ffffff;
	text-decoration:underline;
}

.servicesBar form{
	margin:25px 0 0 15px;
}

input.textfield{
width:238px;
height:18px;
padding:3px 0 0 2px;
margin:0 0 6px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7a7870;
}

textarea.textbox{
width:241px;
height:62px;
padding:3px 0 0 2px;
margin:0 0 6px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7a7870;
}

input.btnSubmit{
width:77px;
height:25px;
background:url(../images/btn-submit.gif) no-repeat 0 0;
border:0;
text-indent:-9999px;
margin:5px 0 0 0;
cursor:pointer;
}

input.btnSubmit:hover{
width:77px;
height:25px;
background:url(../images/btn-submit.gif) no-repeat 0 -25px;
border:0;
text-indent:-9999px;
margin:5px 0 0 0;
cursor:pointer;
}

.servicesBar2 p{
font-size:13px;
color:#ffffff;
line-height:18px;
margin:15px 15px 15px 15px;
}

/* --------------------------------------------------------------------------------- */
/* ---------- INTERNAL ---------- */
/* --------------------------------------------------------------------------------- */

h4{
color:#aa4324;
font-size:20px;
text-transform:uppercase;
padding:0;
margin:0 0 20px 0;
}

.image-border{
border:2px solid #aaa699;
float:left;
margin:0 25px 15px 0;	
}

.image-right{
border:2px solid #aaa699;
float:right;
margin:0 0 15px 25px;	
}

ul.orangeBullet{
margin:-10px 0 15px 0px !important;
padding:0px 0 0 0;
list-style-type:none !important;
clear:both;
}
ul.orangeBullet li{
margin:0 0 5px 0 !important;
padding:0px 0 0 0;
list-style-type:none !important;
}
ul.orangeBullet li span{
background:url(../images/bullet2.gif) no-repeat 0 5px;
padding:0 0 0 15px;	
}

.pagedivider{
height:1px; margin:0px 0 15px 0; background:#bab7ae;	
}

input.textinput{
width:190px;
height:22px;
float:left;
border:1px solid #bab7ae;
padding:3px 0 0 3px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#4a4534;
clear:both;
margin:0 0 5px 0;
}

span input{

color:#C00 !important;

}

p.error{
margin:10px 0 -30px 15px;
color:#ffffff;
font-size:11px;
}
p.thankyou{
margin:10px 0 0px 15px;
color:#ffffff;
font-size:12px;
}
textarea{
width:190px;
height:86px;
float:left;
border:1px solid #bab7ae;
padding:2px 0 0 2px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#4a4534;
clear:both;
}

.formRight{
float:left;	
margin:0 0 0 10px;
}
.formLeft{
float:left;	
width:195px;
}

input.btnSubmit2{
width:77px;
height:25px;
background:url(../images/btn-submit2.gif) no-repeat 0 0;
border:0;
text-indent:-9999px;
margin:5px 0 0 0;
clear:both;
cursor:pointer;
}

input.btnSubmit2:hover{
width:77px;
height:25px;
background:url(../images/btn-submit2.gif) no-repeat 0 -25px;
border:0;
text-indent:-9999px;
margin:5px 0 0 0;
cursor:pointer;
}

/* --------------------------------------------------------------------------------- */
/* ---------- FOOTER ---------- */
/* --------------------------------------------------------------------------------- */

.footer{
background:#0b2b51;
width:100%;
height:100px;
float:left;
position:relative;
border-top:1px solid #4a627e;
color:#ffffff;
font-size:11px;
line-height:14px;
}
.footer a {
color:#ffffff;
text-decoration:underline;	
}
.footer a:hover {
color:#ffffff;
text-decoration:none;	
}

p.left{
margin:10px 0 0 0;
float:left;	
}
p.right{
margin:10px 0 0 0;
float:right;
text-align:right;
display:inline;
}