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

body {
margin: 0;
padding: 0;
background: #FFF url('bg.png') repeat-x top center;

}

#frame {
margin: 0 auto;
width: 900px; !important;
min-height: 700px;
background: transparent url('content-bg.jpg') no-repeat 0 0;


}

#header-container {
margin: 0;
padding: 0;
width: 100%;
background: transparent url(header-container-bg.png) repeat-x 0 0;
}

#header {
margin: 0 auto;
padding: 0;
background: transparent url('header.jpg') no-repeat 10px 0;
width: 900px !important;
height: 140px;
position:relative;
}

#banner {position:absolute;width:468px;height:60px;top:45px;right:50px;}

#content-container{
width: 900px;
padding: 0 30px;
margin: 0;
min-height: 700px;
}

#top-row {

width: 870px;
}

#middle-row {
clear: both;
width: 880px;
background: url('middle-frame2.gif') no-repeat 0 46px;
}


#welcomeBox, #searchBox, #emailBox {
float: left;
height: 125px;
margin-right: 10px;
display: inline;
}

#welcomeBox {
width: 220px;
}
#searchBox {
width: 450px;
}

#emailBox {
width: 148px;
margin-right: 0;
}

h2 {
margin: 0;
padding: 0;
height: 27px;
}

h3{
margin: 0;
padding: 0;
}

#welcomeHeader, #searchHeader, #emailHeader, #categories h3, #locations h3 {
text-indent: -9000px; 
}


#categories h3 {
background: transparent url(categories.gif) no-repeat top left;
}

#locations h3 {
background: transparent url(locations.gif) no-repeat top left;
}


#welcomeHeader {
background: transparent url(welcome.gif) no-repeat top left;
}

#searchHeader {
background: transparent url(search.gif) no-repeat top left;
}

#emailHeader {
background: transparent url(email.gif) no-repeat top left;
}


#welcomeContent, #searchContent, #emailContent {
border: 1px solid white;
padding: 3px;
height: 100px;
}

#welcomeContent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0C6BBF;
}

#emailContent {
text-align: center;
}

input #email {
width: 100px;
}

#categories, #locations {
margin-top: 20px;
float: left;
width: 500px;
display: inline;
margin-left: 10px;
}

 #locations {
 width: 300px;
 margin-left: 20px;
 }


#categ1, #categ2, #categ3, #locations1, #locations2 {
margin: 0;
padding: 0;
float: left; 
margin-right: 14px;
margin-top: 10px;
display: block;
width: 150px;
list-style-type: none;
list-style-position:outside;
font-family: Trebuchet MS, Helvetica, Tahoma, Verdana, sans-serif;
font-size: 11px;
border-right: 1px dotted black;
height: 160px;

}

 #locations1, #locations2 {
 width: 130px;
 }
 
 #locations2 {
 margin-right: 0;
 }




/*
ul {
width: 400px;
margin: 0;
padding: 5px;
border: 1px solid #666;
min-height: 120px;
*height: 120px;
}

ul li {
list-style-type: none;
list-style-position:inside;
font-family: Trebuchet MS, Helvetica, Tahoma, Verdana, sans-serif;
font-size: 13px;
display: inline;
}
*/
ul li a {
color: #000E30;

}

#separator {
width: 808px;
height: 40px;
background: transparent url(hr.gif) no-repeat center center;
clear: both;
margin-left: 16px;
}

#footer {
font-family: Trebuchet MS, Helvetica, Tahoma, Verdana, sans-serif;
font-size:17px; 
text-align: center;
clear: both;
margin-top: 40px;}

#employers {
background-image: url('featuredemployers-bg2.png');
float: left;
width: 440px;
height: 352px;
display: inline;
margin-right: 30px;
}

#employerlist {
margin: 50px 0 0 10px;
padding: 0;
}

#jobs {
background-image: url('featuredjobs-bg2.png');
float: left;
width: 365px;
height: 352px;
display: inline;
}

#featuredjobs {
margin: 50px 0 0 10px;
padding: 0;
height: 280px;
overflow:scroll;
position:relative;
}

#employerlist li{
display: inline;
float: left;
width: 140px;
height: 70px;
text-align: center;
}

#joblist {
padding: 0;
height: 220px;
position: relative;
width:355px;
list-style-type:none;
margin: 0px;
}

#joblist li {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
border-bottom: 1px dotted #000;
margin: 5px;
height:110px;
}

#joblist li p{
margin: 4px 1px;
}

bottom-row {
margin-top: 30px;
}

#jobdetails {
margin: 0;
padding:0;
}

table#job_details th {
font-family: helvetica,arial,sans-serif;
font-size:12px;
padding:3px;
text-align:right;
vertical-align:top;
border-collapse:collapse; }

table#job_details td {
border-left:1px solid black;
font-size:12px;
padding:3px;
}

table#job_details {
border-collapse:collapse;
}

td, th {
font-family:helvetica,arial,sans-serif;
}

#email_modify_button, #email_signup_button {
margin: 8px 0;
}