html{
    height:100%;        /*forces scrollbar*/
    margin-bottom:1px;  /*forces scrollbar*/
}

body{
    background:#fff;
    margin:0 0 5px 0;
    color:#4e5635;
    font-size:90%;
    font-weight:normal;
    text-align:left;
    font-family:verdana,sans-serif;        /*courier new*/
    line-height:1.5em;
}

table{
    border-collapse:collapse;
}

td{
    padding:5px 0 0 0;
    vertical-align:top;
}

p{
   margin:0 0 8px 0;
}

h2{
    margin:10px 0 10px 5px;
    font-size:1.6em;
    font-weight:bold;
    padding:0;
}

h3 {
    margin-left: 5px;
}

h4 {
   margin-top: 5px;
   margin-bottom:0 ;
}

div.solution {
   margin: 5px 10px 10px 10px;
   background-color: #f0f7d7;
   border: 1px solid #222;
   padding: 0 0 6px 6px;
}

a img{
  border:0;
}

a,
a:active,
a:visited{
    color:#429d91;
    text-decoration:underline;
}

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

hr {
   margin-top: 1.5em;
}

#headerwrap{
    width:990px;
    margin:0 auto 0 auto;
}

#contentwrap{
    width:990px;
    margin:0 auto 0 auto;
}

#createborder{
    width:990px;
    margin:1px auto 0 auto;
    border:1px solid #222;
    background:#222;
}

#welcomeimage{
    width:205px;
    padding:0;
    background:url("images/donkey.jpg") #fff top left no-repeat;
}

#intro{
    width:287px;
    margin:0;
    padding:5px;
    background:#8B936F;
    color:#FFF2C6;
    border-left:1px solid #222;
}

#questions{
    width:447px;
    padding:20px 20px 0 20px;
    border-left:1px solid #222;
    font-weight:bold;
    font-size:1em;
    background:#C3CE9C;
}

p.left{
    text-align:left;
    width:280px;
}

p.right{
    text-align:right;
    width: 280px;
    margin-left: 166px;
}



#span{
    width:765px;
    float:right;
    padding:5px;
    background:#C3CE9C;
}

#footer{
    width:990px;
    margin:3px auto 5px auto;
    font-size:0.7em;
    clear:both;
    color:#535842;
    line-height:1.3em;
}

#footer a,
#footer a:active,
#footer a:visited{
  color:#535842;
  text-decoration:none;
}

#footer a:hover{
  text-decoration:underline;
}

input{
    background:#f0f7d7;
    border:1px solid #8B936F;
    padding:1px;
    margin:0;
    font-family:verdana,sans-serif;
    font-size:1em;
    width:390px;
}

label{
    margin-right:5px;
}

textarea{
    background:#f0f7d7;
    border:1px solid #8B936F;
    padding:1px;
    margin:0;
    font-family:verdana,sans-serif;
    font-size:1em;
    width:390px;
    height:120px;
    overflow:auto;
}

.checkbox{
    width:30px !important;
    background:#C3CE9C !important;
    border:0px !important;
}


.radio{
    width:20px !important;
    background:#C3CE9C !important;
    border:0px !important;
}

.btn{
    background:transparent;
    color:#996828;
    border:0px;
    margin:0px 0 0 0;
    font-weight:bold;
    width:212px !important;
}

.donate{
    width:50px !important;
}

#questionform{
    margin:0 auto 0 auto;
    width: 630px;
}


#questionspage{
    width:765px;
    float:right;
    padding:5px;
    background:#C3CE9C;
}


div.questionspage{
    width:765px;
    padding:5px;
    float:right;
    clear:both;
    background:#C3CE9C;
}

div.questionspagewhite{
    width:765px;
    padding:5px;
    float:right;
    clear:both;
    background:#fff;
}

p.question{
    width:600px;
    margin-left:75px;
    margin-top:30px;
    margin-right: 5px;
}

p.indent{
    margin-left:90px;
    margin-top: 15px;
    margin-right: 10px;
}

p.viewq{
    width:660px;
    text-align:right;
}

#menu{
    float:left;
    background:url("images/.jpg") #fff top left no-repeat;
    width:215px;
}

#menu ul{
      list-style-type:none;
      margin:20px 0 0 23px;
      padding:0;
}

#menu li{
     margin:5px 0 5px 0;
     font-size:1.2em;
}


