/* specific to /infopostings/default.asp */

div.middle, div.midBottom {
  height:170px;}
  
  div.midBottom div.bgPhoto {
    position:absolute;
    /* all photos are at 305px high. this height is 
    170px high - so 305 - 170 = 135. Move it up 135px so we see the 
    "interesting" part of the photo ;) Then clip it to the proper bounds...*/
    top:-135px; 
    left:0px;
    height:170px;
    width:760px;
    display:block;
    clip:rect(135px, 470px, auto, auto);}
  
  div.focusPhoto {
    position:absolute;
    top:-55px;
    left:200px;
    z-index:3000;}

div.rightSide {
  position:absolute;
  top:0px;
  left:595px;
  width:175px;
  height:170px;
  background-color:#eaf295;
  border-left:1px dashed #334f38;
  z-index:2800;}
  
  div.rightSide #date {
    width:95%;
    font-size:13px;
    font-style:italic;
    text-align:right;}
    
  div.rightSide span {
    display:block;
    height:20px;}
  
  div.rightSide p {
    margin:0px;
    margin-left:10px;
    width:95%;}
    
  div.rightSide p a {
    display:block;
    width:155px;
    text-align:right;
    font-weight:bold;
    font-style:italic;
    margin-top:10px;}
    
  div.rightSide div.monthView {
    position:absolute;
    top:150px;
    width:175px;
    border-top:1px dashed #01415b;
    text-align:center;}
    
  div.rightSide div.monthView a {
    font-size:12px;
    font-weight:bold;
    width:95%;
    margin-top:2px;}
    
  div.announce form {
    margin-left:15px;
    margin-top:6px;}