#main{ border-top:1px solid #F2BD2F; padding-top:0; }
p{ color:#555; }
p.browse-intro{ padding-top:1em; }
p.request-intro{ padding-bottom:1em; }

/* box heading */
h1.browseBySubject, h1.browseByCityState, h1.browseByRequest{ float:left; font:normal 1.2em sans-serif; margin:1em 0 0.2em 0; width:100%; }
h1.browseBySubject{   color:#777; }
h1.browseByCityState{ color:#999; }
h1.browseByRequest{   color:#F2BE31 }

/* header links */
h1.browseBySubject a,h1.browseBySubject a:link, h1.browseBySubject a:visited{ 
  color:#777;
} 
h1.browseBySubject a:hover, h1.browseBySubject a:active{ 
  color:#FFF; 
  background-color:#777;
} 

h1.browseByCityState a,h1.browseByCityState a:link, h1.browseByCityState a:visited{ 
  color:#999;
} 
h1.browseByCityState a:hover, h1.browseByCityState a:active{ 
  color:#FFF; 
  background-color:#999;
} 


/* custom box definitions */
#subject{ background:#cfcfcf; width:48em; }
#subject a, #subject a:visited{ color:#555; }  
#subject a:hover{ color:#fff; background:#777; }
#subject p{ font-size:80%; color:#777; margin:0.4em 0; }

p.cityState{ font-size:1.1em; color:#DDAA11; margin:0;}
#cityState{ background:#cfcfcf; width:48em; }
#cityState a, #cityState a:visited{ color:#777; }  
#cityState a:hover{ color:#fff; background:#cfcfcf; }
#cityState p{ font-size:80%; color:#777; margin:0.4em 0; }

#subject .col, #cityState .col{ float:left; width:15em; }

p.browseByRequest{ padding-bottom:0.2em; }
#browseByRequest{ background:#F2BE31; }
#browseByRequest .posting{ float:left; border-top:solid 1px #FFE490; padding-top:1em; margin-top:1em; }
#browseByRequest .posting.first{ border-width:0px; padding-top:0; }
#browseByRequest .posting .from{ float:left; }
#browseByRequest .posting .from p{ float:left; margin:0.5em 0 0 0; } 
#browseByRequest .posting .from h2{ font:normal 1.1em sans-serif; color:#F2BE31;  }
#browseByRequest .posting .to{ float:left; margin-top:-0.15em; padding-left:0.8em; }
#browseByRequest .posting .to p{ width:100%; padding-bottom:0.5em; }
#browseByRequest .posting .to img{ margin-top:0.3em; background:#FFF;  }
#browseByRequest .posting .to .tutor{ float:left; width:3.7em; text-align:center; margin:0 2px; }
#browseByRequest .posting .to .tutor div{ height:50px }
#browseByRequest .posting .to .non_existing_tutor{ float:left; }
#browseByRequest .posting .to .non_existing_tutor img{ margin-left:0.7em; }
#browseByRequest .posting small{ font-size:0.9em; color:#aaa; }
#browseByRequest a.yellow, #browseByRequest a.yellow:link, #browseByRequest a.yellow:visited, #browseByRequest a.yellow:hover, #browseByRequest a.yellow:active{ 
  font-size:70%; 
}
#browseByRequest.box a.gld{ float:left; margin-top:1em; }   
#browseByRequest p.nomore{ background:#FFF; font:bold 1em arial, sans-serif; text-align:center; width:100%; margin:3em 0 2em 0; }

p.signup_request { margin-bottom:0.3em; font-size:75%; color:#888; }