/* 
COLORS
#6eaafb; aqua blue
#e6f0fe; powder blue
#b48c00; orange
#98c0f6; light aqua blue
#2c2304; dark brown
#e8e8e8; light tan/gray
#fffbef; tan
#0053A0; dark blue
*/


/* HTML OVER-RIDES */
body {
    font-size: 62.5%;
    background: #e6f0fe;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2c2304;
}
#Billboard h1 {
    font-size: 2.6em;
    color: #fff;
    line-height: 1.3em;
    font-weight: normal;
    width: 500px;
}
h1 {
    font-size: 3.0em;
    font-weight: normal;
    color: #0053A0;
    line-height: 1.3em; 
}
h2#longH2 {
    font-size: 2.8em;
}
h2 {
    font-size: 2.3em;
    font-weight: normal;
    color: #6eaafb;
    margin-bottom: 5px;
    line-height: 1.3em;
}
h3 {
    font-size: 1.8em;
    font-weight: normal;
    color: #6eaafb;
    margin-bottom: 5px;
    line-height: 1.3em;
}
h4 {
    font-size: 1.4em;
    color: #0053A0; 
    margin-bottom: 5px;
    line-height: 1.3em;
    font-weight: normal;
}
h5 {
    font-size: 1.2em;
}
a {
    color: #6eaafb;
}
a:hover {
    color: #0053A0; 
    text-decoration: none;
}
#Content p {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 1.4em;
}
#Content #Column2 p {
    width: 95%;
}
#Content .column1L p,
#Content .column2R p {
    font-size: 1.0em;
}
#Content .column1L p .date {
    display: none;
}
ul.bulletList {
    list-style: square inside;
}
ul.bulletList li {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: 4px;
}
address {
    font-size: 1.0em;
    line-height: 1.5em;
    margin-bottom: 0;
}
label {
    display: block;
    margin: 4px 0 2px 0;
    font-size: 1.2em;
}
table label, 
table input {
    display: inline;
    vertical-align: middle;
}
table input {
    margin-right: 20px;
}

.checkboxList label {
    display: inline;
    vertical-align: middle;
    font-weight: normal;
}
.checkboxList input {
    vertical-align: middle;
}
blockquote {
    margin: 15px 20px;
    font-size: 1.2em;
    line-height: 1.4em;
    text-indent: -6px;
    font-style: italic;
}
fieldset {
    border: 1px solid gray;
}
span.date {
    color: #0053A0;
}

/* STRUCTURAL STYLES */
#HeaderWrapper {
    background: #6eaafb url(images/bg_header_wrapper.gif) repeat-x top;
}
#HeaderWrapper #TopShadow {
    background: url(images/bg_top_shadows.png) no-repeat center 5px; /* height: 54px; */
}
#Header {
    width: 770px;
    margin: 0 auto;
    padding-bottom: 37px;
    height: 70px;
    background: url(images/bg_header.gif) repeat-x top;
    position: relative;
}
#UtilNav {
    position: absolute;
    right: 0px;
    top: 13px;
    width: 230px;
    height: 40px;
    /*background: url(images/bg_utilnav.gif) no-repeat top;*/
}
#ContentWrapper {
    background: url(images/bg_content_wrapper.gif) repeat-x 0 38px;
    margin-top: -38px;
}
#Billboard {
    width: 730px;
    margin: 0 auto;
    height: 195px;
}
#ContentWrapper #BottomShadow {
    background: url(images/bg_bottom_shadows.png) no-repeat center 38px;
}
#Content {
    width: 770px;
    margin: 0 auto;
    margin-top: 0px;
    background: #fff url(images/bg_content.gif) no-repeat bottom;
    position: relative;
}
#ContentPad {
    padding: 30px 20px 20px;
    overflow: hidden;
    min-height: 400px;
}
#Logo {
    display: block;
    width: 209px;
    height: 52px;
    background: url(images/bg_logo.gif) no-repeat;
    margin-left: 15px;
}
#Logo img {
    display: none;
}
#Header p.tagLine {/* slogan */
    position: absolute;
    left: 64px;
    top: 51px;
    font-size: .95em;
    color: #6eaafb;
    font-variant: small-caps;
    letter-spacing: .1em;
}
#Footer {
    width: 770px;
    height: 118px;
    margin: 0 auto;
    background: url(images/bg_footer.gif) no-repeat top;
}