#menu a,
#menu a:active,
#menu a:visited{
      width:142px;
      padding:3px 3px 3px 18px;
      background-color:#535842;
      color:#FF9C3C;
      display:block;
      text-decoration:none;
}

#menu a.on,
#menu a.on:active,
#menu a.on:visited{
      background:url("images/menu_bullet.gif") #535842 4px 7px no-repeat;
}

#menu a:hover{
      background:url("images/menu_bullet_hover.gif") #1C8E1C 4px 7px no-repeat;
}

a.sub,
a.sub:active,
a.sub:visited{
      width:124px !important;
      padding:3px 3px 3px 0px;
      margin:0 0 0 18px;
      background-color:#535842 !important;
      color:#FF9C3C !important;
      font-size:0.8em;
      display:block;
      text-decoration:none;
}

a.sub:hover,
a.subon:hover{
      background:url("images/menu_bullet_hover_small.gif") #1C8E1C 4px 8px no-repeat !important;
}

a.subon,
a.subon:active,
a.subon:visited{
      width:124px !important;
      padding:3px 3px 3px 0px;
      margin:0 0 0 18px;
      color:#FF9C3C !important;
      font-size:0.8em;
      display:block;
      text-decoration:none;
      background:url("images/menu_bullet_small.gif") #535842 4px 8px no-repeat !important;
}



#toplink{
    text-align:right;
    font-size:1.1em;
    float:right;
}

#toplink a,
#toplink a:active,
#toplink a:visited{
    color:#429d91;
    text-decoration:underline;
}

#toplink a:hover{
    color:#b1782f;
    text-decoration:underline;
}

#color1 a,
#color1 a:active,
#color1 a:visited,
#color1 a:hover{
   color:#000;
   text-decoration:none;
}

#color2 a,
#color2 a:active,
#color2 a:visited,
#color2 a:hover{
   color:#f8f669;
   text-decoration:none;
}

#color3 a,
#color3 a:active,
#color3 a:visited,
#color3 a:hover{
   color:#148e11;
   text-decoration:none;
}

#color4 a,
#color4 a:active,
#color4 a:visited,
#color4 a:hover{
   color:#67ab94;
   text-decoration:none;
}

#color5 a,
#color5 a:active,
#color5 a:visited,
#color5 a:hover{
   color:#000;
   text-decoration:none;
}

#color6 a,
#color6 a:active,
#color6 a:visited,
#color6 a:hover{
   color:#f03a10;
   text-decoration:none;
}

#color7 a,
#color7 a:active,
#color7 a:visited,
#color7 a:hover{
   color:#ff9c3b;
   text-decoration:none;
}

#color8 a,
#color8 a:active,
#color8 a:visited,
#color8 a:hover{
   color:#000;
   text-decoration:none;
}

td.question {
  vertical-align: top;
  text-align: left;
  width: auto;
  padding: 0 10px 10px 10px;
}

td.questionr {
  vertical-align: top;
  text-align: right;
  width: auto;
  padding: 0 10px 10px 10px;
}

td.questioninput {
  vertical-align: top;
  text-align: left;
  width: 350px;
  padding: 0 10px 10px 0;
}

.err {
  font-size: 0.8em;
  color: #454401;
}


#questionsindex{
   width:617px;
   margin:40px auto 20px auto;
}

#questionsindex p{
   margin-bottom:40px;
}

#questionsindex h4 a,
#questionsindex h4 a:active,
#questionsindex h4 a:visited,
#questionsindex h4 a:hover,{
    color:#4e5635 !important;
    text-decoration:none !important;
    font-size:1em !important;
}

a.questionsindex,
a.questionsindex:active,
a.questionsindex:visited,
a.questionsindex:hover{
    display:block;
    float:right;
}

/* ADMIN STYLES */
table.admin {
  margin: 4px auto 1em auto;
  width: 660px;
}

.admin td {
  border: 1px solid #030;
  padding: 1px 3px 1px 3px;
  text-size: 90%;
}

td.header {
  font-weight: bold;
  text-align: center;
}

.submit {
  margin: 8px auto 8px auto;
  width: 120px;
  text-align: center;
}

#adminqtable {
  margin-left: auto;
  margin-right: auto;
  width: 570px;
}

table.adminctable {
  margin: 0 auto 15px auto;
  width: 570px;
}
