@charset "utf-8";
/* CSS Document */
body{
background-color: #fdfdde;
margin: 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif, "Arial Black";
}
a{ 
color:#970507;
text-decoration:underline;}
a:hover{
color:#CB7904;
text-decoration:none;}


#mainWrap{width:100%;}
/* Header BG Color Dynamic Styles (Home, Transportation).........These elements will change based on page*/
#Home #mainWrap, #MilwaukeeStaffing #mainWrap, #Transportation #mainWrap, .ContactMilwaukeeStaffingProvider #mainWrap  {background:url(/Content/images/yellowBG.jpg) top repeat-x;}
#EmployerServices #mainWrap, #EmploymentLinks #mainWrap  {background:url(/Content/images/blueBG.jpg) top repeat-x;}
#MilwaukeeOpenings #mainWrap, .MilwaukeeOpenings #mainWrap, #Success #mainWrap, #MemberLoginBodyID #mainWrap {background:url(/Content/images/orangeBG.jpg) top repeat-x;}
#MilwaukeeNon-Profit #mainWrap, .MilwaukeeEmploymentNews #mainWrap, #Membership #mainWrap, #Volunteer #mainWrap, #Donate #mainWrap {background:url(/Content/images/greenBG.jpg) top repeat-x;}

 
#header{height:402px;width:1000px;margin:0 auto;position:relative;}
/*   Header Image  Dynamic Styles (Home, Transportation).........These elements will change based on page*/
#Home #header{  background: rgba(0, 0, 0, 0) url("/Content/images/mainImage.jpg") no-repeat scroll center center;}
#MilwaukeeStaffing #header{  background: rgba(0, 0, 0, 0) url("/Content/images/AboutImage.jpg") no-repeat scroll center center;}
#MilwaukeeOpenings #header, .MilwaukeeOpenings #header, #MemberLoginBodyID #header { background: rgba(0, 0, 0, 0) url("/Content/images/jobSeekersImage.jpg") no-repeat scroll center center;} 
#EmployerServices #header { background: rgba(0, 0, 0, 0) url("/Content/images/EmployersImage.jpg") no-repeat scroll center center;} 
#Transportation #header { background: rgba(0, 0, 0, 0) url("/Content/images/transImage.jpg") no-repeat scroll center center;} 
#MilwaukeeNon-Profit #header { background: rgba(0, 0, 0, 0) url("/Content/images/partnersImage.jpg") no-repeat scroll center center;} 
#Success #header { background: rgba(0, 0, 0, 0) url("/Content/images/successImage.jpg") no-repeat scroll center center;} 
.MilwaukeeEmploymentNews #header { background: rgba(0, 0, 0, 0) url("/Content/images/newsImage.jpg") no-repeat scroll center center;} 
#EmploymentLinks #header { background: rgba(0, 0, 0, 0) url("/Content/images/linksImage.jpg") no-repeat scroll center center;} 
.ContactMilwaukeeStaffingProvider #header { background: rgba(0, 0, 0, 0) url("/Content/images/contactImage.jpg") no-repeat scroll center center;} 
#Membership #header { background: rgba(0, 0, 0, 0) url("/Content/images/membershipImage.jpg") no-repeat scroll center center;} 
#Volunteer #header { background: rgba(0, 0, 0, 0) url("/Content/images/volunteerImage.jpg") no-repeat scroll center center;} 
#Donate #header { background: rgba(0, 0, 0, 0) url("/Content/images/donateImage.jpg") no-repeat scroll center center;} 

#ErrorPage #header {  background: rgba(0, 0, 0, 0) url("/Content/images/AboutImage.jpg") no-repeat scroll center center;}
#ErrorPage #mainWrap  {background:url(/Content/images/yellowBG.jpg) top repeat-x;}

/* ========  Active Link Styling   ==========    */
#Home ul#navbar li a#home, #MilwaukeeStaffing ul#navbar li a#about, #Transportation ul#navbar li a#trans, .ContactMilwaukeeStaffingProvider ul#navbar li a#contact  {color: #deba1f} /* Yellow  */
#EmployerServices ul#navbar li a#employers, #EmploymentLinks ul#navbar li a#links { color: #145e8a;} /* Blue  */
#MilwaukeeOpenings ul#navbar li a#seekers, .MilwaukeeOpenings ul#navbar li a#seekers, #Success ul#navbar li a#success, #MemberLoginBodyID ul#navbar li a#seekers {color:#cb7904;} /* Orange  */
#MilwaukeeNon-Profit ul#navbar li a#involved, .MilwaukeeEmploymentNews ul#navbar li a#new, #Membership ul#navbar li a#involved, #Volunteer ul#navbar li a#involved, #Donate ul#navbar li a#involved {color: #659566;} /* Green  */


#Home  ul#navbar li ul li:hover a, #MilwaukeeStaffing  ul#navbar li ul li:hover a, #Transportation  ul#navbar li ul li:hover a, .ContactMilwaukeeStaffingProvider ul#navbar li ul li:hover a  { background-color: #deba1f; color: #ffffff;} /* Yellow  */
#EmployerServices ul#navbar li ul li:hover a, #EmploymentLinks ul#navbar li ul li:hover a { background-color: #145e8a; color: #ffffff;} /* Blue  */
#MilwaukeeOpenings  ul#navbar li ul li:hover a, .MilwaukeeOpenings  ul#navbar li ul li:hover a, #Success  ul#navbar li ul li:hover a, #MemberLoginBodyID  ul#navbar li ul li:hover a { background-color: #cb7904; color: #ffffff;} /* Orange  */
#MilwaukeeNon-Profit  ul#navbar li ul li:hover a, .MilwaukeeEmploymentNews  ul#navbar li ul li:hover a, #Membership  ul#navbar li ul li:hover a, #Volunteer  ul#navbar li ul li:hover a, #Donate  ul#navbar li ul li:hover a { background-color: #659566; color: #ffffff;} /* Green  */



