/* global styles */
html, body 
{ 
  margin: 0;
  padding: 0;
  
  background: #606060 url(/images/themed/body-bg.jpg) top left repeat;
  
  font: normal 11px/17px Verdana,Arial,Helvetica,sans-serif;
  color: #464b51;
}

/* basic content styles in wysiwyg.css */

/* layout styles */
#layout 
{ 
  margin: 0 auto;
  padding: 0;

  width: 800px;

  background: #fff;
}

/* header styles */
#header
{
  background-color: #77b108;
  width: 800px;
  height: 138px;

  margin: 0;
  padding: 0;
}

#header #logo
{ 
  padding: 16px 0 0 194px;
  float: left;
}

/* top nav styles */
#topnav-wrapper
{
  margin: 0;
  padding: 9px 0 0 15px;

  height: 51px;
  width: 785px;
  background: #77b108 url(/images/themed/topnav-bg.gif) top left repeat-x;
}

#topnav
{
  margin: 0;
  padding: 0;
 
  position: relative;
}

#topnav li
{
  margin: 0;
  padding: 0;

  position: absolute;
  display: block;
  top: 0;
	
  height: 41px;

  list-style: none;
}

#topnav a
{
  display: block;  
 
  /* Phark image replacement */
  text-indent: -100em;
  overflow: hidden;
  height: 41px;
}

/* topnav: normal states */
#topnav-home { left: 0; width: 51px; background: url(/images/themed/topnav-home.gif) 0 0 no-repeat; }
#topnav-about { left: 52px; width: 73px; background: url(/images/themed/topnav-about.gif) 0 0 no-repeat; }
#topnav-who { left: 126px; width: 83px; background: url(/images/themed/topnav-who.gif) 0 0 no-repeat; }
#topnav-programs { left: 210px; width: 101px; background: url(/images/themed/topnav-programs.gif) 0 0 no-repeat; }
#topnav-involved { left: 312px; width: 97px; background: url(/images/themed/topnav-involved.gif) 0 0 no-repeat; }
#topnav-news { left: 410px; width: 84px; background: url(/images/themed/topnav-news.gif) 0 0 no-repeat; }
#topnav-community { left: 495px; width: 112px; background: url(/images/themed/topnav-community.gif) 0 0 no-repeat; }
#topnav-gallery { left: 608px; width: 92px; background: url(/images/themed/topnav-gallery.gif) 0 0 no-repeat; }
#topnav-contact { left: 701px; width: 77px; background: url(/images/themed/topnav-contact.gif) 0 0 no-repeat; }

/* topnav: hover/current states */
#topnav-home a:hover, #topnav-home.current a { background: url(/images/themed/topnav-home.gif) 0 -41px no-repeat; }
#topnav-about a:hover, #topnav-about.current a { background: url(/images/themed/topnav-about.gif) 0 -41px no-repeat; }
#topnav-who a:hover, #topnav-who.current  a { background: url(/images/themed/topnav-who.gif) 0 -41px no-repeat; }
#topnav-programs a:hover, #topnav-programs.current a { background: url(/images/themed/topnav-programs.gif) 0 -41px no-repeat; }
#topnav-involved a:hover, #topnav-involved.current a { background: url(/images/themed/topnav-involved.gif) 0 -41px no-repeat; }
#topnav-news a:hover, #topnav-news.current a { background: url(/images/themed/topnav-news.gif) 0 -41px no-repeat; }
#topnav-community a:hover, #topnav-community.current a { background: url(/images/themed/topnav-community.gif) 0 -41px no-repeat; }
#topnav-gallery a:hover, #topnav-gallery.current a { background: url(/images/themed/topnav-gallery.gif) 0 -41px no-repeat; }
#topnav-contact a:hover, #topnav-contact.current a { background: url(/images/themed/topnav-contact.gif) 0 -41px no-repeat; }

#topnav #current a
{
  color: #ff8550;
}

#topnav a:hover
{
  text-decoration: underline;
  color: #ff8550;
}

/* subnav */
#subnav
{ 
  float: left;

  margin: 38px 0 38px 15px;
  padding: 0;

  width: 156px;
}

#subnav ul
{
  margin: 0;
  padding: 0;
}

#subnav li
{
  margin: 0;
  padding: 0;

  float: left;

  line-height: 14px;

  /* no bullets, no wrapping, text alignment within menu item */
  list-style: none;
}

#subnav li li
{ 
  margin-left: 20px;
  list-style: square;
  color: #638c14;
}

#subnav a
{
  float: left;
  display: block;

  width: 156px;

  margin: 0;
  padding: 0;

  font-size: 11px;
  line-height: 16px;

  text-decoration: none;

  border-bottom: 1px solid #a4a0a0;

  color: #464b51;
}

#subnav li li a
{ 
  width: 136px;

  font-size: 10px;
  line-height: 15px;
  
  font-weight: normal;
}

#subnav li.last a
{
   border-bottom: 0;
}

#subnav li.current a
{
  color: #638c14;
  font-weight: bold;
}

#subnav li.current li a
{
  color: #638c14;
  font-weight: normal;
}

#subnav li.current li.current a
{ 
  font-weight: bold;
}

#subnav a:hover
{
  color: #638c14;
}

#subnav li li a:hover
{
  font-weight: normal;
}

/* content styles */
#content-wrapper
{
  float: left;

  margin: 0;
  padding: 0;
}

#content
{
  float: left;

  margin: 38px 12px 57px 12px;
  padding: 0 13px;

  width: 408px;

  border-left: 1px solid #bbd883;
  border-right: 1px solid #bbd883;
}

#sidebar
{
  float: left;

  margin: 38px 0 0 0;
  padding: 0;

  width: 156px;
}

/* footer */
#footer-wrapper
{
  clear: both;

  margin: 57px 0 0 0;
  padding: 0 0 0 15px;

  color: #ababab;

  height: 23px;
  width: 785px;
  background: #77b108;
}

#footer
{
  margin: 0;
  padding: 0;

  position: relative;
  clear: left;
}

#footer li
{
  margin: 0;
  padding: 0;

  display: block;
  float: left;
	
  height: 23px;

  list-style: none;
}


#footer a, #footer li span
{
  display: block;

  font-size: 10px;
  line-height: 12px;

  position: absolute;
  top: 5px;

  color: #fff;  
}

#footer a
{
  margin: 0;
  padding: 0 1em;

  border-left: 1px solid #fff;
}

#footer-copyright span
{
  left: 0;
}

#footer-credit a
{
  left: 168px;
}

#footer-ruby a
{
  left: 335px;
}

#footer-top a
{
  left: 602px;
}

.rows-zone .frmField
{
  float: left;
  margin-right: 2px;
}

body>div .rows-zone .frmField
{
  float: left;
  margin-right: 10px;
}

.rows-zone .last
{
  float: left;
  margin-right: 0px;
}

.rows-zone .next
{ 
  clear: both;
}

.rows-zone .buttons
{ 
  text-align: right;
  margin-top: 20px;
}

.rubyform-zone .error
{ 
  color: maroon;
}