html,body{margin:0;padding:0}

body{font: 85%/1.3 TrebuchetMS,Arial,sans-serif;
    text-align: left;background: #fff;padding-bottom:20px}

a { color: #0066B3; background: inherit; text-decoration: none;}
h1 { font: bold 1.3em Arial, Arial, Sans-Serif; color: #036DA7 }
h2 { font: bold 1.1em Arial, Arial, Sans-Serif; padding: 0; width: 681px;
	margin-left: 0px;
}
h3 { font: bold 2.1em Arial, Arial, Sans-Serif; color: #E8FFE7 }
div#header{width:100%;height:100%; overflow:hidden;background: #BBD9EE; }
div#header h3,div#menu{width:870px;margin:0 auto;text-align:left}
div#header h3{padding: 15px 0 20px 0px;color:Olive}
div#header img{float :left;padding : 5px 20px 0px 40px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;}
ul#nav a:hover{background: #fff;color: #000}





#right
{
	float: left;
	width: 73%;
	padding: 1em;
	margin-bottom: 1.2em;
	background: #FFFFCC;
	text-align: justify;
}

#left {
	float: right;
	width: 22%;
	margin: 0 0 10px 0;
	
}

#left .box
{
	padding: 1em;
	margin: 0 0 1em 0;
	background: #CCFF99;
}


#content {
font: 95%/1.3 TrebuchetMS,Arial,sans-serif;
	margin: 0 auto;
    padding: 15px;
	background: #fff;
	
	
}

ul {  padding: 0; margin: 0;}


.li { list-style-type:disc;     
         padding : 3px 0 3px 0;
         list-style-position :inside;
          line-height : 25px;
       }

   
   
#activeli{ list-style-type :disc;     
     padding : 3px 0 3px 0;
     list-style-position :inside;
     color :Black;
}
     
	

#id
{
	background-image:none;
	position:absolute;
}


	
#footer{
clear :both;
width:97%;
height:28px;
color: #508aa1;
margin : 20px 20px 20px 20px ;
border-top:1px #CCFF99 dotted;
}
.copyright{
float:left;
padding-left:15px;
padding-top:3px;
}
.footer_links{
float:right; 
padding-right:15px;
padding-top:3px;
}
	
div.scroll {
height: 390px;
width: 96%;
overflow: auto;
border: 1px solid #424C54;
background: #FFFFCC;
padding:15px 15px 15px 15px;
}

div.scrollGrid {
height: 150px;
width: 94.5%;
overflow: auto;
background: #FFFFCC;
padding:15px 15px 15px 15px;
font-family:Calibri; 
font-size:small;
border: 6px solid #CCFF99;   
}

.validatorCalloutHighlight
{
    background-color: #CFFEFE;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
