/* Reset browser defaults */
body,h1,h2,h3,h4,h5,h6,blockquote,ul,li{margin:0;padding:0;}
img{border: 0;}
form{padding-bottom: 20px;}
p{margin:0;margin-bottom: 10px;}
a:link{color:#006892;text-decoration:none;}
a:visited{color:#808285;text-decoration:none;}
a:hover{color:#006892;text-decoration:underline;}

/*Create some general classes*/
.fl{cursor: pointer;}
.hide{display: none;}
.printonly{display: none;}
.spacer{display: block;float: left;clear:both;margin-bottom:10px;}
.ullead{margin-bottom:0;}
.nobullets{list-style-type:none;}
p.nobreakafter{margin-bottom:0;}
a.pdflink{display:block;clear:both;}
a.pdflink img{float: left;padding-right: 3px;clear:left;}
a.pdflink span{display: block; float: left;padding-top: 2px;clear:right;}
ol.letteredlistupper{list-style-type:upper-latin;}
ol.letteredlistlower{list-style-type:lower-latin;}
abbr, dfn, span.abbr{cursor:help;border-bottom: thin dotted #000; font-style: normal;}

/*Set the main body styles*/
body {background-color: #005581;font-family: Arial, Helvetica, Sans-Serif;font-size: 12px;}
#container{width: 759px;border: 1px solid #FFFFFF;margin-left: auto;margin-right: auto;margin-top: 10px;margin-bottom:20px;}

#accessibility-menu{position: absolute; left: -1000em; text-align: left;}

/*Top banner*/
#container #topbanner{background-image: url(../images/top_bg.jpg);background-repeat: no-repeat;width: 759px;height: 81px;}
#container #topbanner #logo{float:left;}
#container #topbanner #tagline{float:right;}
#container #bannerimage{border-bottom: 1px solid #FFFFFF;border-top: 1px solid #94aebf;}

/*Top nav (.text is there because there used to be two versions)*/
#container #topNav_topnav{background-image: url(../images/nav_bg.jpg);background-repeat:no-repeat;height:26px;width:759px;}
#container #topNav_topnav.text a{float:left;border-right: 1px solid #FFFFFF;display:block;text-align:center;color:#FFFFFF;font-size: 12px;text-decoration:none;padding-top:6px;height: 20px;text-transform:uppercase;font-weight:700;}
#container #topNav_topnav.text a.selected{background-color:#978b7d;}
#container #topNav_topnav.text a:hover{background-color:#978b7d;}
#container #topNav_topnav.text a.last{border-right-style: none;}
#container #topNav_topnav #topNav_lnkNav0{width:68px}
#container #topNav_topnav #topNav_lnkNav1{width:77px;background-color:#8a2003;}
#container #topNav_topnav #topNav_lnkNav2{width:91px}
#container #topNav_topnav #topNav_lnkNav3{width:86px}
#container #topNav_topnav #topNav_lnkNav4{width:91px}
#container #topNav_topnav #topNav_lnkNav5{width:91px}
#container #topNav_topnav #topNav_lnkNav6{width:91px}
#container #topNav_topnav #topNav_lnkNav7{width:76px}
#container #topNav_topnav #topNav_lnkNav8{width:80px}

/*Main content holder*/
#container #content{background-color: #FFFFFF;width:759px;height:100%;overflow:auto;}

/*L2 nav*/
#container #content #l2nav_l2nav{background-color: #FFFFFF;height:20px;}

/*L2 Nav - About WDI*/
#container #content #l2nav_l2navaboutwdi{margin-left: 50px;}
#container #content #l2nav_l2navaboutwdi #l2nav_lnkaboutwdi1{width:170px;}
#container #content #l2nav_l2navaboutwdi #l2nav_lnkaboutwdi2{}
#container #content #l2nav_l2navaboutwdi #l2nav_lnkaboutwdi3{}
#container #content #l2nav_l2navaboutwdi #l2nav_lnkaboutwdi4{width:130px;}

/*L2 Nav - Services*/
#container #content #l2nav_l2navservices{margin-left: 150px;}
#container #content #l2nav_l2navservices #l2nav_lnkservices1{}
#container #content #l2nav_l2navservices #l2nav_lnkservices2{}
#container #content #l2nav_l2navservices #l2nav_lnkservices3{}
#container #content #l2nav_l2navservices #l2nav_lnkservices4{width:110px;}

/*L2 Nav - Academies*/
#container #content #l2nav_l2navacademies{margin-left: 50px;}
#container #content #l2nav_l2navacademies #l2nav_lnkacademies1{width:140px;}
#container #content #l2nav_l2navacademies #l2nav_lnkacademies2{width:150px;}
#container #content #l2nav_l2navacademies #l2nav_lnkacademies3{width:175px;}
#container #content #l2nav_l2navacademies #l2nav_lnkacademies4{width:190px;}

/*L2 Nav - Resources*/
#container #content #l2nav_l2navresources{margin-left:220px;}
#container #content #l2nav_l2navresources #l2nav_lnkresources1{}
#container #content #l2nav_l2navresources #l2nav_lnkresources2{}
#container #content #l2nav_l2navresources #l2nav_lnkresources3{}
#container #content #l2nav_l2navresources #l2nav_lnkresources4{}

/*L2 Nav - Media* - Was news and renamed to media tab*/
#container #content #l2nav_l2navmedia{margin-left: 265px;}
#container #content #l2nav_l2navmedia #l2nav_lnkmedia1{}
#container #content #l2nav_l2navmedia #l2nav_lnkmedia2{}
#container #content #l2nav_l2navmedia #l2nav_lnkmedia3{}
#container #content #l2nav_l2navmedia #l2nav_lnkmedia4{}
#container #content #l2nav_l2navmedia #l2nav_lnkmedia5{}

/*stolen css from intranet to have success stories match in layout*/
#container #content #contentleftmedia #l3nav_l3nav ul li ul{margin-left: 10px;}

#container #content.defaultpage{height:300px;}
#container #content #pageHeadermedia{margin-left:auto;margin-right:auto;width:700px;text-align:center;margin-top:10px;clear:both;}

/*Left side of media page content, classes change width*/
#container      #content #contentleftmedia{float:left;padding: 30px;clear:both;}
#container.home #content #contentleftmedia{width:343px;}
#container.l2   #content #contentleftmedia{width:120px;}
#container.l3   #content #contentleftmedia{width:120px;}

/*Seperator between left and right*/
#content #sepmedia{float:left;width:2px;}

/*Right side of media page content, class change width*/
#container      #content #contentrightmedia{float:right;padding: 30px;clear:none;}
#container.home #content #contentrightmedia{width:323px;padding-left:15px;padding-right:15px;clear:none;}
#container.home #content #sepmedia{padding-bottom:10px;}
#container.l2   #content #contentrightmedia{width:517px;overflow:auto;clear:none;}
#container.l3   #content #contentrightmedia{width:517px;padding-right:120px;overflow:auto;clear:none;}
#container.l3   #content #contentright.employeesmedia{width:700px;padding-right:0;clear:both;}

#container.l3 #content #contentrightmedia ul.chevronlist{list-style-type: none;}
#container.l3 #content #contentrightmedia ul.chevronlist li{padding-left: 10px;}
#container.l3 #content #contentrightmedia ul{margin-left: 20px;margin-bottom: 10px;}
/*end of stolen css scripts from intranet success stories*/


#container #content #l2nav_l2nav a{width: 97px;color: #FFFFFF;font-size: 11px;float:left;background-color: #005581;margin:0;padding:0;height:17px;text-decoration:none;border-right: 1px solid #FFFFFF;text-align:center;margin-top:1px;padding-top: 3px;}
#container #content #l2nav_l2nav a.wider1{width: 110px;}
#container #content #l2nav_l2nav a.wider2{width: 175px;}
#container #content #l2nav_l2nav a.selected{background-color:#978b7d;}
#container #content #l2nav_l2nav a:hover{background-color:#978b7d;}



/*Left side of main content, classes change width*/
#container      #content #contentleft{float:left;padding: 30px;clear:both;}
#container.home #content #contentleft{width:343px;}
#container.l2   #content #contentleft{width:224px;}
#container.l3   #content #contentleft{width:160px;}

/*Seperator between left and right*/
#content #sep{float:left;width:2px;}

/*Right side of main content, class change width*/
#container      #content #contentright{float:right;padding: 30px;}
#container.home #content #contentright{width:324px;padding-left:15px;padding-right:15px;}
#container.l2   #content #contentright{width:413px;}
#container.l3   #content #contentright{width:477px;}

/*Misc tags in main content*/
#container #content h2{font-size:15px;color: #006892;}
#container #content h3{font-size:13px;color: #006892;}
#container #content h4{font-size:12px;color: #006892;}

/*Used on the homepage only*/
#container.home #content #contentright #iamgroup strong{display:block;clear:right;}
#container.home #content #contentright #iamgroup ul{display: inline;white-space:nowrap}
#container.home #content #contentright #iamgroup li{display: inline; list-style-type: none;}
#container.home #content #contentright #iamgroup a{font-size: 10px;display:block;float:left;width:81px;height:97px;text-align:center;color:#FFFFFF;padding-top:2px;font-weight: 700;background-repeat:no-repeat;text-decoration:none;}
#container.home #content #contentright #iamgroup #iam{font-size: 25px;}
#container.home #content #contentright #iamgroup #jobseeker{background-image:url(../images/home_job_seeker.jpg);}
#container.home #content #contentright #iamgroup #ateenager{background-image:url(../images/home_youth.jpg);}
#container.home #content #contentright #iamgroup #anemployer{background-image:url(../images/home_employer.jpg);}
#container.home #content #contentright #iamgroup #lookingtolearn{background-image:url(../images/home_looking_to_learn.jpg);}

/*"I Am..." group on most L2 pages*/
#container.l2 #content #contentleft #iamgroup strong{display:block;clear:right;}
#container.l2 #content #contentleft #iamgroup ul{display: inline;white-space:nowrap;}
#container.l2 #content #contentleft #iamgroup li{display: inline; list-style-type: none;}
#container.l2 #content #contentleft #iamgroup a{display:block;float:left;width:106px;height:117px;text-align:center;color:#FFFFFF;padding-top:99px;font-weight: 700;background-repeat:no-repeat;text-decoration:none;margin-bottom:-99px;margin-top:1px;}
#container.l2 #content #contentleft #iamgroup #iam{font-size: 20px;color:#000000;}
#container.l2 #content #contentleft #iamgroup #jobseeker{background-image:url(../images/l2_job_seeker.jpg);}
#container.l2 #content #contentleft #iamgroup #ateenager{background-image:url(../images/l2_youth.jpg);}
#container.l2 #content #contentleft #iamgroup #anemployer{background-image:url(../images/l2_employer.jpg);}
#container.l2 #content #contentleft #iamgroup #lookingtolearn{background-image:url(../images/l2_looking_to_learn.jpg);}
#container.l2 #content #contentleft #iamgroup #anemployer{height:18px;margin-bottom:0px;}
#container.l2 #content #contentleft #iamgroup #lookingtolearn{height:18px;margin-bottom:0px;}

/*"I Am..." group repurposed for academies*/
#container.l2 #content #contentleft #iamgroup.academies a{padding-top:92px;height:123px;line-height:10px;}
#container.l2 #content #contentleft #iamgroup.academies #healthcareacademy{background-image:url(../images/l2_healthcare.jpg);}
#container.l2 #content #contentleft #iamgroup.academies #manufacturingacademy{background-image:url(../images/l2_manufacturing.jpg);}
#container.l2 #content #contentleft #iamgroup.academies #renewableenergyacademy{background-image:url(../images/l2_renewable_energy.jpg);}
#container.l2 #content #contentleft #iamgroup.academies #academyschedulesandlocations{background-image:url(../images/l2_academies.jpg);}
#container.l2 #content #contentleft #iamgroup.academies #manufacturingacademy{height:27px;margin-bottom:0px;}
#container.l2 #content #contentleft #iamgroup.academies #renewableenergyacademy{height:27px;margin-bottom:0px;}

#container.l2 #content #contentright ul{margin-left: 30px;margin-bottom:10px;}
#container.l2 #content #contentrightmedia ul{margin-left: 30px;margin-bottom:10px;}
#container.l2 #content #contentleft ul{margin-left: 30px;margin-bottom:10px;}
#container.l2 #content #contentright .address{display: block;white-space:pre;float:left;height: 110px;width:150px;margin:0;padding:0;margin-left: 20px;}
#container.l2 #content #contentright .address.highlite{border: dashed 1px #FF0000;background-color: #FFEEEE;font-weight:700;}
#container.l2 #content #contentright .address br{display:none;}

#container.l2 #content #contentright table#wdiboard{width: 100%;}
#container.l2 #content #contentright table#wdiboard caption{display:none;}
#container.l2 #content #contentright table#wdiboard .boardtitle{font-weight: 700;}

#container.l2 #content #contentright table.linklisting thead tr td{font-weight: 700; font-size:12px;background-color:#005581;text-align:right;color:#FFFFFF;padding-right:10px;}

#container.l3 #content #contentleft{color:#006892;}
#container.l3 #content #contentleft a{color:#006892;text-decoration:none;}
#container.l3 #content #contentleft a:hover{color:#006892;text-decoration:underline;}
#container.l3 #content #contentleft a.selected{background-image:url(../images/l3_nav_selected.gif);background-repeat:no-repeat;margin-left:-10px;padding-left:9px;}
#container.l3 #content #contentleft strong{font-size: 14px;}

#container.l3 #content #contentleft.bigtables a{font-size: 12px;}

#container.l3 #content #contentright #contentrightholder{background-image: url(../images/sepbg.gif);background-repeat:repeat-y;height:100%;overflow:auto;margin-top: 20px;}

#container.l3 #content #contentright ul.chevronlist{list-style-type: none;}
#container.l3 #content #contentright ul.chevronlist li{padding-left: 10px;}
#container.l3 #content #contentright ul{margin-left: 20px;margin-bottom: 10px;}
#container.l3 #content #contentright #contentrightleft{width:210px;float:left;padding-right:20px;}
#container.l3 #content #contentright #contentrightsep{width: 2px; float: left;padding-top: 10px;}
#container.l3 #content #contentright #contentrightright{width:210px;float:left;padding-left: 20px;}
#container.l3 #content #contentright blockquote{width: 468px;height: 144px;color: #FFFFFF;font-size: 22px; font-style: italic;}
#container.l3 #content #contentright blockquote.jobseeker{background-image: url(../images/banner_jobseeker.jpg);background-repeat:no-repeat;padding-top: 30px; padding-left: 30px;margin-bottom: -30px;width:448px;margin-right:-10px;}
#container.l3 #content #contentright blockquote.teenager{background-image: url(../images/banner_teen.jpg);background-repeat:no-repeat;text-align:right;font-size:18px;padding-right: 20px;padding-top: 30px;margin-bottom:-30px;width:448px;}
#container.l3 #content #contentright blockquote.employer{background-image: url(../images/banner_employer.jpg);background-repeat:no-repeat;text-align:right;padding-right: 20px;padding-top: 30px;margin-bottom:-30px;width:448px;}
#container.l3 #content #contentright blockquote.lookingtolearn{background-image: url(../images/banner_look_learn.jpg);background-repeat:no-repeat;padding-top: 30px; padding-left: 30px;margin-bottom: -30px;width:448px;margin-right:-10px;}





#container.l3 #content #contentright table.hotjobs{width:100%;}
#container.l3 #content #contentright table.hotjobs thead tr td{text-align: center;}
#container.l3 #content #contentright table.hotjobs thead tr.groupheader td{font-weight: 700; font-size:12px;background-color:#005581;text-align:right;color:#FFFFFF;padding-right:10px;}

#container.l3 #content #contentright table.hotjobs tbody tr td{text-align: center;}
#container.l3 #content #contentright table.hotjobs tbody tr td.jobtitle{text-align: left;}

#container.l3 #content #contentright #contributionchart tr td{padding: 2px 5px 2px 0;}

/*Quotes*/
blockquote{color: #006892;font-style:italic;clear:both;}
blockquote.show{display:block;}
#container.home #content #contentright blockquote{font-size: 16px;padding-left: 20px;padding-top:40px;}
#container.l2 #content #contentleft blockquote{font-size: 14px;padding-top:10px;}
#container.l2 #content #contentright.successstory blockquote{color: #000000;font-style: italic;width:99%;}
#container.l2 #content #contentright.successstory hr{width: 50px;background-color:#DDDDDD;margin-top:10px;margin-bottom:10px;color:#DDDDDD;height:1px;border-style:none;}

#container #content #servicesquicklinkaddress{float: left;}
#container #content #servicesquicklinkaddress p{margin-left: 10px;}

/*Bottom nav*/
#container #bottomnav{background-image:url(../images/bottom_bg.jpg);background-repeat: no-repeat;width:759px;height:55px;color: #FFFFFF;text-align:center;clear:left;}
#container #bottomnav a{color: #FFFFFF;text-decoration:none;}
#container #bottomnav a.selected{color: #B5121B;}
#container #bottomnav #botNav_botnav{margin-bottom:5px;}