/* @override http://montessorijobs.com/library/screen.css */

* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
}
body {
  font-size: 67.5%;
  background: #2987d9 url(../images/html_bg.png) repeat-x 0 150px;
}
img a {
  border: none;
}
#container {
  margin: 0 auto;
  width: 926px;
}
#header {
 background: url(../images/header_bg.png) no-repeat;
 height: 172px;
}
#header h1 {
  height: 128px;
  background: url(../images/mj_logo.png) no-repeat 71px 27px;
}
#header h1 span {
  display: none;
}
#header ul {
  background: url(../images/ul-bg.png) no-repeat 58px -1px;
  height: 33px;
  padding-left: 250px;
width:700px;
  padding-top: 12px;
  list-style: none;
}
#subpage #header ul {
  background: url(../images/sub-ul-bg.png) no-repeat 42px 0;
  height: 63px;
  padding-left: 220px;
  padding-top: 12px;
  list-style: none;
}
#subpage #container {
  clear: left;
  background:  url(../images/sub-page-bg.png) repeat-x 0 173px;
}
.info {
  padding: 20px 100px ;
  margin-top: 40px;
  background: #5190ce;
}
a#sponsered {
  clear:both;
  display: block;
  width: 920px;
 margin: 0 auto;
 padding-top: 24px;
  
}
#header ul li {
  float: left;
  margin-left: 0px;
  color: #000;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 160%;
  text-align: center;
}

#header ul li a {
  text-decoration: none;
  color: #000;
  margin-left:35px;
}
#header ul li span a  {
  color: #fff;
}
#header li a:hover {
  color: #000;
}
#subhead {
  height: 284px;
  background: url(../images/heading_bg.png) no-repeat 2px 1px;
  position: relative;
    padding-top: 26px;

}
#view-jobs {
  width: 312px;
  float: left;
}
#view-jobs fieldset {
	text-align: center;
  border: 0;
}
#view-jobs fieldset button.viewall  {
}
#view-jobs p {
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 180%;
  font-weight: 700;
  padding-top: 46px;
  margin: 0px 30px 30px;
  color: #fff;
}
#intro {
  width: 598px;
  height: 242px;
  margin-left: 312px;
  background: url(../images/heading-words.png);
}
#intro h2 {
  padding: 32px 20px 20px;
  font-size: 200%;
  color: #686f8a;
  font-weight: 300;
}
#intro p {
  padding: 0 22px 1em;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 160%;
  line-height: 140%;
  color: #4e5f52;
}
#specific {
  width: 456px;
  height: 208px;
  position: relative;
  background: url(../images/home-search-bg.png);
  border: 0;
  clear: left;
  float: left;
}
#submit {
  float: left;
  margin-top: 10px;
  margin-left: 33px;
}
#forms fieldset {
  width: 454px;
  height: 208px;
  margin: 0 auto;
  background: url(../images/formbox.gif);
  border: 0;
}
#specific h3, #possible h3, #forms h3, #current-jobs h3 {
  padding: 20px 32px;
  font-size: 190%;
  font-weight: 300;
  color: #2c5e3a;
}
#specific label, #forms label {
  font-weight: 700;
  font-size: 120%;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #596332;
}
#form {
  float: left;
}
#keyword, #category, #location, #forms div {
  margin-left: 32px;
  margin-bottom: 6px;
}
#keyword input, #forms input {
  font-size: 180%;
}
#forms fieldset #form {
  margin-left: 0;
}
#forms #form #category select {
  width: 246px;
}
#forms #form #location select {
  width: 246px;
}

#newjob {
  border: 1px solid;
  background: #e2e8ff;
  padding: 24px;
}
#newjob input {
  font-size: 160%;
}
#forms #big, #forms #register {
  width: 454px;
  height: 348px;
  background: url(../images/formboxbig.gif);
}
#forms #register input {
  font-size: 200%;
}
#newjob h3 {
  font-size: 180%;
  margin-bottom: 12px;
  border-bottom: 1px solid;
}
#newjob label {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: 700;
  font-size: 120%;
}