/* REUSABLE STYLES */
.tryAgain {
    font-weight: bold;
    color: orange;
}
.leftImg {
    float: left;
    display: block;
    padding: 4px;
    border: 1px solid #e8e8e8;
    margin: 5px 15px 0 0;
}
.rightImg {
    float: right;
    display: block;
    padding: 4px;
    border: 1px solid #e8e8e8;
    margin: 5px 0 0 15px;
}
.button {
    display: block;
    background: url(images/bg_button.gif) no-repeat 0 0;
    width: 130px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 1.3em;
    text-decoration: none;
}
.topP {
    padding-top: 20px;
    margin-top: 15px;
    background: url(images/bg_top-p.gif) repeat-x top;
}
#Content p.largeText {
    font-size: 1.4em;
}
.box {
    padding: 20px;
    background: url(images/bg_45.gif);
    margin-top: 7px;
    margin-bottom: 20px;
    border-bottom: 4px solid #e8e8e8;
}
.sidebarBox {
    background: url(images/bg_45.gif);
    padding: 7px;
    margin-bottom: 20px;
    border-bottom: 4px solid #e8e8e8;
    margin-top: 7px;
} 
.ccSearch {
    margin-bottom: 20px;
}
#SearchBar {
    padding: 10px;
    border: 1px solid #e8e8e8;
    clear: left;
    margin-bottom: 15px;
    text-align: right;
}
#SearchBar h5 {
    display: inline;   
}
.input {
    border: 1px solid #e8e8e8;
    width: 231px;
}
.textArea {
    border: 1px solid #e8e8e8;
}
.upload {
    width: 400px;
}
.anchorButton {
    display: block;
    line-height: 28px;
    width: 92px;
    text-align: center;
    background: url(images/bg_anchorbutton.gif) no-repeat 0 0; 
    text-decoration: none;
}
#Content p.phone {
    margin: 5px 0 5px;
    font-weight: bold;
    font-size: 10px;
}
#CarbonCopyWrapper {
    margin: 10px 0;
}
.download {
    background: url(images/bg_pdfdownloadicon.gif) no-repeat right;
    padding: 2px 20px 2px 0;
}   

/* mapquest form */
.mapquestForm input {
    width: 125px;
    border: 1px solid #e8e8e8;
}
.mapquestForm label {
    font-size: 1.0em;
}
.mapquestForm input.submit {
    display: block;
    overflow: hidden;
    background: url(images/bg_mapquestbutton.gif) no-repeat;
    width: 127px;
    height: 30px;
    padding-top: 30px;
    margin-top: 3px;
    cursor: pointer;
    border: none;
}
.mapquestForm .zipCode {
    width: 45px;
}
.mapquestForm .state {
    width: 25px;
}



/* NAV */
ul#Nav {
    position: relative;
    height: 30px;
    width: 770px;
    margin: 0 auto;
    z-index: 1;
}
ul#Nav li {
    float: left;
    margin-right: 3px;
}
ul#Nav li a {
    display: block;
    width: 100px;
    line-height: 29px;
    text-align: center;
    text-decoration: none;
    background: #98c0f6;
    border-top:  1px solid #e6f0fe;
    border-left: 1px solid #e6f0fe;
    border-right: 1px solid #e6f0fe;
    font-size: 1.2em;
    color: #fff;
}
ul#Nav li a:hover {
    background: #0053A0;
}
ul#Nav li a.active,
ul#Nav li a.active:hover,
ul#Nav li.activeChild a {
    border-top:  1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #fff;
    color: #0053A0;
}

/* FOOTERNAV */
#Content #FooterNav {
    /*position: absolute;
    bottom: 15px;*/
    clear: both;
    padding: 15px 0;
    margin: 0;
}
#Content #FooterNav li {
    display: inline;
    padding-left: 20px;
}
#Content #FooterNav li a {
    font-size: .9em;
    padding-right: 20px;
    text-decoration: none;
    line-height: 1.1em;
    border-right: 1px solid #0053A0;
}
#Content #FooterNav li a.last {
    border: none;
}
/* FOOTER */
#Footer p {
    font-size: 1.0em;
    color: #6eaafb;
    padding: 15px 20px;
}
#Footer .develisys a {
    color: #98c0f6;
    text-decoration: none;
    float: right;
    line-height: 1.1em;
}   

/* UTILNAV */
#Header #UtilNav p {
    position: absolute;
    top: 0;
    margin: 0;
    font-size: .95em;
    line-height: 1.4em;
    color: #0053A0;
}
#Header #UtilNav p.utilTraining {
    width: 100px;
    left: 110px;
}
#Header #UtilNav p.utilStaffing {
    width: 230px;
    left: 0;
}
#Header #UtilNav p span.address { 
    display: block;
    margin-top: 7px;
    color: #6eaafb;
}

