@charset "utf-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Verdana, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 0 0 0 0;
  background: url(/work_experience/images/bg_page.gif) top left repeat-x #0a2330;
  color: #99cccc;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  min-width: 916px;
  text-align: center;
}


a:link {text-decoration: underline; color: #66ff00; background-color: transparent;}
a:visited {text-decoration: underline; color: #66ff00; background-color: transparent;}
a:hover {text-decoration: none; color: #66ff00; background-color: transparent;}

hr {height:1px; border:0; border-bottom: 1px solid #214657; width:100%;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 916px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- TOP NAV AREA --*/
.topNavArea {float: left; display: inline; width: 916px; height: 25px; margin: 0; padding: 0;}
	.topNavArea img {border: 0;}

/*-- TOP NAV AREA --*/
.headerTopNav {float: left; display: inline; width: 448px; height: 35px; margin: 0 20px 0 0;}
	.headerTopNav ul {display: inline; float: left; list-style: none; margin: 0 0 0 0; padding: 0;}
	.headerTopNav li {position: relative; display: inline; margin: 0 15px 0 0; padding: 0; vertical-align: middle; font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; color: #99cccc;}
	.headerTopNav li span {display: none;}
	.headerTopNav a:link {text-decoration: none; color: #66ff00; background-color: transparent;}
	.headerTopNav a:visited {text-decoration: none; color: #66ff00; background-color: transparent;}
	.headerTopNav a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	
.headerTopNavLogin {float: left; display: inline; margin: 0 0 0 0; width: 292px;}
	.headerTopNavLogin p {font-size: 12px; font-weight: normal; line-height: 35px; height: 35px; color: #99cccc; margin: 0;}
	.headerTopNavLogin a:link {text-decoration: none; color: #66ff00; background-color: transparent;}
	.headerTopNavLogin a:visited {text-decoration: none; color: #66ff00; background-color: transparent;}
	.headerTopNavLogin a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}

.headerTopNavSearch {float: right; display: inline; width: 156px; height: 35px;}
	.headerTopNavSearch img {border: 0; margin: 9px 0 0 5px;}
	.headerTopNavSearch form {padding: 0; margin: 0;}
	.headerTopNavSearch input {font-size: 12px; color: #99CCCC; border: 1px solid #326176; background-color: #0a2330; padding: 3px 5px 3px 5px; width: 120px; margin: 5px 0 0 0;}

/*-- HEADER--*/
.headerArea {float: left; display: inline; width: 916px; height: 120px; margin: 0; padding: 0;}
	.headerArea img {border: 0;}

.headerLogo {float: left; display: inline; width: 296px; height: 58px; margin: 35px 0 0 0;}

/*-- HEADER SUB NAVBAR --*/
.subNavbar {float: right; display: inline; width: 600px; height: 32px; margin: 48px 0 0 0;}
	.subNavbar ul {display: inline; float: right; list-style: none; margin: 0; padding: 0;}
	.subNavbar li {display: inline; float: left; margin: 0 0 0 30px;}
	.subNavbar li a {display: inline; float: left; height: 32px;}
	.subNavbar li span {display: none;}
	
#subNav01 a {background: url(/work_experience/images/head_button_employers.gif) top left no-repeat; width: 121px; height: 32px;}
#subNav02 a {background: url(/work_experience/images/head_button_students_parents.gif) top left no-repeat; width: 168px; height: 32px;}
#subNav03 a {background: url(/work_experience/images/head_button_schools_colleges.gif) top left no-repeat; width: 170px; height: 32px;}


/*-- NAVBAR --*/
.mainNavbar {float: right; display: inline; width: 916px; height: 41px; margin: 0 0 20px 0; background: url(/work_experience/images/main_nav_bg.gif) top left no-repeat;}
	.mainNavbar ul {display: inline; float: left; list-style: none; margin: 12px 0 0 20px; padding: 0;}
	.mainNavbar li {display: inline; float: left;}
	.mainNavbar li a {display: inline; float: left; height: 18px;}
	.mainNavbar li span {display: none;}

.mainNavBarLink {margin: 0 40px 0 0;}
.mainNavBarEnd {margin: 0;}
	
#nav01 a {background: url(/work_experience/images/nav_home_off.gif) top left no-repeat; width: 36px; height: 18px;}
#nav01 a:hover {background: url(/work_experience/images/nav_home_on.gif) top left no-repeat;}
#nav01on a {background: url(/work_experience/images/nav_home_on.gif) top left no-repeat; width: 36px; height: 18px;}

#nav02 a {background: url(/work_experience/images/nav_mentoring_off.gif) top left no-repeat; width: 64px; height: 18px;}
#nav02 a:hover {background: url(/work_experience/images/nav_mentoring_on.gif) top left no-repeat;}
#nav02on a {background: url(/work_experience/images/nav_mentoring_on.gif) top left no-repeat; width: 64px; height: 18px;}

#nav03 a {background: url(/work_experience/images/nav_enterprise_off.gif) top left no-repeat; width: 63px; height: 18px;}
#nav03 a:hover {background: url(/work_experience/images/nav_enterprise_on.gif) top left no-repeat;}
#nav03on a {background: url(/work_experience/images/nav_enterprise_on.gif) top left no-repeat; width: 63px; height: 18px;}

#nav04 a {background: url(/work_experience/images/nav_diplomas_off.gif) top left no-repeat; width: 57px; height: 18px;}
#nav04 a:hover {background: url(/work_experience/images/nav_diplomas_on.gif) top left no-repeat;}
#nav04on a {background: url(/work_experience/images/nav_diplomas_on.gif) top left no-repeat; width: 57px; height: 18px;}

#nav05 a {background: url(/work_experience/images/nav_getting_involved_off.gif) top left no-repeat; width: 98px; height: 18px;}
#nav05 a:hover {background: url(/work_experience/images/nav_getting_involved_on.gif) top left no-repeat;}
#nav05on a {background: url(/work_experience/images/nav_getting_involved_on.gif) top left no-repeat; width: 98px; height: 18px;}

#nav06 a {background: url(/work_experience/images/nav_wrl_off.gif) top left no-repeat; width: 150px; height: 18px;}
#nav06 a:hover {background: url(/work_experience/images/nav_wrl_on.gif) top left no-repeat;}
#nav06on a {background: url(/work_experience/images/nav_wrl_on.gif) top left no-repeat; width: 150px; height: 18px;}

#nav07 a {background: url(/work_experience/images/nav_wrl_schools_off.gif) top left no-repeat; width: 164px; height: 18px;}
#nav07 a:hover {background: url(/work_experience/images/nav_wrl_schools_on.gif) top left no-repeat;}
#nav07on a {background: url(/work_experience/images/nav_wrl_schools_on.gif) top left no-repeat; width: 164px; height: 18px;}

/*-- FOOTER AREA --*/
.footer {float: left; display: inline; width: 916px; margin: 20px 0 20px 0; padding: 20px 0 20px 0; background: url(/work_experience/images/footer_bg.gif) top left no-repeat;}
	.footer p {font-size: 12px; line-height: 1.7em; color: #99CCCC; margin: 0;}

.footerLeft {float: left; display: inline;}
.footerRight {float: right; display: inline;}
.footerRightLogo {float: right; display: inline; margin: -5px 0 0 5px;}

/*-- CONTENT PAGE LAYOUT --*/
.contentArea {float: left; display: inline; width: 916px; margin: 0;}

.contentMainColumn {float: left; display: inline; width: 682px; margin: 0;}
	.contentMainColumn  p {font-size: 13px; color: #99CCCC; line-height: 1.7em;}
	.contentMainColumn h1 {font-size: 28px; font-weight: normal; line-height: 1.2em; margin: 30px 0 0 0; color: #FFFFFF; width: 100%; border-bottom: 1px solid #214657; padding: 0 0 25px 0;}
	.contentMainColumn h3 {font-size: 14px; font-weight: normal; line-height: 1.7em; color: #CCFFFF;}
	.contentMainColumn h2 {font-size: 16px; font-weight: bold; color: #FFFFFF; margin: 1em 0 0.3em 0; line-height: 1.5em;}
	.contentMainColumn blockquote {font-size: 12px; font-style: italic; color: #99CCCC; line-height: 1.7em;}
	.contentMainColumn ul {margin: 5px 0 5px -10px; padding: 0; font-size: 13px; line-height: 1.7em; list-style: none; color: #99CCCC;}
	.contentMainColumn li {position: relative; background-image: url(/work_experience/images/bullet.gif); background-position: left center; background-repeat: no-repeat; padding: 3px 0 3px 12px;}
	.contentMainColumn form {margin: 20px 0 20px 0; padding: 0;}
	.contentMainColumn p {width:100%;}
	.contentMainColumn legend {font-size: 16px; font-weight: bold; color: #FFFFFF; margin: 1em 0 0.3em 0; line-height: 1.5em;}
	.contentMainColumn label {font-size: 14px; font-weight: normal; color: #FFFFFF; width: 156px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0;}
	
.contentResultsColumn {float: left; display: inline; width: 916px; margin: 0;}
	.contentResultsColumn  p {font-size: 13px; color: #99CCCC; line-height: 1.7em;}
	.contentResultsColumn h1 {font-size: 28px; font-weight: normal; line-height: 1.2em; margin: 30px 0 0 0; color: #FFFFFF; width: 100%; border-bottom: 1px solid #214657; padding: 0 0 25px 0;}
	.contentResultsColumn h3 {font-size: 14px; font-weight: normal; line-height: 1.7em; color: #CCFFFF;}
	.contentResultsColumn h2 {font-size: 16px; font-weight: bold; color: #FFFFFF; margin: 1em 0 0.3em 0; line-height: 1.5em;}
	.contentResultsColumn blockquote {font-size: 12px; font-style: italic; color: #99CCCC; line-height: 1.7em;}
	.contentResultsColumn ul {margin: 5px 0 5px -10px; padding: 0; font-size: 13px; line-height: 1.7em; list-style: none; color: #99CCCC;}
	.contentResultsColumn li {position: relative; background-image: url(/work_experience/images/bullet.gif); background-position: left center; background-repeat: no-repeat; padding: 3px 0 3px 12px;}
	.contentResultsColumn form {margin: 20px 0 20px 0; padding: 0;}
	.contentResultsColumn label {font-size: 14px; font-weight: normal; color: #FFFFFF; width: 156px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0;}
	
	.contentResultsColumnTable {border:0; width:896px;}
	.contentResultsColumnTable tr {vertical-align:top;}
	.contentResultsColumnTable th {font-size:14px; font-weight:bold; padding:2px; margin:0; color:#CCFFFF; text-align:left; text-transform:uppercase;}
	.contentResultsColumnTable td {font-size:12px; font-weight:normal; padding:2px; margin:0; color:#CCFFFF;}
	
/* Table row highlighting */
.trHighlight { background-color: #214657; cursor:default;}
.trInitial { background-color: none; cursor:default;}
	
.contentTitleArea {float: left; display: inline; width: 682px; margin: 0 0 10px 0; height: 90px; border-bottom: 1px solid #214657;}
	.contentTitleArea h1 {font-size: 28px; font-weight: normal; line-height: 1.2em; margin: 30px 0 0 0; color: #FFFFFF;}

/*-- FORM ELEMENTS  --*/
.formWideText {width: 428px; border: 1px solid #5c5c5c; background-color: #FFFFFF; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formWideSelect {width: 436px; background-color: #FFFFFF; font-size: 14px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}

.formMediumText {width: 200px; border: 1px solid #5c5c5c; background-color: #FFFFFF; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formMediumSelect {width: 202px; background-color: #FFFFFF; font-size: 14px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formPlacementText {width: 200px; border: 1px solid #5c5c5c; background-color: #FFFFFF; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}

.formSmallText {width: 100px; border: 1px solid #5c5c5c; background-color: #FFFFFF; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}
.formSmallSelect {width: 108px; background-color: #FFFFFF; font-size: 14px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;}

.formButtonHolder {float: left; display: inline; width: 506px; margin: 15px 0 20px 176px;}
.formButton {background-color: #071d28; border: 1px solid #214657; color: #66FF00; font-size: 14px; padding: 5px 10px; margin: 0 20px 0 0;}

#titleAreaHolder {background: url(/work_experience/images/heading_bg_holder.jpg) bottom right no-repeat;}

.contentRightColumn {float: right; display: inline; width: 214px; margin: 50px 0 0 0;}
	.contentRightColumn h3 {float: left; display: inline; margin: 0 0 10px 15px; line-height: 1.6em; font-size: 16px; color: #FFFFFF;}
	.contentRightColumn ul {float: left; position: relative; margin: 0 0 0 0; font-size: 13px; border-top: 1px solid #214657; border-left: 1px solid #214657; border-right: 1px solid #214657; list-style: none; width: 212px; background-color: #071d28;}
	.contentRightColumn li {position: relative; border-bottom: 1px solid #214657; line-height: 2.8em; margin: 0; text-indent: 15px; background: none; color: #ffffff;}
	.contentRightColumn a:link {color: #66ff00; text-decoration: none;}
	.contentRightColumn a:visited {color: #66ff00; text-decoration: none;}
	.contentRightColumn a:hover {color: #FFFFFF; text-decoration: none;}

.contentRightColumn ol {float: left; position: relative; margin: 0 0 -1px 0; font-size: 12px; list-style: none; width: 212px; background-color: #071d28; border-left: 1px solid #214657; border-right: 1px solid #214657;}
.contentRightColumn ol li {position: relative; border-bottom: 1px solid #214657; line-height: 3em; margin: 0; text-indent: 25px; background: url(/work_experience/images/bullet_right_nav.gif) 15px 15px no-repeat; color: #ffffff; font-size: 12px;}

.contentRightColumnBanner {float: left; display: inline; margin: 20px 0 0 0;}

/*-- TEMP HEADER SPLITTER --*/
.tempHeaderDivider {float: left; display: inline; width: 916px; margin: 0; padding: 15px 0 0 0; background: url(/work_experience/images/footer_bg.gif) top left no-repeat;}