body {
  margin: 0;
  padding: 0;
  font: 12px arial;
  background-color: #eeeeee;
}

h1, h2, h3, h4 { margin: 2px 0px 2px 0px; }

form { display: inline; }

img { border: 0; }
.action { cursor: pointer;}

th { text-align: left; }

a { text-decoration: none; color: #669933; }
a:hover { text-decoration: underline; }

.info_form th { text-align: right; }
.info_form td { text-align: left; }

#wrapper
{
  margin: 0 auto;
  padding: 0 5px;
  width: 1006px;
  background-color: #f6f6f6;
}

#header {
  position: relative;
  color: #669933;
  padding: 10px;
  padding-left:14px;
  border-bottom: 1px solid gray;
}

/* For IE to make sure hasLayout is true and thus absolute positioning of tabs will work */
* html #header { display: inline-block; }

#header_links {
  position: absolute;
  top: 3px;
  right: 5px;
}
#header_links #user_welcome {
  padding-right:1em;
}
#header_links a {
  margin:none;
  padding:0 1em;
  border-left:1px solid;
}
#header_links a.first_link {
  border:none;
}

#header ul#section_tabs
{
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 bottom: -1px;
 right: 5px;
}
#header ul#section_tabs li
{
  float: left;
  border: 1px solid gray;
  margin: 1px 0 0 7px;
  border: 1px solid gray;
  border-bottom: none;
}
#header ul#section_tabs li a
{
  display: block;
  background-color: #669933;
  color: #eee;
  padding: 3px;
}
#header ul#section_tabs li.selected
{
  margin-top: 0;
}
#header ul#section_tabs li.selected a
{
  background-color: #F0FEE4;
  color: black;
  font-weight: bold;
  padding-bottom: 6px;
}

.notice_box {
  color: black;
  border:2px solid #292;
  background-color:#a7e881;
  padding:2px 5px;
  margin: 0 5px;
  font-size: large;
}

#notice_box_wrapper { margin: 0; padding: 0; border: 0; position: relative;}
#notice_box {border-top: none; position: relative; height: 1.2em;}

.error_box {
  color: black;
  border:2px solid #922;
  background-color:#faa;
  padding:2px 5px;
  margin: 0 5px;
  font-size: large;
}

#error_box_wrapper { margin: 0; padding: 0; border: 0; position: relative; }
#error_box { border-top: none; position: relative; height: 1.2em;}
.error_field { border: 2px solid red; }

#section_header
{
  background-color: #F0Fee4;
  padding: 4px;
  border-bottom: 1px solid gray;
}

.footer {
  font: 10px arial;
  color: #666666;
  text-decoration: none;
}
.footer a {
  font: 10px arial;
  color: #669933;
  text-decoration: none;
}
.footer a:hover {
  font: 10px arial;
  color: #669933;
  text-decoration: underline;
}

#main {
  position: relative;
  margin: 0;
  padding: 10px 0 0 0;
  width: 1000px;
  color: #666666;
}
#main a {
  color: #669933;
  text-decoration: none;
}
#main a:hover {
  text-decoration: underline;
}

#side_bar {
  width: 200px;
  float: left;
  margin: 0;
  padding: 0;
}
#side_bar a {
  font: 12px arial;
}

#content
{
  position: relative;
  margin: 2px 8px 8px 8px;
}

#intro_message
{
  font-size: larger;
  border:1px solid #ccc;
  background-color:#f3f3f3;
  padding:1em;
  margin-top:1em;
}



/* Help Popup
----------------------------*/

#help
{
  width:540px;
  height:440px;
  overflow:auto;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

#help img
{
  border:1px solid black;
}

#help p,
#help li
{
  padding-right:1em;
}

#help div.top
{
  text-align:center;
  font-size:0.8em;
  padding-bottom:2em;
}

/* Signup Popup
----------------------------*/
#signup_table {width:500px}
#signup_table td {vertical-align:top; text-align:left;}
#signup_table td.label {text-align:right;}
#signup_table h4 {border-bottom:1px solid}

/* Login Popup
----------------------------*/
#login_table td {vertical-align:top; text-align:left;}
#login_table td.label {text-align:right;}