/* HOMEPAGE */

#RowTwo,
.row {
    float: left;
    width: 100%;
}
#RowOne {
     padding-bottom: 20px;
}
.row {
    position: relative;
    margin: 10px 0;
}
/* 50/50 columns */
.columnOne {
    float: left;
    width: 48%;
}
.columnTwo {
    float: right;
    width: 48%;
}

/* newslist */
#Content #NewsList { 
    margin-bottom: 10px;
    width: 95%;
    list-style: none;
}
#NewsList li {
    padding: 0 0 20px 40px;
    background: url(images/bg_newslist.gif) no-repeat left 5px;
    font-size: 1.2em; 
    line-height: 1.3em;
}
/* IT positions list */
.columnOne dl a {
    font-weight: bold;
}
.columnOne dl dt {
    font-size: 1.2em;
    color: #98c0f6;
    line-height: 1.4em;
}
.columnOne dl dd {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: 15px; 
}   

/* upcoming training sessions list */
.upcomingCourseList {
    font-size: 1.2em;
}
.upcomingCourseList a {
    font-weight: bold;
    line-height: 1.4em;
}
.upcomingCourseList li {
    padding-bottom: 12px;
}
.column1L .upcomingCourseList {
    font-size: 1.0em;
    line-height: 1.2em;
    margin-bottom: 10px;
    margin-top: 10px;
}
.column1L .upcomingCourseList span.date {
    display: none;
}
.column1L .upcomingCourseList li {
    padding-bottom: 10px;
}
.column1L .upcomingCourseList a {
    line-height: 1.2em;
    font-weight: normal;
    text-decoration: none;
}
/* COMMON LEFT COLUMN PAGE */
.column1L {
    float: left;
    width: 150px;  
    /*padding-top: 54px;*/
}
.column2L {
    float: right;
    width: 560px;
}
/* COMMON RIGHT COLUMN PAGE */
.column1R {
    float: left;
    width: 380px;
}
.column2R {
    float: right;
    width: 150px;
}
  

/* STAFFING - JOBS LISTING */ 
.jobListingTable {
    width: 100%;
    margin: 0 0 15px 0;
}   
.jobListingTable th {
    padding: 10px;
    background: #e6f0fe;
    font-weight: bold;
    color: #6eaafb;
    font-size: 1.2em;
}
.jobListingTable td {
    padding: 10px;
    border-bottom: 1px solid #e6f0fe;
    border-top: 1px solid #fff;
}
.jobListingTable tr:hover {
    background: #f6faff;
}
.jobListPager {
    text-align: right;
}

/* STAFFING SIDEBAR - LATEST JOBS BOX */
.sidebarBox dl {
    padding: 0;
}
.sidebarBox dl. a {

}
.sidebarBox dl dt {
    font-size: 1.1em;
    color: #98c0f6;
    line-height: 1.3em;
}
.sidebarBox dl dt span {
    color: #0053A0;
}
.sidebarBox dl dd {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 15px;
} 

/* RESUME FORM */
.resumeFormWrapper input {
    margin: 3px 0;
    vertical-align: middle;
}
.resumeFormWrapper #UploadWrapper label {
    white-space: nowrap;
}       
#SubmitWrapper {
    margin: 10px 0 0;
    padding-top: 10px;
    border-top: 4px solid #fff;
    overflow: hidden;
}
#SubmitWrapper input {
    float: left;
    margin-right: 15px;
}
#Content .box #SubmitWrapper p {
    font-size: .9em;
    margin-bottom: 10px;
    float: left;
    width: 65%;
    margin: 2px 0 0 0;
}

/* VALIDATION SUMMARY */
.valSummaryMsg {
    
}
.valSummaryMsg span {
    display: block;
    background: pink url(images/icon_error.gif) no-repeat 5px;
    padding: 10px 10px 10px 35px;
    margin: 0 0 2px;
    border: 1px solid red;
    font-variant: small-caps;
    font-size: 11px;
}
.valSummaryMsg br {
    display: none;
}


/* JOB DETAILS PAGE STYLES */
.jobDescLabel {
    float: left;
    width: 200px;
    font-weight: normal;
}
#JobItemWrapper p {
    font-weight: bold;
    border-bottom: 1px solid #e6f0fe;
    margin: 0;
    line-height: 2.5em;
}
#JobItemWrapper p.topP {
    margin-top: 15px;
}
#JobItemWrapper p.lastUpdated{
    padding: 5px 0 15px;
    margin-bottom: 20px;
    font-size: 1.1em;
    border-bottom: none;
}
#JobItemWrapper #JobDescriptionWrapper {
    margin: 20px 0 0;
}
#JobItemWrapper #JobDescriptionWrapper p {
    font-weight: normal;
    border-bottom: none;
}

