﻿body {

	background-color: #727272;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal 

}

a:link { text-decoration:none; }
a:hover { text-decoration:underline; }

/*
div#container {

    position: relative; 
    margin:auto;
    width: 940px;
    text-align:left;
    padding: 0px 0px 0px 0px; 
    vertical-align: top; 
    background-color: #FFFFFF;
    font-size:12px;
    color:#000000;
    border: solid 1px #666666;
    height: 100%;
 
   
}*/

div#container {

   /* position: relative; */
    margin:auto;
    width: 940px;
    text-align:left;
    padding: 0px 0px 0px 0px; 
    vertical-align: top; 
    background-color: #FFFFFF;
    font-size:12px;
    color:#000000;
    border: solid 1px #666666;
    height: 100%;
    background: url(../../images/ASTEPBG.jpg) top left repeat-y;
  
 
   
} 

div#header {
    /*position: relative;*/
    width: 940px; 
    height:146px;
    padding: 0px 0px 0px 0px;
   /* border-bottom: solid 1px #84AFC4;
    background: #FFFFFF url('../../images/ASTEPLogo.gif') no-repeat; */
    top: 0px;
    left: 0px;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    background-color: #cf6301;
}

div#leftbar {
 
    position:relative; 
    float:left;
    width:200px;
    height:100%;
    padding:0px 0px 0px 0px;
    margin-top:0px;
    vertical-align:top;
    background-color: #dee4eb;
    border-right: solid 1px #999999;
    text-align: center;
    min-height: 500px;
}

div#middlearea {
    height:100%;
    min-height:500px;
}


div#content {
  /*  position:relative; */
  
    float:right;
    width:739px;
   
    height:100%;
    background-color:#FFFFFF;
    padding: 0px 0px 0px 0px;
    min-height: 500px;
    
}

div#contentbody {
    width: 719px;
    padding: 10px 10px 10px 10px;
    background-color: #FFFFFF;
}


div#footer {
    clear:both; 
    /*position: relative; */
    padding: 8px 0px 8px 0px;
    margin-left:auto;
    margin-right:auto;
    background-color: #E49523; 
    text-align:center;
    border-top: solid 1px #999999;
    width: 100%;
    z-index: -1;
}

table.menuItems A { text-align:left; DISPLAY: block;  WIDTH: 170px;} 
div.menuItems { padding-left: 4px; }
div.menuItems A { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 1px; COLOR: #ffffff; LINE-HEIGHT: 16px; PADDING-TOP: 1px; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none } 
div.menuItems A:link { FONT-SIZE: 10px; COLOR: #8D3002; FONT-FAMILY: Arial, Verdana} 
div.menuItems A:active { FONT-SIZE: 10px; COLOR: #8D3002; FONT-FAMILY: Arial, Verdana} 
div.menuItems A:visited { FONT-SIZE: 10px; COLOR: #8D3002; FONT-FAMILY: Arial, Verdana} 
div.menuItems A:hover { FONT-SIZE: 10px; BACKGROUND: #FFFFFF; COLOR: #8D3002; FONT-FAMILY: Arial, Verdana} 

.logintext { font-size: 10px; color: #000000; font-family: Arial, Verdana; text-decoration:bold;}
.pagetitles{ FONT-FAMILY: Arial, Verdana; color:#CC6600; font-weight:bold; font-size:16px; }

.validatorCalloutHighlight
{
	background-color: Orange;
}

.modalpopupbackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
    z-index: 101;
}

.ModalPopupPanel
{
	border: thin solid gray;
	padding: 10px;
	background-color: white;
	z-index: 101;
}

.RequiredField { color:#990000; }

.HighlightBox { background-color:#DEE4EB; padding:5px; }

.TableStyle td
{
    border: 1px solid #cccccc;
    padding: 10px;
    text-align: left;
}
