/*******************************************************************************
  Header font:

  Colors:
*******************************************************************************/

* {
  margin: 0 auto;
}

body {
/*  font-family: Verdana, Lucida, Arial, Helvetica, sans-serif; */
  font-family: "Arial Unicode MS", "Lucida Grande", sans-serif;
  font-size: 11px;
  background: #ffffff;
  background-repeat: repeat-x;
  color: #404040;
/*  border-top: 2px solid #005500; */
  border-top: 2px solid #008000;
}

.reset {
  display: block;
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 0.1;
}


/*******************************************************************************
  general styles
*******************************************************************************/
.error {
  color: #bb0000;
}

.email {
  font-style: italic;
}

.footnote {
  font-size: 0.9em;
}

.indent {
  margin-left: 25px;
}

.text-indent {
  margin-left: 10px;
}

.center {
  text-align: center;
}

/*******************************************************************************
  main layout
*******************************************************************************/
#page {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  margin-top: 60px;
  margin-bottom: 0px;
  width: 460px;
  text-align: center;
}

#main {
  width: 460px;
  text-align: left;
}

#main p {
  margin-top: 15px;
}

#main p:first-child {
  margin-top: 0px;
}


/*******************************************************************************
  footer
*******************************************************************************/
#nav { 
/*  background: #bdb76b; */
  background: #fff;
  color: #444;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 0;
}

/*******************************************************************************
  footer
*******************************************************************************/
#footer { 
/*  background: #bdb76b; */
  background: #fff;
  color: #a8a8a8;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 0;
}

#footer a {
/*  color: #a8a8a8; */
}



/*******************************************************************************
  paragraphs
*******************************************************************************/
p {
  font-size: 11px;
  line-height: 16px;
}


/*******************************************************************************
  navigation
*******************************************************************************/
a img {
  border: none;
}

a {
  color: #669966;
  text-decoration: none;
}

/*******************************************************************************
  forms
*******************************************************************************/
input, textarea, select, checkbox {
  background: #f8f8ff;
}

input, textarea {
  border: 1px solid #000000;
}

textarea {
  height: 120px;
}

fieldset {
  border: none;
}

input.wide {
  width: 250px;
}

.submit-button, .cancel-button {
  border: 0px;
  background: #0077aa;
  color: #fff;
  padding: 1px 3px 1px 3px;
  margin-top: 5px;
}

.rollover {
  background: #000;
  color: #fff;
}

.readonly {
  border: none;
  background: #fff;
}


/*******************************************************************************
  
*******************************************************************************/
#result {
  background: #f8f8ff;
  font-family: "Arial Unicode MS", "Lucida Grande", sans-serif;
  font-size: 11px;
  width: 450px;
  border: 1px solid #333333;
  padding: 5px;
  text-align: left;
}

.tryit {
  width: 450px;
  padding: 5px;
  text-align: center;
  font-weight: bold;
}