/* TRAINING */
/* left column - courselist */
ul#CourseCategoryMenu {
    list-style: none;
    margin-right: -7px;
    margin-top: 15px;
}
ul#CourseCategoryMenu li {
    margin: 5px 0;
}
ul#CourseCategoryMenu li a {
    display: block;
    font-size: 1em;
    line-height: 1.4em;
    text-decoration: none;
}
ul#CourseCategoryMenu li.activeChild a {
    background: url(images/bg_cataloglist_arrow.gif) no-repeat right;
    color: #6eaafb;
    font-weight: bold;
}
ul#CourseCategoryMenu li a:hover {
    background: url(images/bg_cataloglist_arrow.gif) no-repeat right;
    color: #6eaafb;
}
.searchBox {
    margin-bottom: 5px;
}
input.searchInput,
input.newsletterInput {
    width: 92px;
    border: 1px solid #e8e8e8;
    font-family: courier;
    padding: 3px;
    vertical-align: middle;
}
input.searchButton {
    vertical-align: middle;
}

/* TRAINING PAGE -  INSTRUCTOR BOX */
#Content .instructorBox p {
    line-height: 1.3em;
    font-size: 1.0em;
}
.instructorBox p img {
    float: left;
    margin: 3px 6px 0 0;
}
.bioToggleWrapper {
  
}

/* TRAINING PAGE FOOTER - corporate, state, federal */
#TrainingFooterWrapper {
    overflow: hidden;
    margin-top: 20px;
}
.oneThirdBox {
    width: 33%;
    float: left;
}

.oneThirdBox .one {
    margin-right: 10px;
}
.oneThirdBox .two {
    margin: 0 5px;
}
.oneThirdBox .three {
    margin-left: 10px;
}
#Content .oneThirdBox p {
    font-size: 1.0em;   
}
/*classroom box */
#ClassroomBox {
    position: relative;
}
#ClassroomBox a {
    position: absolute;
    display: block;
    padding-top: 72px;
    font-size: 11px;
    padding-left: 13px;
    color: #fff;
    line-height: 1.3em;
    text-decoration: none;
}
#ClassroomBox a:hover {
    text-decoration: underline;
}



/* CSS FOR SHADE TABS */
h4.instructorName {
    float: left;
    width: 90px;
    line-height: 25px;
    font-size: 1.7em;
    color: #6eaafb;
}
ul.shadetabs {
    float:left;
}
ul.shadetabs li {
    float: left;
    margin: 0 3px;
}
ul.shadetabs li a {
    display: block;
    width: 98px;
    height: 35px;
    text-decoration: none;
    text-align: center;
    padding: 7px 0 0 0;
    background: url(images/bg_arrowtab.png) no-repeat;
}
ul.shadetabs li a:hover {
    color: #0053A0;
}
ul.shadetabs li a.selected {
    background: url(images/bg_active_arrowtab.png) no-repeat;
    color: #fff;
}
    
.tabcontent {
    display:none;
    clear: both;
}
#Content .tabcontent p {
    font-size: 1em;
    width: 90%;
}

/* SIGNUP FORM */
.column1L .signupForm {
    margin-bottom: 15px;
    overflow: hidden;
}
.signupForm {
    float:left;
}
.signupForm label {
    display: inline;
}
.signupForm input {
    vertical-align: middle;
    margin: 1px 0;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}
.signupForm h4 {
    margin-bottom: 0;
}
.signupForm .submitButton {
    float: left;  
    margin-right: 4px; 
    margin-left: 4px;
    padding: 0;
}
.column1L .signupForm .submitButton {
    margin-left: 0;
    padding: 2px 0;
}
#Content .column2L .signupForm p {
    clear: left;
    margin: 0;
    font-size: .9em;
}
#Content .column1L .signupForm p {
    float: left;
    padding-top: 5px;
    line-height: 12px;
    width: 50px;
}

#Content .signupForm p a {
    text-decoration: none;
}
.unsubscribeForm input.newsletterInput {
    display: block;
}
.unsubscribeForm input.submitButton {
    margin-top: 4px;
    display: block;
}

