* {
margin: 0;
padding: 0;

}

img{
border: none;
}
body {
font-family: arial, helvetica, sans-serif;
font-size: 80%;
}

#head_wrap {
background-color: #d5ebc1;
}

#header {
width: 828px;
margin: 0 auto;
border: 2px solid #FFF;
border-top: none;
}


#nav_wrap {
background-color: #b4d199;
}

#nav {
overflow: hidden;
width: 828px;
margin: 0 auto;
background-color: #4b7922;
border-left: 2px solid #FFF;
border-right: 2px solid #FFF;
}
#nav ol {
padding-left: 15px;
list-style-type: none;
}
#nav li {
float: left;
padding: 4px 23px 8px 4px;
}
#nav li a {
color: #FFF;
font-size: 0.9em;
text-decoration: none;
}
#content_wrap {
clear: both;
width: 840px;
background: url(../images/content-bg.gif) repeat-y center top;
margin: 0 auto;
overflow: hidden;
padding-bottom: 25px;
}

#content {
width: 828px;
margin: 0 auto;
}

#leftcolumn {
float: left;
width: 194px;
margin-left: 12px;
margin-top: 20px;
}
#leftcolumn p {
margin: 8px 0;
color: #000000;
font-size: 1.0em;
}
#leftcolumn table {
border: none;
width: 194px;
margin: 6px 0;
}
#leftcolumn fieldset {
border: 0;
}
#leftcolumn input {
margin: 2px 0;
color: #828383;
font-size: 0.8em;
font-family: arial, helvetica, sans-serif;
width: 190px;
}
#leftcolumn input#login_button {
width: 74px;
}
#leftcolumn td.links a {
width: 110px;
color: #828383;
font-size: 0.8em;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
}
#leftcolumn td.login {
text-align: right;
width: 80px;
}
#leftcolumn ol {
list-style-type: none;
}
#leftcolumn li a {
color: #828383;
font-size: 0.8em;
}

#maincontent {
float: right;
width: 540px;
margin-right: 12px;
margin-top: 20px;
}
#maincontent h1 {
text-transform: capitalize;
color: #000000;
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 5px;
}
#maincontent h3 {
text-transform: capitalize;
color: #000000;
font-size: 1em;
margin-top: 10px;
margin-bottom: 10px;
padding: 3px;
background: #D5EBC1;
}
#maincontent p {
color: #333333;
margin-bottom: 15px;
}
#maincontent ul{
color: #333333;
margin-left: 15px;
}
#maincontent dt{

width: 180px;
text-align: right;
background: #D5EBC1;
margin-bottom: 5px;
}
#maincontent dd{
margin-bottom: 5px;
margin-left: 5px;
}
#maincontent img{
margin: 5px;
}
#buttons{
clear: both;
text-align: center;
}
#page_bottom {
background-color: #FFF;
width: 828px;
margin: 0 auto 10px auto;
height: 12px;
}

#footer_wrap {
clear: both;
background-color: #8a8a8a;
}
#footer {
width: 828px;
margin: 0 auto;
}
#footer p {
padding: 0 10px 18px 10px;
color: #333333;
}
#footer p a {
color: #333333;
text-decoration: none;
}
#footer p a:hover {
color: #333333;
text-decoration: underline;
}

/* ADMIN AND EMPLOYEES */
#content_wrapalt {
clear: both;
width: 840px;
margin: 0 auto;
overflow: hidden;
padding-bottom: 25px;
}

#leftcolumnalt {
float: left;
width: 100px;
padding-left: 12px;
padding-top: 5px;
padding-right: 12px;
border-right: 2px dotted #4b7922;
border-bottom: 2px dotted #4b7922;
}
#leftcolumnalt p {
margin: 8px 0;
color: #333333;
font-size: 0.8em;
}
#leftcolumnalt a {
color: #828383;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
}
#leftcolumnalt a:hover {
color: #4b7922;
font-family: arial, helvetica, sans-serif;
text-decoration: underline;
}

#maincontentalt {
float: left;
width: 678px;
padding-top: 10px;
padding-left: 10px;
}
#maincontentalt h1 {
text-transform: capitalize;
color: #000000;
font-size: 1.5em;
margin-bottom: 5px;
}
#maincontentalt p {
color: #333333;
margin-bottom: 15px;
}
#maincontentalt ul{
margin-left: 10px;
}
#maincontentalt table+table{
width: 100%;
border-collapse: collapse;
font-size: .9em;
}
#maincontentalt table+table th{
text-align: left;
background: #D5EBC1;
padding: 3px;
border: 1px solid  #4b7922;
}
#maincontentalt table+table td{
text-align: left;
padding: 3px;
border: 1px solid  #4b7922;
}
#maincontentalt a{
color: #828383;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
}
#maincontentalt a:hover{
color: #4b7922;
font-family: arial, helvetica, sans-serif;
text-decoration: underline;
}
.report{
width: 100%;
border: 1px solid  #4b7922;
border-collapse: collapse;
font-size: .9em;
}
.report th{
text-align: left;
vertical-align: top;
padding: 3px;
border: 1px solid  #4b7922;
background: #D5EBC1;
}
.report .thright{
text-align: right;
vertical-align: middle;
padding: 3px;
border: 1px solid  #4b7922;
}
.report td{
width: 10%;
text-align: left;
vertical-align: top;
padding: 3px;
border: 1px solid  #4b7922;
}
#maincontentalt dl{
width: 450px;
}
#maincontentalt dt{
float: left;
width: 180px;
text-align: right;
background: #D5EBC1;
margin-bottom: 5px;
}
#maincontentalt dd{

float: left;
margin-bottom: 5px;
margin-left: 5px;
text-align: left;
}
#maincontentalt div{
clear: both;
text-align: center;
}
#maincontentalt .error{
color: red;
background: #ffff33;
margin: 5px 0px;
text-align: left;
padding: 5px;
}
#maincontentalt .pagination td{
text-align: center;
border: none;
}
/* New Form Style */
/*Form Elements*/
fieldset{
float: left;
clear: left;
width: 100%;
margin: 1em 0;
}
legend{
margin-left: 1em;
color: #000000;
font-size: 16px;
font-weight: bold;
}
fieldset ol{
padding: 1em 1em 0 0;
list-style: none;
}
fieldset li{
float: left;
clear: left;
width: 100%;
padding-bottom: 1em;
}
fieldset.submit {
float: none;
width: auto;
border-style: none;
text-align: center;
}
label{
float: left;
width: 7em;
margin-right: 0.5em;
text-align: right;
background: #D5EBC1;
}
ul.errors{
list-style: none;
border: 1px solid #FF0000;
color: #FF0000;
background: #FFFF00;
float: left;
padding: 3px;
margin-left: 10em;
margin-bottom: 5px;
}
ul.errors li{
margin-bottom: -10px;
}
fieldset p{
clear: both;
margin-left: 1em;
}
.required{
color: #FF0000;
font-weight: bold;
}
p.success{
margin-left: 10em;
color: #0033FF;
border: 1px solid #0033FF;
display: block;
width: 250px;
background: #CCCCCC;
margin-bottom: 5px;
padding: 5px;
}