/** BASIC */

body, html {
	height:100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodyBG 
{
	background: #F2BE05 url(Template/PageBG.gif) center top;
}

a {
	font-weight: bold;
	color: #4773C1;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #73C5E5;
}

h2 {
	font-size: 18px;
}

img 
{
	border: none;
}

table tbody tr td {font-size: 12px;}

/*.img1 {
	float: left;
	margin: 4px 15px 0px 0px;
	border: 5px solid #ABDCEF;
}
.text1 {
	font-size: 14px;
}*/

/** HEADER */

#OuterContainer 
{
	width: 1200px; 
	margin: 0px auto;
	padding: 0px; 
	text-align: center;	
	clear: both;
	
}

#roofContainer {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	background-image:url(Template/TopBG_rpt.jpg);
	background-repeat:repeat-x;
	text-align: center;
}

#roofContainer TD {
	vertical-align: top;
}


/*#headerContainer {
	width: 762px;
	margin: 0px auto;
	padding: 0px;
}

#headerContainer TD {
	vertical-align: top;
}*/

.PageHeader 
{
	border: none;
	margin: 20px 0px 10px -10px;
	display: block;
}

.FlashArea 
{
	width: 755px;
	padding: 0px;
	margin: 0px; 
}

/** CONTENT */

#content {
	width: 1039px;
	margin: 0px auto;
	padding: 0px 0px 0px 1px;	
	/*height: 100%;
	min-height: 100%;
	height:auto !important;*/
	color: #333333;
	background-image:url(Template/MainBG.gif);
	background-repeat:repeat-y;
	
	text-align: center;
}

#outerDiv {
	width: 1039px;
	margin: 0px auto;
	padding: 0px 0px 0px 1px;	
	height: 100%;
	min-height: 100%;
	height:auto !important;
	color: #333333;
	text-align: center;
}



#mainBody {
	padding: 0px 0px 0px 2px;
	vertical-align: top;
	text-align: left;
	
}

#mainLeft {
	padding-right: 5px; 
	padding-left: 20px; 
	float: left; 
	padding-bottom: 20px; 
	width: 560px;
	padding-top: 0px; 
	text-align: left;
	background-color: White;
	vertical-align:top;
}

#mainLeft h1 {
	color:#006633;
	font-size: 18px;
	padding: 7px 7px 7px 0px;
	letter-spacing: .2em;
}

#mainLeft h2, h3
{
	text-transform: uppercase;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

.bodyDiv 
{
	padding-right: 5px; 
	padding-left: 20px; 
	float: left; 
	padding-bottom: 5px; 
	width: 560px;
	padding-top: 0px; 
	text-align: left;
	background-color: White;
}

#mainRight {
	padding-right: 10px; 
	padding-left: 20px; 
	float: left; 
	padding-bottom: 10px; 
	 
	padding-top: 30px;	
	background-color: White;
	vertical-align:top;
	
	text-align: center;	
}


/** FOOTER */

#footer {
	position: relative;
	background: url(Template/ftr.gif) no-repeat center top;
	bottom: 0;
	clear: both;
	width: 100%;
	height: 69px;
	margin: 0px auto;
	color: white;
	left: -1px;

}

#footer p {
	margin: 0px;
	padding: 40px 10px 10px 10px;
	color: #ffffff;
	text-align: center;
}

/*#veryTop {
	background: #2A497F url(TemplateImages/TOP.gif) no-repeat center bottom;
	padding-top: 10px;
	width: 100%;
	clear: both;
	margin: 0px auto;
	height: 3px;
	
}*/

hr {
	border-top: 3px dotted #eaeaea;
	border-bottom:none;
	border-left: none;
	border-right: none;
}
/*#underFooter {
	height: auto;
	min-height: 100%;
	margin: auto;
	height: 100%;
	background-color: #2A497F;
	border-top: 1px solid #000000;
}
#underNav {
	background: url(TemplateImages/UnderNav_rpt.gif) repeat-x left top;
	width: 618px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding-right: 17px;
	padding-top: 15px;
	padding-bottom: 5px;
}

#Sidebar {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 180px;
	border: 1px solid #D2DFF6;
	background-color: #F3F7FD;
	color: #333333;
}

#Sidebar UL {

	margin-top: 10px;
}

#Sidebar LI {
	font-size: 10px;
	list-style-image:url(TemplateImages/LI_Sidebar.gif);
	margin-bottom: 5px;
}



.SidebarHDR {
	padding: 10px 0px 10px 10px;
	color: white;
	text-transform:uppercase;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 5px;
	width: 170px;
	background-color: #2A497F;
}*/

#NavTable {
	border: none;
	padding: 0px;
	width: 1039px;

}
#NavTable TD {
	padding: 0px;
	border-collapse: collapse;
}

/*#NavTable IMG {
	border: none;
}*/

.clearBoth {
	clear: both;
}

/*.floatBox220px {
	width: 220px; 
	border: none; 
	padding: 10px; 
	color: black; 
	float: left;
}
.EmployeesContainer {
	width: 530px;
	clear: left;
}

.EmployeesContainer P {
	border: 1px solid #999999;
	padding: 8px;
	margin: 10px 0px 10px 0px;
	height: 100%;
	min-height: 100%;
	height:auto !important;	
	border: 1px solid #D2DFF6;
	background-color: #F3F7FD;
	color: #333333;
	display: block;
	
}*/

