body  {text-align:center; background-color: rgb(243,242,220); font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    	padding:0; margin:0; border:0}
    	
p {font-size:13px; margin:0px 30px}
p.clear {clear:both}
img {border:0px}

h2 {color:#660000; font-size:15px; text-decoration:underline; margin-bottom:10px;}
h3 {font-size:16px}

a:link, a:visited {text-decoration: none; color:rgb(0,102,204)}
a:hover {text-decoration: none; color:gray} 
    	
#outerframe  {width:800px; margin:20px auto 0px; background-color:white; border:1px solid #888888; 
				box-shadow: 10px 10px 5px #888888}
				
#contentframe {text-align:left; margin:30px; font-size:13px}				
				
.gray-border {width:100%; height:30px; background-color:rgb(147,162,153); font-size:9px; line-height:30px; text-align:left}
.col {text-align:right; padding-right:5px; width:250px; float:left; line-height:25px}
.photoBox {float:left; margin:14px 5px; border:1px solid black; height:50px; width:50px}

img.dots {vertical-align:text-bottom}
div.dotbox {width:180px; float:right; margin-top:10px; margin-right:20px; text-align:right}
    	
#legaleez {width:800px; margin:0px auto}
#legaleez p {color:rgb(82,56,38); font-size:11px}
#legaleez a:link, #legaleez a:visited {text-decoration: none; color:rgb(53,80,120); font-size:11px; font-style:normal}
#legaleez a:hover {text-decoration: none; color:rgb(0,0,0)}  

#theChart {padding:0; margin:0; border:0;}
 .monthName {position:absolute; width:32px; top:5px; text-align:center}
 .theCount {position:absolute; width:32px; top:75px; text-align:center; line-height:13px; font-size:12px; padding-top:2px}
 .graphBox {position:absolute; border: 1px solid black; width:32px; height:75px}
 .graphTop {text-align:center; width:32px; background-color:white; overflow:hidden}
 .graphBottom {text-align:center; width:32px; font-weight:bold; background-color:blue; color:white; overflow:hidden}
 .graphLegend {position:absolute; width:390px; top:128px; font-size:9px; padding-left:15px; line-height:11px}

.closeButton {background-color:rgb(147,162,153); color:rgb(255,255,255); font-weight:bold; padding:3px 2px 2px 2px}

.backArrow {float:left; margin:3px 20px 0px 20px; font-weight:bold}
.backArrow a:link, .backArrow a:visited {color:rgb(56,93,138); font-style:normal; font-size:18px}
.backArrow a:hover {color:gray}

.goBtn {padding:3px 5px; background: rgb(247,202,147); color: #000; border: solid 1px #20538D;
        -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px}
        
.redBtn {background:red; color:white}

.goBtn:hover {background: rgb(167,132,74); color: #FFF; text-decoration: none}
.redBtn:hover {background: tomato; color: #FFF; text-decoration: none}

button, input[type=submit].btnSubmit, input[type=submit].btnDelete, input[type=submit].btnCancel 
		{padding:3px 5px; background: rgb(121,142,75); color: #fff; border: solid 1px #20538D;
        -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:22px}
        
button:hover {background: rgb(237,255,197); color: #ccc; text-decoration: none}

input[type=submit].btnSubmit {background: rgb(0,153,0); color:white; margin:10px}

input[type=submit].btnDelete {background: red; color:white}

input[type=submit].btnCancel {background: rgb(247,202,147); color:#000}

input[type=submit].btnSubmit:hover, input[type=submit].btnDelete:hover, input[type=submit].btnCancel:hover
		{background: rgb(86,106,42); color: #ccc}

  .navbar  {margin-top:10px; margin-right:30px; text-align:right; float:right; width:300px}
  .navbar a {text-decoration:none; font-size:15px; font-weight:bold}
  .navbar a:link, .navbar a:visited {color:rgb(167,132,74)}
  .navbar a:hover {color:#8b4513}