

*{
  margin: 0;
  padding: 0;
}

body{
  background-color: #FFCC00;
  font: 12px "Trebuchet MS", "Lucida Sans", Verdana, Arial, cursive;
  text-align: justify;
  color: #331111;
}

a:link,
a:visited{
  text-decoration: none;
  color: #662222;
  background-color: inherit;
}

a:hover{
  text-decoration: underline;
}

#container{
  color: inherit;
  width: 700px;
  margin: 20px auto 20px auto;
  border: 2px solid #000000;
  background-color: #fefefe;
}

#menu{
  list-style: none;
  text-align: center;
  border-bottom: 2px solid #000000;
}

#menu li{
  display: inline;
}

#menu li a:link,
#menu li a:visited{
  color: #000000;
  background-color: inherit;
  text-decoration: none;
  font-family: inherit;
  font-size: 22px;
  font-weight: bold;
  padding-right: 25px;
  padding-left: 25px;
}

#menu li a:hover{
  color: #fefefe;
  background-color: #ffcc00;
}

#header{
  width: 700px;
  height: 230px;
  background-color: transparent;
  background-image: url("http://www.gahighwaysafety.org/ciotthanks2007/ciotflowers.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom: 2px solid #000000;
  position: relative;
}

#header h1 a{
  display: block;
  position: absolute;
  background-color: inherit;
  color: #fefffe;
  font-size: 45px;
  font-family: "Lucida Sans", Arial, Tahoma, cursive;
  font-weight: bolder;
  font-style: italic;
  text-decoration: none;
  top: 30px;
  left: 30px;
}

#content{
  height: 100%;
  position: relative;
}

#rightbox{
  width: 175px;
  float: right;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

#rightbox img.avatar{
  display: block;
  border: 1px solid #000000;
  margin: 2px auto 10px auto;
}

.wellcome{
  font-size: 14px;
  text-align: center;
  padding-top: 2px;
  color: #000000;
  background-color: inherit;
}

#rightbox h1.login_title{
  width: 100%;
  background-color: #ffcc33;
  color: #fffefe;
  text-align: center;
  font-size: 18px;
}

#messages{
  width: 74%;
}

.post{
  width: 100%;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.titles{
  width: 100%;
  color: #000000;
  background-color: inherit;
  border-bottom: 1px dashed #000000;
  text-align: center;
  font-size: 18px;
  font-family: inherit;
}

.text{
  margin-left: 2px;
  margin-right: 2px;
  text-indent: 15px;
}

.signature{
  text-align: right;
  margin-right: 12px;
}

#footer{
  width: 100%;
  color: #fefeff;
  background-color: #b7b10a;
  border-top: 1px solid #000000;
  text-align: center;
}

#footer p{
  padding-top: 5px;
  padding-bottom: 5px;
  color: inherit;
  background-color: inherit;
}

#footer p a:link,
#footer p a:visited{
  color: #fefffe;
  background-color: inherit;
}/*hack for ie6*/

/*CSS for Formulary*/

form label{
  text-align: left;
  display: block;
  font-size: 14px;
  margin-left: 5px;
}

form input{
  color: #000000;
  background-color: #fefefe;
  border: 1px solid #000000;
  padding: 2px;
}

form input:focus{
  color: inherit;
  background-color: #e6acac;
}

form input.textbox{
  display: block;
  width: 90%;
  margin: 0 auto 0 auto;
}

form input.submit{
  display: block;
  margin-top: 5px;
  margin-left: auto;
  margin-bottom: 5px;
  margin-right: auto;
}