/*   Footer Dynamic Styles (Home, Transportation).........These elements will change based on page*/
#Home #footerWrap, #MilwaukeeStaffing #footerWrap, #Transportation #footerWrap, .ContactMilwaukeeStaffingProvider #footerWrap  {background-color: #deba1f;} /* Yellow  */
#EmployerServices #footerWrap, #EmploymentLinks #footerWrap { background-color: #145e8a;} /* Blue  */
#MilwaukeeOpenings #footerWrap, .MilwaukeeOpenings #footerWrap, #Success #footerWrap, #MemberLoginBodyID #footerWrap {background-color:#cb7904;} /* Orange  */
#MilwaukeeNon-Profit #footerWrap, .MilwaukeeEmploymentNews #footerWrap, #Membership #footerWrap, #Volunteer #footerWrap, #Donate #footerWrap {background-color: #659566;} /* Green  */


.contactFormDiv {
    
}


#footerWrap{
background-color:#deba1f;
width:100%;
overflow:hidden;}

/*................end variable elements*/
#contactInfo{
position:absolute;
font-size:18px;
font-weight:bold;
color:#970507;
left:27px;
top:12px;
z-index: 300;
}
#logo{
position:absolute;
font-size:18px;
font-weight:bold;
height:179px;
width:209px;
left:60px;
top:62px;
}
#logo img{
border:none;}
#navWrap{
width:100%; height:40px; background-color:#221e1f}
#content{
margin:25px auto;
width:1000px;
}

#leftColumn{
width:300px;
float:left;
}
#search {
	line-height:1.750em;}
#search a{ 
font-size:.975em;
font-weight:bold;
color:#CB7904;
text-decoration:none;}
#search a:hover{
font-size:.975em;
font-weight:bold;
color:#970507;
text-decoration:underline;}
#search ul{
list-style:none;
margin:10px 0 20px 20px;
padding:0;}
#rightColumn{
width:635px;
float:left;
padding: 0 0 0 10px;
}
#pageText{
font-size:14px;}

h1{
color:#970507;
font-size:24px;
margin: 0 0 10px 0;}

#footer{
width:1000px;
margin:0 auto;
color:#fdfdde;}

#footerContact{
width:300px;
float:left;
font-size:14px;
text-align:center;
padding-top:15px;
margin-bottom:15px;}

#footerLinks{
width:700px;
float:left;
padding-top:15px;
font-size:14px;
margin-bottom:15px;
text-align:right;
line-height:1.5em}

#footerLinks a{
color:#fdfdde;
text-decoration:none;
}

#footerLinks a:hover{
text-decoration:underline;
}
/*.................................Left Column Button Styles*/

#employerButton {display:block; background: transparent url(/Content/images/employersButton.gif) no-repeat; height:36px; width:300px; text-indent:-100000em; margin-bottom:10px;}
#employerButton:hover{
background-image:url(/Content/images/employersButtonO.gif);}

#seekerButton {display:block; background: transparent url(/Content/images/jobSeekersButton.gif) no-repeat; height:36px; width:300px; text-indent:-100000em; margin-bottom:10px;}
#seekerButton:hover{
background-image:url(/Content/images/jobSeekersButtonO.gif);}

#transportationButton {display:block; background: transparent url(/Content/images/transportationButton.gif) no-repeat; height:36px; width:300px; text-indent:-100000em; margin-bottom:10px;}
#transportationButton:hover{
background-image:url(/Content/images/transportationButtonO.gif);}

#partnersButton {display:block; background: transparent url(/Content/images/partnersButton.gif) no-repeat; height:36px; width:300px; text-indent:-100000em; margin-bottom:10px;}
#partnersButton:hover{background-image:url(/Content/images/partnersButtonO.gif);}


.clear{clear:both}

#ContactForm label {font-weight: 700;}
#ContactForm input, #ContactForm textarea { width: 380px; position: relative;}
#ContactForm .error { border: 1px solid #ff9999 !important; background-color: #f9f9f9; }
.errorResponse .error { left: -300px; top: -18px; position: relative;}
.recaptcha_reload {display: inline-block;position: relative;top: 6px;}
.recaptcha_only_if_image {position: relative;top: 5px;}
.recaptcha_help {left: 40px;position: relative;top: -43px;}
#recaptcha_response_field {position: relative;top: 10px;}
.recaptcha_controls.group.center {left: 310px;position: relative;top: -102px;}
#ErrCaptchaContactForm .error {left: -169px;position: relative;top: 46px;}
#ContactForm #SendButton {position: relative;width: 385px;text-align:center;}
#SendButton > input {width: 100px;}

#homeNews > ul { 
    list-style:none;
    color: #cb7904;
    font-size: 18px;
    font-weight: bold;
    line-height:20px;
    text-align: left;
    text-decoration: none;
}
    
#homeNews ul li {  
      margin: 2px;
      padding: 2px;   
      text-align: center;
}