/* COURSE CATALOG - CATEGORY COURSE LIST */
.courseListTable {
    border-top: 1px solid #e6f0fe;
    width: 100%;
    margin-bottom: 0px;
}
.course td,
.altCourse td {
    border-bottom: 1px solid #e6f0fe;
    overflow: hidden;
    vertical-align: middle;
    padding: 15px 0;
}
.courseListTable h4 {
    font-size: 1.4em;
    margin-bottom: 3px;
}
.courseListTable h4 a {
    text-decoration: none;
    font-weight: bold;
}
#Content .courseListTable p {
    margin: 0 20px 0 50px;
}
a.courseDetailsButton img {
    /*background: url(images/bg_courseDetailsButton.gif) no-repeat;*/
    width: 76px;
    height: 28px;
}
p.backLink {
    padding-top: 15px; 
    clear:both;
}

/* COURSE CATALOG - COURSE DETAILS PAGE */
#CourseDetailsTable {
    font-size: 1.2em;
    clear: left;
    width: 60%;
}
#CourseDetailsTable td {
    vertical-align: middle;
    border-bottom: 1px solid #e6f0fe;
    padding: 7px 0;
}
#CourseDetailsTable td.heading {
    width: 150px;
    font-weight: bold;
}
/*toolbar*/
.courseTBWrapper {
    margin-bottom: 20px;
    margin-top: 7px;
}
.courseTBWrapper #CourseToolbar {
    margin-bottom: -1px;
    overflow: hidden;
    float: left;
    width: 100%;
}
.courseTBWrapper #CourseToolbar li {
    float: left;
    width: 26%;
    margin-right: 3px;
}
.courseTBWrapper label {
    clear: left;
}
.courseTBWrapper .input {
    margin-bottom: 5px;
    width: 200px;
}
.courseTBWrapper textarea {
    margin-bottom: 3px;
}
.courseTBWrapper #CourseToolbar li a {
    display: block;
    line-height: 25px;
    height: 25px;
    color: #6eaafb;
    border: 1px solid #98c0f6;
    text-decoration: none;
    font-size: 1.2em;
    position: relative;
    z-index: 1;
}

.courseTBWrapper #CourseToolbar li.register a {
    background: #e6f0fe url(images/bg_register_icon.gif) no-repeat 7px;
    padding-left: 25px;
}
.courseTBWrapper #CourseToolbar li.questions a {
    background: #e6f0fe url(images/bg_questions_icon.gif) no-repeat 7px;
    padding-left: 23px;
}
.courseTBWrapper #CourseToolbar li.tellfriend a {
    background: #e6f0fe url(images/bg_emailfriend_icon.gif) no-repeat 7px;
    padding-left: 27px;
}
.courseTBWrapper #CourseToolbar li.register a.selected {
    background: #fff url(images/bg_register_icon.gif) no-repeat 7px;
    padding-left: 25px;
    border-bottom: 1px solid #fff;
}
.courseTBWrapper #CourseToolbar li.questions a.selected {
    background: #fff url(images/bg_questions_icon.gif) no-repeat 7px;
    padding-left: 23px;
    border-bottom: 1px solid #fff;
}
.courseTBWrapper #CourseToolbar li.tellfriend a.selected {
    background: #fff url(images/bg_emailfriend_icon.gif) no-repeat 7px;
    padding-left: 27px;
    border-bottom: 1px solid #fff;
}
.courseTBWrapper .formWrapper {
    border: 1px solid #98c0f6;
    padding: 20px;
    float: left;
}
.courseTBWrapper .closeButton {
    clear: both;
    display: block;
    text-align: right;
    text-decoration: none;
    background: url(images/bg_closebutton.gif) no-repeat right;
    padding-right: 15px;
}

/* STYLING FOR Rich Text Editor(RTE) OUTPUT */
/* .rte is the wrapper class for the Rich Text Editor(RTE) output in the course details table */
#Content .rte p,
.rte ul,
.rte ol,
.rte a,
.rte {
    font-size: 12px;
    color: #2c2304;
    line-height: 16px;
}
#Content .rte p {
    margin: 10px 0 15px 0;
}
.rte ol {
    margin: 0 0 15px 0;
    padding-left: 30px;
}
.rte ul {
    margin: 0 0 15px 0;
    list-style: bullet;
    padding-left: 20px;
}
.rte li {
    margin: 0 0 8px 0;
}

/*error page styles*/
.errorPageSitemap ul {
    margin-bottom: 20px;
}
.errorPageSitemap ul ul {
    margin-bottom: 0;
    margin-top: 7px;
}
.errorPageSitemap ul li {
    padding: 5px 0;
}
.errorPageSitemap ul ul li {
    padding-left: 15px;
}
.errorPageSitemap a {
    text-decoration: none;
}
#Content .searchBoxWrapper .searchBox .searchInput {
    width: 250px;
}