#category {
  
}
#jobdetail h3, #jobdetail h4{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 300;
}
#jobdetail div {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 1.4em;
  font-size: 140%;
  margin-bottom: 2em;
}
#jobdetail h3 {
  font-size: 200%;
  margin-bottom: 0.4em;
  border-bottom: 1px solid;
}
#jobdetail h4 {
  margin-bottom: 0.1em;
  font-size: 160%;
}
#jobdetail {
  padding: 24px;
  background-color: #e2e8ff;
}
#jobdetail #apply {
  font-family: arial;
}
#apply a {
  text-decoration: none;
  border: 1px solid;
  display: block;
  width: 200px;
  text-align: center;
  font-size: 160%;
  padding: 13px;
  margin-bottom: 0;
  background: #d8ffe8;
  color: #566b9c;
}
#apply a:hover {
    text-decoration: none;
  border: 1px solid;
  display: block;
  width: 200px;
  text-align: center;
  font-size: 160%;
  padding: 13px;
  margin-bottom: 0;
  background: #bfd7ff;
  color: #566b9c;
}
#possible {
 width: 458px;
 height: 208px;
 margin-left: 8px;
  float: left;
  text-align: left;
  background: url(../images/white_bg.png);
}
#possible img {
	padding:15px 20px;
	border: none;
}

#current-jobs dl {
  margin: 0 32px;
  height: 43px;
  padding-top: 4px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  border-top: 1px solid #ddd;
}
#current-jobs dl:hover {
  background-color: #ecf7ff;
}
#current-jobs h3 {
  padding-bottom: 5px;
}
#current-jobs dt {
  font-size: 140%;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  clear: left;
  float: left;
  color: #686f8a;
}
#current-jobs dd {
  font-size: 120%;
  color: #767676;
}
#current-jobs dd a {
  text-decoration: none;
  color: #2c5e3a;
}
#current-jobs dd a:hover {
  color: #90cb2c;
}
#current-jobs dd strong {
  font-size: 110%;
  color: #2c5e3a;
}
#current-jobs {
 width: 916px;
 height: 208px;
	margin:10px 0 0 2px;
  float: left;
  text-align: left;
  background: url(../images/recent-jobs-background.gif);
}

table {
	border-top: 1px solid #eaf4ff;
	border-right: 1px solid #eaf4ff;
	border-left: 1px solid #eaf4ff;
	width: 700px;
	border-collapse:collapse;
	}
	td { font-size: 0.8em; }
	
	th { font-weight:bold; font-weight:bold; font-size: 180%;}
	
	tr.odd td	{
  	background:#f7fbff
  	}
     th	{
  background: #dcefff url(../images/heading-words.png) -2px 42px;
}
  	tr.odd .column1 {
  background-color: #f4fef6;
}	
  tr.even td {
    background: #e0f1ff;
   }
  .column1	{
  	background:#f9fcfe;
  	text-align:left;
  	}
  td {
  	color:#678197;
  	border-bottom: 1px solid #a2cadd;
  	border-left:1px solid #a2cadd;
  	padding:.3em 1em;
  	text-align:left;
  font: 140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}	
td a {
  text-decoration: none;
  color: #4c6071;
}	
td a:hover {
  text-decoration: underline;
  color: #7bbb0c;
}			
  th {
  	font-weight:normal;
  	color: #678197;
  	text-align:left;
  	border-bottom: 1px solid #a2cadd;
  	border-left:1px solid #a2cadd;
  	padding:.3em 1em;
  	}
  	
  	
.good {
  font-size: 180%;
  color: #4e7a4c;
  padding: 20px;
  margin-bottom: 1em;
  border: 1px solid #fff;
  background-color: #e4ffd5;
  
}
#sponsered {
	text-decoration:none;
	border:0;
}
#content {
  
}
#sponsered img{
  display: block;
  padding-top: 16px;
  margin: 0 auto;
  border:0;
}
#content .bad {
  padding: 20px;
  font-size: 160%;
  margin-bottom: 1em;
  border: 1px solid #f2f2f2;
  background-color: #ff9d9d;
  color: #7b0000;
}
#paginate {
  display: block;
  padding: 6px;
  width: 100px;
  text-align: center;
  margin-top: 2em;
  border:2px solid #e0f1ff;
  background: #5886e0;
  color: #fff;
  text-decoration: none;
  font: 140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#paginate:hover {
  background-color: #628b5e;
}