/* standard elements */
html {
   height: 100%;
}

* {
   margin: 0;
   padding: 0;
}

a {
   color: #222;
   text-decoration: underline;
   outline: none;
}

a:hover {
   color: #00a000;
   text-decoration: none;
}

.controlLink {
   margin-bottom: 20px;
}

p {
   margin-bottom: 6px;
}  

blockquote {
   text-align: justify;
   font-style: italic;
   padding: 6px 20px 6px 30px;
   background: url(images/quote.jpg) left top no-repeat;
}

.left {
   float: left;
   margin: 2px 8px 0px 0px;
   border: 1px solid #A8CE32;
}

.right {
   float: right; 
   margin: 2px 0px 0px 8px;
   border: 1px solid #A8CE32;
}

.center {
   display: block;
   text-align: center;
   margin: 2px auto 2px;
   border: 1px solid #A8CE32;
}

body {
   font: 14px Verdana,Tahoma,Arial,sans-serif;
   color: #002000;
   background: #DCDCDC;
   margin: 0;
   padding: 0;
}

#header {
   margin-top: 0px;
   padding: 0 40px 0px 40px;
   background: #DCDCDC url(images/topempty.gif) right bottom no-repeat;
   height: 194px;
}

#wrapper {
   width: 964px;
   margin: 0 auto 0 auto;
   background: url(images/bg.png) right repeat-y;
   padding: 0;
}

#toplinks {
   text-align: right;
   font-weight: 400;
   font-size: .8em;
   letter-spacing: .1em;
   text-transform: uppercase;
}

#toplinks a {
   color: #d37103;
   text-decoration: none;
   font-weight: 600;
}

#title {
   margin: 40px 0px 0 125px;
}

#title h1, #title h1 a {
/* color: #ffffff; */
   color: #fff;
   text-decoration: none;
   letter-spacing: .16em;
   font-size: 3em;
/* display: inline; */
}

#title h2 {
   color: #ffffff;
   letter-spacing: .1em;
   margin: 6px 0 0 6px;
}

#menu {
   background: #005826;
   height: 45px;/***orig 38px***/
   margin-left: 9px;
   margin-right: 7px;
   border-bottom: 3px solid #B4B300;
}

#menu ul {
   padding-top: 10px;
   padding-left: 20px;
}

#menu li {
   list-style: none;
   display: inline;
}

#menu li a {
   padding: 6px 14px 7px 14px;
   line-height: 26px;
   height: 30px;
   text-decoration: none;
   color: #FDFFE1;
   background: #606060;
   border-right: 3px solid #000;
   border-left: 3px solid #000;
}

#menu li a:hover, #menu li a.selected {
   line-height: 26px;
   padding-top: 8px;
   background: #FDFFE1;
   color: #003000;
   border-top: 3px solid #B4B300;
   border-right: 3px solid #B4B300;
   border-left: 3px solid #B4B300;
   border-bottom: 3px solid #FDFFE1;
}

#menu h3 {
   padding: 3px 14px 7px 14px;
   line-height: 18px;
   height: 12px;
   text-decoration: none;
   color: #FFFFFF;
   background: transparent;
   border-right: 0px solid #000;
   border-left: 0px solid #000;
}

/*div.row {
   width: 360px;
}*/

div.row span.formlabel {
   float: left;
   width: 150px;
   text-align: left;
}

div.row span.formlonglabel {
   float: left;
   width: 150px;
   text-align: left;
   height: 100px;
}

div.row span.forminput {
   width: 180px;
   text-align: right;
}

/*div.row.span.formvalidator 
{*/
    

div.row span.checkbox {
   width: 180px;
   /*text-align: left;*/
   margin-left: auto;
   margin-right: 0px;
}

div.row {
   width: 360px;
   height: 25px;
}

div.multilineRow {
   width: 360px;
   height: 60px;
}

div.longlabelRow {
   width: 360px;
   height: 45px;
}

div.listboxRow 
{
    width: 360px;
   height: 80px;
}

#main textarea.skills
{
    width: 400px;
}

#main textarea.healthexplanation
{
    width: 350px;
}
    
.breadcrumb
{
  width: 350px;
  background: #fdffe1;
  font-size:12px;
  color: #000000;
  display:inline;
  margin: 20px 0px;
  padding: 7px 0px;
}

.breadcrumb span a
{
  width: 350px;
  background: #fdffe1;
  font-size:12px;
  color: #000000;
  display:inline;
  padding: 7px 0px;
}

/* Login div
*********************************/

#login {
   margin-top: 40px;
}

.btnSubmit {
   margin-bottom: 20px;
}

#content {
   padding: 20px 30px 30px 30px;
   color: #003000;
}

