/* CSS Document 
.f{
font-family:Trebuchet MS, Arial;
} we can do inheritance in usage ex. <font class"f fntTitle">
*/
.body1{
background-color:#F0F8FF;  /*#CCFF99;#FFF2FD;*/
}
.body2{
background-color: #dbe4f0;/*#dbe4f0;*/
}
.body3{
background-color: #ccff99;
}
.body4{
background-color: #ffeece; 
}
.tableouter{
background-color: #dbe4f0;
}

.tableinner{
background-color:#eeeeee;
}

.fontCntStyle{
font-family:Trebuchet MS;
font-size:10pt;
color:green;
}

.fontCnt{
TEXT-INDENT:20px; 
color: #039; 
font-family:Trebuchet MS, Trebuchet MS, Arial;
font-size:12pt;
font-weight: bold;
}

.fontHome{
TEXT-INDENT:20px; 
color: black; 
font-size:12pt;
}

.fontTitle{
TEXT-INDENT: 20px; 
color: black; 
font-family:Trebuchet MS, Arial;
font-size:22pt;
}
.fontMsgBox{
color: black; 
font-family:Trebuchet MS, Arial;
font-size:16pt;
}

.fontSubHead{
color: BLACK; 
font-family:Trebuchet MS, Arial;
font-size:16pt;
}
.fontSmall{
color: BLACK; 
font-family:Trebuchet MS, Arial;
font-size:10pt;
}
.fontSubHeadRed{
color: black; 
font-family:Trebuchet MS, Arial;
font-size:16pt;
}

.fontErr{
TEXT-INDENT: 20px; 
color: #FF0000; 
font-family:Trebuchet MS, Arial;

font-size:14pt;
font-weight:normal;
}
.fontLeftIndex{
TEXT-INDENT: 16px; 
color: black; 
font-family:Trebuchet MS, Arial;
font-size:10pt;
font-weight:normal;
}
.formscroll {scrollbar-3dlight-color:gold;
         scrollbar-arrow-color:yellow;
         scrollbar-base-color:tomato;
         scrollbar-darkshadow-color:orange;
         scrollbar-face-color:teal;
         scrollbar-highlight-color:hotpink;
         scrollbar-shadow-color:magenta;
         scrollbar-track-color:plum;
		 font-family:Verdana,Trebuchet MS, Arial,Helvetica,Sans-Serif;
		 font-size:12px;
}
body {
scrollbar-base-color:#407FBF;/*#009933scroll bar color for entire site*/
 scrollbar-arrow-color:red;
font-family:Trebuchet MS, Arial;/*this font style is global to entire site NOTE:if we override in any class like p table h1 font it willnot apply*/
/*scrollbar-3dlight-color: #009966;Link{font-color:red;}
Visited {font-color:brown;}
Active {font-color:green;}
Hover {font-color:red;}*/

}/*#336699;#dbe4f0;*/
.textAreaScrollRose {scrollbar-base-color:#FFE0FD;}
/*.buttonColor {color:yellow; background:navy}*/
.buttonColor {color:yellow; background:#dbe4f0}

#buttonStyle{ 
background-color: #039;
color:white;
font-size: 12px; 
padding: 1px; 
font-family:Trebuchet MS;
font-weight: bold;
}
#maintitle {
	color: red;
}
/*
A:link { color: red }       
A:visited { color:  }   
A:active { color: lime }    
*/
.boxStyle{
 width:550px;
 height:550px; 
 border-width:3px; 
 border-style:solid;
 border-color:#dbe4f0;
 }
ul.navbar {
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em;
}
.logo img {
		float: left;
		width: 40%
}

A:link {font-size:16;text-decoration: none; color: white;}
A:visited {font-size:16;text-decoration: none; color: white;}
A:active {font-size:16;text-decoration: none;color: white;}
A:hover {font-size:20;font-weight:bold; color: #ffffff;}
.browseButton{
 font-style:veranda;
 font-size:12px; 
 font-weight:bold;
 text-transform:lowercase;
 color:white;
 background-color:#A2C382;
 height:22px;
 border-style:ridge;
 text-align:center;
}