/*.EmployeesContainer P IMG {
	padding: 5px;
	border: 1px solid  #eaeaea;
	margin: 0px 8px 8px 0px;
	background-color: #ffffff;
	display: block;
	position: relative;
}


.EmployeesContainer P IMG {
	padding: 5px;
	border: 1px solid  #eaeaea;
	margin: 0px 8px 8px 0px;
	background-color: #ffffff;
	display: block;
	float: left;
	height: auto;
}*/

.RedMsg 
{
	color: White;
	font-weight: bold;
	padding: 5px;
	background-color: red;
	display: block;
}

.GreyMsg
{
	color: #333333;
	font-weight: bold;
	padding: 5px;
	background-color: #eaeaea;
	display: block;
}

.BlackMsg
{
	color: #333333;
	font-weight: bold;
	padding: 5px;
	background-color: #eaeaea;
	display: block;
}

.tblForm {
	width: 560px;
	/*margin-left: 20px;*/
	margin: 20px 0px;
	clear:left;
}

.tblForm td {

	vertical-align: top;
	padding: 4px 4px 4px 0px;
	
}

.tblForm td:labelheader 
{
	font-weight: bold;
	color: Red;
}

.tblForm td input[type=text] 
{
	width: 200px;
}

.tblForm td select 
{
	width: 205px;
}

.tblForm td input[type=file]
{
	width: 289px;
}

.tblForm td input[type=submit], input[type=reset], input[type=button]
{
	background-color: #333333;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 10px;
	color: White;
	border: 1px solid #999999;
	padding: 2px 10px;
	margin-right: 10px;
	text-transform: uppercase;
}

.tblForm td input[readonly]
{
	background-color: #eaeaea;
	color: #666666;
}
.readonly 
{
	background-color: #eaeaea;
	color: #666666;
}

.tblForm td textarea
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

#formBox 
{
	padding: 10px; 
	border: 1px solid #333333;
	background-color: #f9f9f9;
	margin: 10px 0px;
}

#formBox h2
{
	background-color: #333333;
	color: #ffffff; 
	font-weight: bold; 
	font-size: 16px; 
	text-transform:uppercase;
	padding: 5px; 
	margin: -10px -10px 0px -10px;
}

.paddedContainer 
{
	padding: 0px 20px 0px 20px;
	text-align: left;	
}

.ThreeColTable {
	width: 560px;
	font-size: 10px;
	color: #333333;
	}
.ThreeColTable TR TD {
	vertical-align: top;
	width: 30%;
	padding: 5px 15px 5px 0px;
}
.ThreeColTable TR TD P {
	background-color: #f9f9f9;
	padding: 5px;
	border: 1px solid #999999;
	font-size: 10px;	
}

.ThreeColTable TR TD P STRONG {
	color: red;
	font-weight: bold;
}

.boldRed 
{
	font-weight: bold;
	color: red;
}

.textSize10
{
	font-size: 10px;
}

.textSize12
{
	font-size: 12px;	
}


.textSize14
{
	font-size: 14px;	
}


.textSize16
{
	font-size: 16px;
}

.textSize18
{
	font-size: 18px;	
}

.textSize20
{
	font-size: 20px;	
}
.width500px 
{
	width: 500px;
}

.width560px 
{
	width: 560px;
}

.width600px 
{
	width: 600px;
}

.width800px 
{
	width: 800px;
}
.width100percent 
{
	width: 100%
}
.width90percent 
{
	width: 90%
}
.width50percent
{
	width: 50%
}
.width33percent
{
	width: 33%
}

.button 
{
	background-color: #333333;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 10px;
	color: White;
	border: 1px solid #999999;
	padding: 2px 5px;
}

.alignRight
{
	float: right;
}

#NoFlashMsg 
{
	display: none; 
	background-color: #333333; 
	text-transform:uppercase; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-size: 9px;
	padding: 3px 10px; 
	text-align:center; 
	border-top: 1px solid #eaeaea; 
	border-bottom: 1px solid #eaeaea;
	margin-top: 10px;
}
#NoFlashMsg A 
{
	color: Yellow; 
	font-weight: bold;
	text-decoration:none;
}
#NoFlashMsg A:hover 
{
	text-decoration:underline;
}

/*.menuContainer {
	padding: 0px; 
	margin: 0px; 
	width: 200px; 
	border: none;
}*/

.gridResults {
	border: none;
	color: Black;
	font-size: 10px;
	clear:left;	
}

.gridResults TD {
	vertical-align: top;
	font-size: 10px;
	padding: 2px;
}

.gridRow {
	background-color: White;
	font-size: 10px;
}

.gridAltRow {
	background-color: #eaeaea;
	font-size: 10px;	
}

.gridHeaderStyle {
	background-color: #333333;
	color: White;
	font-weight: bold;
}

.gridResults TH {
	background-color: #333333;
	color: White;
	font-weight: bold;
	padding: 3px;
}

.AddressAlert 
{
	background-image: url("/images/YellowWarningMark.gif");
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #ffffcc;
	padding: 5px 5px 5px 45px;
	color: #000000;
	font-weight: bold;
	min-height: 30px;
}