#content h2, #content h3 {
   color: #805000;
   margin: 6px 0 8px;
   border-bottom: 2px solid #B4B300;
}

#main {
   width: 644px;
   float: left;
   margin-bottom: 10px;
}

#main fieldset {
   position:relative;
   border: 2px solid #B4B300;
   background: #fffff0;
   margin: 16px auto !important;
   padding: 14px;
   width: 644px;
}

#main textarea, #main input {
   overflow: auto;
   width: 200px;
   margin: 2px;
}

.submit {
   font-family: verdana, arial, sans-serif;
   font-size: 100%; 
   border: 1px solid;
   width: 70px;
   height: 22px;
   cursor: pointer;
   margin: 7px 0;
}

.formPanel {
   margin: 0 auto;
}

/* Multiview Container
******************************************/

.centerView {
   position: relative;
   text-align:center;
   margin: 0 auto;
   padding: 0;
}   
   

.column {
   float: left;
   width: 300px;
   background: #fffff0;
   margin: 0 5px 10px 5px;
   border-right: 2px solid #B4B300;
   border-left: 2px solid #B4B300;
   border-bottom: 2px solid #B4B300;
   padding-bottom: 10px;
}

#main .column h3 {
   background: #805000;
   text-align: center;
   color: #fff;
   margin-top: 0;
   padding: 4px 0 4px 0;
}

.column p, .column h4 {
   padding: 8px;
}

#main ul {
   margin-left: 26px;
   margin-bottom: 8px;
}

/*.tabs table 
{
     border-collapse: collapse;
   margin: 10px auto 15px auto;
   border: 2px solid #B4B300;
}

.tabs th {
   background: #805000;
   height: 25px; 
   padding: 0 10px;
   color: #ffffff; 
   text-align: left;
}

.tabs td {
   padding: 0 10px; 
   height: 25px;
}

.tabs tr.odd {
   background: #fffff0;
}

.tabs tr.even {
   background: #f0f0f0;
}*/

.reportToolbar table, tbody, tfoot, thead, tr, th, td, div, a, p
/*if I specify no html elements within this class than it's as if I did nothing*/
/*table.reportToolbar, tbody.reportToolbar, tfoot.reportToolbar, thead.reportToolbar,
tr.reportToolbar, th.reportToolbar, td.reportToolbar, div.reportToolbar, a.reportToolbar, p.reportToolbar
does nothing*/
{
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}

/*Les, if you comment out the region starting here*/

table {
   border-collapse: collapse;
   margin: 10px auto 15px auto;
   border: 2px solid #B4B300;
}

th {
   background: #805000;
   height: 25px; 
   padding: 0 10px;
   color: #ffffff; 
   text-align: left;
}

td {
   padding: 0 10px; 
   height: 25px;
}

tr.odd {
   background: #fffff0;
}

tr.even {
   background: #f0f0f0;
}

/*and ending here, you'll see what the toolbar is supposed to look like*/

#right {
   padding: 0px 0 20px;
   width: 242px;
   float: right;
   background: #fffff0;
   border: 2px solid #B4B300;
/* border: 2px solid #A8CE32; */
}

#right h2 {
   padding: 12px 0 8px 10px;
}

#right h3 {
   margin-top: 6px;
}

#right ul {
/* border-top: 1px solid; */
   margin: 4px 0 6px;
}

#right li {
   list-style: none;
   display: block;
   padding: 4px 0 2px;
   border-bottom: 1px solid;
}

#right li a {
   color: #805000;
   background: url(images/seta1.png) left no-repeat;
   padding-left: 10px;
}

#right li a:hover, #right li a.selected {
   background: url(images/seta.png) left no-repeat;
   padding-left: 15px;
   color: #d37103;
}

.rightitem {
   padding: 0 6px 0 10px;
   margin: 0 5px 8px 5px;
}

#postit {
   width: 216px;
   height: 216px;
   float: right;
   margin-top: 0px;
   margin-bottom: 10px;
   padding: 40px 12px 12px 16px;
   background: url(images/postit.png) no-repeat;
   color: #000;
}

#postit h3 {
   color: #000;
   border: none;
}

#footer {
   height: 57px;
   background: url(images/bottom.gif) right no-repeat;
   padding-left: 0px;
   padding-top: 20px;
}

#footer p {
   color: #d0FFc0;
   text-align: center;
}

#footer a {
   color: #60c020;
   text-decoration: none;
   outline: none;
}

#footer a:hover {
   color: #00a000;
   text-decoration: none;
}

.clear {
   clear: both;
}

.clearbottom {
   clear: both;
   margin: 0 8px 0 10px;
   border-bottom: 3px solid #B4B300;
}