/* CSS Document */
*, html{
margin: 0;
padding: 0;
}
body{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 76%;
text-align: center;
line-height: 18px;
background-image: url(../images/nav_bg.jpg);
background-repeat: repeat-x;
background-position: 0px 81px;
}
.clearme{
clear: both;
}
#body_wrap{
width: 760px;
margin: 0 auto;
text-align: left;
position: relative;
}
#logo{
width: 155px;
height: 132px;
position: absolute;
top: 0;
left: 0;
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
z-index: 1;
}
#header{
width: 760px;
height: 56px;
position: relative;
padding-top: 25px;
z-index: 10;
}
#header h1{
width: 302px;
height: 24px;
background-image: url(../images/directional_achievement.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -2000px;
margin-left: 142px;
margin-bottom: 4px;
}
#header p{
font-weight: bold;
margin-left: 196px;
}
#header .float_right{
position: absolute;
top: 18px;
left: 588px;
text-align: center;
}
#header .float_right p{
font-weight: normal;
margin-left: 0px;
}
/* Navigation */
#nav{
width: 605px;
height: 30px;
background-image: url(../images/nav_bg.jpg);
background-repeat: repeat-x;
margin-left: 155px;
z-index: 35;
}
#nav ul li{
list-style-type: none;
display: inline;
}
#nav ul { /* all lists */
padding: 0;margin: 0;list-style: none;line-height: 1;
}
#nav a {
display: block;
/*width: 10em;*/
color: #fff;text-decoration: none;
/*font-weight: bold;*/
}
#nav a:hover {
display: block;
/*width: 10em;*/
color: #ffffff;text-decoration: none;
/*font-weight: bold;*/
}
#nav li { /* all list items */
float: left;margin-right: 18px;
/* width: 126px; width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
position: absolute;width: 40px;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li a{
background: #ffffff;height: 18px;padding: 4px 0px 0px 0px;
text-indent: 3px;
background-image: url(../images/nav_bg.jpg);
background-repeat: repeat-x;
}
#nav li ul li a:hover{
background-image: url(../images/nav_bgHover.jpg);
background-repeat: repeat-x;
text-indent: 8px;
}
#nav li ul li{
background: #FFFFFF;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
/*FIRST LEVEL DROP DOWN*/
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	top: 107px;
	left: auto;
	display: block;
	font-weight: bold;z-index: 35;
}
/* Home Link */
li.home{
width: 43px; /* width needed or else Opera goes nuts */
}
li.home ul li{
width: 43px;
/*padding: 3px;*/
}
a.home {
background-image: url(../images/nav_home.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 43px;
height: 30px;
}
a.home:hover{
background-position: 1px -30px;
}
/* About Us Link */
li.about{
width: 58px; /* width needed or else Opera goes nuts */
}
li.about ul li{
width: 58px;
/*padding: 3px;*/
}
a.about {
background-image: url(../images/nav_aboutus.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 58px;
height: 30px;
}
a.about:hover{
background-position: 1px -30px;
}
/* Training Link */
li.training{
width: 155px; /* width needed or else Opera goes nuts */
}
li.training ul li{
width: 283px;
/*padding: 3px;*/
}
a.training {
background-image: url(../images/nav_tfss.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 155px;
height: 30px;
}
a.training:hover{
background-position: 1px -30px;
}
/* Process Link */
li.process{
width: 209px; /* width needed or else Opera goes nuts */
}
li.process ul li{
width: 200px;
/*padding: 3px;*/
}
a.process {
background-image: url(../images/nav_posa.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 209px;
height: 30px;
}
a.process:hover{
background-position: 1px -30px;
}
/* Contact Link */
li.contact{
width: 48px; /* width needed or else Opera goes nuts */
}
li.contact ul li{
width: 48px;
/*padding: 3px;*/
}
a.contact {
background-image: url(../images/nav_contact.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 48px;
height: 30px;
}
a.contact:hover{
background-position: 1px -30px;
}
/* Content */
#content_wrap{
width: 760px;
}
#content{
width: 738px;
padding: 0px 10px;
}
#indexcontent{
float: left;
width: 400px;
}
.notIndex{
margin-top: 25px;
}
.notIndex h2{
margin-bottom: 10px;
color: #0001cd;
font-size: 24px;
}
.notIndex h3{
margin-bottom: 10px;
color: #0001cd;
font-size: 16px;
}
.main{
position: relative;
top: 256px;
left: 0;
}
#content p{
margin-bottom: 10px;
}
#content ul{
list-style-position: inside;
margin-left: 25px;
margin-bottom: 10px;
}
#contentL{
width: 309px;
float: left;
margin-bottom: 5px;
}
#contentL img{
border: 1px solid black;
margin: 5px 10px 0px 10px;
}
#contentL .caption{
display:block;
background-color: #0001cd;
color: white;
margin-left: 10px;
border: 1px solid black;
font-size: 11px;
font-weight: bold;
padding: 2px 0px 2px 8px;
line-height: 14px;
}
#contentL p{
width: 299px;
}
#contentR{
width: 409px;
border-left: 1px solid black;
float: left;
margin-bottom: 5px;
}
#contentR p{
margin-left: 30px;
}
#contentR ul{
list-style-position: inside;
padding-left: 35px;
}
#contentR ul li{
margin-bottom: 10px;
}
#posacycle{
width: 509px;
position: relative;
margin-bottom: 40px;
}
#posacycle a{
text-decoration: none;
}
#posacycle a:hover{
text-decoration: underline;
}
#posacycle img{
border: none;
margin-top: 18px;
margin-left: 115px;
}
#posacycle p{
font-size: 14px;
font-weight: bold;
margin-bottom: -5px;
}
#posacycle ul{
margin: 0px;
}
#posacycle ul li{
font-size: 11px;
margin: 0px;
padding: 0px;
}
#prep{
color: #0001cd;
height: 45px;
position: absolute;
top: 0;
left: 170px;
}
#prep a{
color: #0001cd;
}
#expl{
color: #0001cd;
position: absolute;
top: 64px;
left: 255px;
}
#expl a{
color: #0001cd;
}
#exec{
color: #FF0000;
position: absolute;
top: 144px;
left: 255px;
}
#exec a{
color: #FF0000;
}
#prog{
color: #FF0000;
position: absolute;
top: 202px;
left: 145px;
}
#prog a{
color: #FF0000;
}
#impl{
color: #00CC00;
position: absolute;
top: 134px;
left: 0px;
}
#impl a{
color: #00CC00;
}
#cult{
color: #00CC00;
position: absolute;
top: 58px;
left: 0px;
}
#cult a{
color: #00CC00;
}
#contentR .centerlist{
margin-left: 120px;
}
.blue{color: #0001cd;}
.red{color: #FF0000;}
.green{color: #00CC00;}

.traininginc{
width: 200px;
margin: 5px auto;
}
.traininginc img{
margin: 0px;
}
.traininginc .caption{
margin: 0px 0px 5px 0px;
}
.caption a{
color: white;
text-decoration: none;
}
.caption a:hover{
text-decoration: underline;
}
/*POSA*/
#posa{
width: 760px;
height: 246px;
position: relative;
top: -428px;/*-278*/
left: 0;
color: #FFFFFF;
z-index: 5;
}
#posa #flasharea{
width: 446px;
height: 223px;
z-index: -1;
}
#posa h2{
width: 348px;
height: 43px;
background-image: url(../images/posa_header.jpg);
background-repeat: no-repeat;
text-indent: -2000px;
position: relative;
top: 0px;
left: 392px;
margin-bottom: -24px;
}
#posa_banner{
width: 760px;
height: 223px;
background-image: url(../images/phases_bg.jpg);
background-repeat: repeat-x;
border: 1px solid black;
}
#posa_area{
width: 305px;
position: absolute;
left: 455px;
top: 29px;
line-height: 14px;
}
.phase{
height: 65px;
padding-bottom: 8px;
}
.phase h3{
font-size: 14px;
margin-bottom: 2px;
}
a.readmore{
display: block;
width: 76px;
height: 17px;
background-image: url(../images/seemoretab.gif);
background-repeat: no-repeat;
position: relative;
top: -15px;
left: 210px;
padding-top: 2px;
padding-left: 20px;
color: white;
text-decoration: none;
font-weight: bold;
}
a.readmore:hover{
background-position: 0px -19px;
}
/*Training*/
#training{
width: 760px;
background-image: url(../images/TrainingAreaBG.jpg);
background-repeat: repeat-x;
background-position: 0 21px;
margin-top: 12px;
}
#training h2{
width: 720px;
height: 20px;
margin: 0 auto;
background-image: url(../images/trainingHeader.gif);
text-indent: -2000px;
}
#module_section{
width: 760px;
height: 246px;
background-image:url(../images/trainingReflect-.jpg);
background-repeat: no-repeat;
background-position: center 1px;
}
.module_wrap{
width: 175px;
float: left;
margin-top: 18px;
margin-left: 11px;
position: relative;
padding: 0px;
}
.mod_compass{
width: 68px;
height: 44px;
background-image: url(../images/compass.gif);
background-repeat: no-repeat;
background-position: 0 0;
position: absolute;
top: 0;
left: 0;
}
.module_wrap h3{
width: 107px;
height: 24px;
background-image: url(../images/moduleHeadBG.jpg);
background-repeat: repeat-x;
color: white;
text-align: center;
margin-top: 7px;
margin-left: 68px;
font-size: 14px;
padding-top: 7px;
}
.module{
width: 175px;
padding-left: 4px;
padding-bottom: 1px;
background-image:url(../images/modBG.jpg);
background-repeat:repeat-y;
background-position: 4px 0px;
line-height: 14px;
}
.module h4{
color: #0001cd;
text-align: center;
margin-bottom: 3px;
font-size: 12px;
}
.module p{
display: block;
width: 148px;
padding-left: 15px;
margin-bottom: 3px;
font-size: 11px;
}
.module a{
color: #0001cd; 
text-decoration: none;
}
.module a:hover{ 
text-decoration: underline;
}
.mod_foot{
margin-left: 3px;
width: 172px;
height: 16px;
background-image: url(../images/modFootbg.jpg);
background-repeat: repeat-x;
}
.mod_foot_corner{
width: 172px;
height: 16px;
background-image: url(../images/modfootcorner.jpg);
background-position: right;
background-repeat: no-repeat;
}
/* Footer */
#footer{
width: 100%;
height: 114px;
background: #999999;
background-image: url(../images/footerBG.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
font-size: .9em;
text-align: center;
}
#footer ul{
margin-bottom: 15px;
}
#footer ul li{
display: inline;
list-style-type: none;
font-weight: bold;
margin: 0px 15px;
}
#footer a{
color: #FFFFFF;
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}
#footer p{
margin-bottom: 15px;
}
#foot_content{
width: 760px;
margin: 0 auto;
padding-top: 20px;
}
/*Contact Form*/
#contact fieldset{
float: left;
clear: left;
width: 100%;
margin: 0 0 1.5em 0;
padding: 0;
font-size: 12px;
border: none;
color: #000000;
}
#contact legend{
margin-left: 1em;
color: #580202;
font-weight: bold;
}
#contact fieldset ol{
padding: .5em 1em 0 5em;
list-style-type: none;
}
#contact fieldset li{
float: left;
clear: left;
width: 100%;
padding-bottom: 1em;
}
#contact fieldset.submit{
float: none;
clear: both;
width: auto;
border-style: none;
text-align: center;
margin-top: 5px;
}
#contact label{
float: left;
width: 12em;
margin-right: 1em;
text-align: right;
}
ul.errors{
list-style-position: inside;
border: 1px solid red;
background-color: #FFFF00;
color: #CC0000;
padding: 10px;
font-size: 11px;
width: 320px;
}
ul.erros li{
margin-bottom: 15px;
}
/*Index Contact*/
#indexcontact{
width: 298px;
float: right
}
#contacthead{
height: 34px;
background-image: url(../images/contacthead.gif);
background-repeat: no-repeat;
}
#contactbody{
background-image: url(../images/contactformBG.gif);
background-repeat: repeat-y;
}
#contactfoot{
height: 28px;
background-image: url(../images/contactfoot.gif);
background-repeat: no-repeat;
}
#indexcontact fieldset{
float: left;
clear: left;
width: 100%;
margin: 0 0 0 0;
padding: 0;
font-size: 12px;
border: none;
color: #000000;
}
#indexcontact legend{
margin-left: 1em;
color: #580202;
font-weight: bold;
}
#indexcontact fieldset ol{
padding: .5em 1em 0 .5em;
list-style-type: none;
}
#indexcontact fieldset li{
float: left;
clear: left;
width: 100%;
padding-bottom: .2em;
}
#indexcontact fieldset.submit{
float: none;
clear: both;
width: auto;
border-style: none;
text-align: center;
margin-top: 5px;
padding-bottom: 3px;
}
#indexcontact label{
width: 5em;
margin-right: 1em;
text-align: right;
}