﻿

body { margin: 0; padding: 0; bottom:auto;}
img { margin: 0; }
form { margin: 0; padding: 0; }
#top { margin: 0 0 8px 0; padding: 0; height:auto; text-align:center; }


/* --- Login --- */
#loginManager { margin: 20px auto 0 auto; padding:0 0 0 0; width: 780px; height:auto; 
	font: 11px Helvetica, sans-serif; text-align:center; }

#loginBox { margin: 20px 0 0 20px; width: 650px; height: 183px; text-align: center;
	background: url(../../Images/global/loginBox_bg.gif) no-repeat left top; }
#loginBox h1 { margin: 11px 0 45px 11px; padding: 0 0 0 11px; color: #336600; 
	font: bold 9px Helvetica, sans-serif; text-align: left; 
	background: url(../../Images/global/loginBox_titleBG.gif) no-repeat left 1px; }
#loginBox p { display: block; margin: 18px 0 0 0; padding: 0; width: 350px; color: #336600;
	text-align: left; }
#loginBox span { padding: 0 0 0 11px; color: #7b8969; font: 11px Helvetica, sans-serif;
	background: url(../../Images/global/bg.gif) no-repeat left 3px; }
#loginBox span.message { margin:0; color: #FF0000; }		
#loginBox input { color: #99cc33; font: bold 10px Helvetica, sans-serif; }
#loginBox input.submit { margin: 0; width: 60px; height: 20px; }
#loginBox .sendButton { margin: 15px 0 0 0; width: 315px; text-align: right; 
	font: 11px Helvetica, sans-serif; }
#loginBox .validatorCalloutHighlight { background-color: #e9e9cd; }	

/* ---------- Content ---------- */
#headerManager { margin: 0 auto 0 auto; padding:0 0 0 0; width: 970px; height:auto; }
#headerManager span { margin:0; padding:0; float:right; 
	font: bold 20px Helvetica, sans-serif; }

#content { margin: 5px auto 5px auto; width:970px; text-align: center; 
	font: 11px Helvetica, sans-serif;}

/* --- Menu --- */
#content .left { margin:0; padding: 10px 0 0 5px; width:210px; height:450px; 
	float:left; text-align:left; vertical-align:top; background-color: #c6cbb5; } 
a.logOut { margin-left: 10px; color:#336600; text-decoration:none; }
a.logOut:hover { color:#e9e9cd; } 

/* --- Sections --- */
#content .right { margin: 0 0 10px 5px; float:right; vertical-align:top; width: 800px; }
#content .sepbar { margin: 5px 0 10px 5px; clear: both;	width: 800px;
	background-image: url(../../Images/global/tanlines_light.gif); }

#content .sitemapMain { margin: 0 0 10px 5px; width: 800px; height: 15px; color:#7b8969; 
	text-align:left; font: 11px Helvetica, sans-serif; float:left;
	background: url(../../Images/global/bg.gif) repeat ; }
#content .sitemapMain span { padding: 0 0 0 5px; }	
#content .sitemapMain a { color:#7b8969; }
#content .sitemapMain a:hover { color:#cccc00; }
	
#sections { margin:0 10px 0 5px; padding: 0 10px 10px 5px; width:775px; color: #686763;
	font: 11px Helvetica, sans-serif; text-align:left; }
#sections h5 { margin-bottom: 5px; color:#336600; font: bold 14px Arial Narrow, sans-serif; }
#sections .space { margin-top: 20px; }
#sections .divider { margin: 20px 0 20px 0; 
	background: url(../../Images/global/sep.gif) repeat-x; }
#sections .dotLine { margin: 10px 0 10px 0; 
	background: url(../../Images/global/dotline_bg.gif) repeat-x; }
#sections span.title { margin: 0; padding: 0 5px 0 5px; font-size: 11px; font-weight:normal; }
#sections .item { margin-bottom: 5px; padding: 0; width: 775px; clear: both; }
#sections .col { margin-top: 5px; width: 250px; float: left; vertical-align:top;}
#sections .col1 { margin-top: 5px; width: 190px; float: left; vertical-align:top; }
#sections .col2 { margin: 5px 5px 0 0; width: 570px; float: right; vertical-align:top; }
#sections .col3 { margin: 5px 5px 0 0; width: 520px; float: right; vertical-align:top; }
#sections input.search { font-family: Tahoma ; font-size: 10px; color: #444;  }
#sections .progress { margin:0 0 0 10px; color: #99cc33; 
	font: bold 12px Helvetica, sans-serif; }
#sections .link { clear: both; text-align: right; width: 775px; padding: 10px 0 10px 0; }
	
	




