body {  
  font-family: arial, helvetica, arial, sans-serif;
  font-size: 80%;
  color: #333333;
  background-color: #FF9933;
  margin: 20px auto 20px;  /* margin "auto" centers the webpage in browser */
  width: 940px;
}

.style1
{
            text-align: center;
            font-family: Verdana;
            font-size: 85%;
            color: maroon;
}
.style2
{
            text-align: center;
            font-family: verdana;
            font-size: 14px;
            color: #0099FF;
            font-weight:bold;
 }
 
.style3
{
            text-align: center;
            font-family: Verdana;
            font-size: 14px;
            color: maroon;
            font-weight:bold;
 }
 .style4
{
            text-align: center;
            font-family: arial;
            font-size: 15px;
            color: #0099FF;
            font-weight:bold;
 }
 .style5
{
            text-align: center;
            font-family: Verdana;
            font-size: 95%;
            color: #CC3333;
}
.style6
{
            text-align: left;
            font-family: Verdana;
            font-size: 95%;
            color: maroon;
}
.style7
{
            text-align: left;
            font-family: Verdana;
            font-size: 95%;
            color: blue;
}
.style8
{
            text-align: center;
            font-family: Verdana;
            font-size: 95%;
            color: blue;
}
.style9
{
            text-align: left;
            font-family: Verdana;
            font-size: 13px;
            color: black;
            letter-spacing: 0.10em;
}
.style10
{
            text-align: left;
            font-family: Verdana;
            font-size: 13px;
            color: black;
            letter-spacing: 0.10em;
}
.style11
{
            text-align: left;
            font-family: Verdana;
            font-size: 13px;
            color: black;
            margin-left: 1cm;
            letter-spacing: 0.07em;
}
.para
{
            margin-top: 0em;
            margin-bottom: 0em;
            
}

.para2
{
            font-family: verdana;
            font-size: 95%;
            margin-top: .6em;
            margin-bottom: .8em;
            line-height: 150%;                               
}
.para3
{
            padding-left: 2cm;    
            font-family: verdana;
            font-size: 95%;
            margin-left: 1.2cm;
            margin-top: .6em;
            margin-bottom: .8em;
            line-height: 150%;  
                                     
}
a {
  text-decoration:none;
  color: #3300FF;  /*639D5A*/
}

a:hover {
  text-decoration:none;
  background-color: yellow;  /*#EEEEEE*/
}

acronym {
  cursor: help;
  border-bottom: 1px dashed #AAAAAA;
}



img {
	
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    text-align: center;
   
   }


#layoutBox {
  float: left;
  border: 1px solid #639D5A;
  background-color: #FFFFFF;
  padding: 10px; 
  width: auto; 
}

#headerBox {
  height: 100px;
  width:inherit;
  border: 1px solid #639D5A;
  float:none;
  background: orange url(../image/background.jpg) repeat-x bottom;
}


#headerLeftBox {
  float: left;
  width: 40%;
  height:4em;
  background: url(../image/hdr_left.jpg) no-repeat bottom left;
  text-align: right;
}

#headerRightBox {
  float: right;
  width: 40%;
  height: 4em;
  background: url(../image/hdr_right.jpg) no-repeat bottom right;
}


 
.title {
  font-family: times new roman, helvetica, arial, sans-serif;
  font-size: 280%;
  font-weight: bold;
  font-style: italic;
  color: #FFFFFF;
  line-height: 0.9em;
}

.subTitle {
  font-size: 90%;
  color: #639D5A;
}

#menuBox {
  float: left;
  width: 14.3em; /* width of Menu box */
  margin: 10px 0 0 0;
  border-right: 1px solid #639D5A;  
  text-align: left;
}

#menuBox p {
  margin: 10px 0 20px 2px;
}

#menuBox br {
  margin-top: 5px;
}

#mainContent {
  margin: 10px 0 0 15.3em;             
  border-left: 1px solid #639D5A;
}
/* 15em is the spacing between menu and MainContent */

#mainContent br {
  margin-top: 3px; /* space between paragraph line when "<br>" is used. */
}

#mainContent p {
  margin-top: 3px;              /* space between H2 and the line below */
  padding: 0px 5px 2px 10px;    /* 0px 5px 2px 11px; */
  line-height: 150%;            /* space between paragraph lines */
}

.spacer {
  height: 1px;
  clear: both; 
}

.noDisplay {
  display: none;
}

#mainContent h1, #menuBox h1, .menuFooter, .footer {
  font-family: verdana, times new roman, helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #639D5A;
  background: #F2FAEE no-repeat bottom right;
  border-top: 1px solid #639D5A;
  border-bottom: 1px solid #639D5A;  
  display: block; 
  padding: 2px 2px 2px 5px;  /* 5px is padding on the left side */
  margin: 0 0 10px 0;
  /*url(../images/hdr_icon.gif)*/
}

#mainContent h1, .footer {
  border-right: 1px solid #639D5A;
} 

.menuFooter, .footer {
  margin-bottom: 0px;
}

#menuBox h1, .menuFooter {
  border-left: 1px solid #639D5A;
}

#mainContent h2, #menuBox h2 {
  font-size: 95%;
  font-weight:bold;
  background-color: #EEEEEE;
  display: block;
  padding: 0px 0px 0px 5px;
  margin-bottom: 0px;       /* background is light-gray color */
}

#mainContent h3, #menuBox h3 {
  font-size: 100%;
  font-weight:bold;
  background-color: #BEDFFF;
  display: block;
  padding: 0px 0px 0px 5px;
  margin-bottom: 0px;
  margin-left: 5px;  /* background is light-blue color */
}


#mainContent h2 {
  margin-left: 5px;
}

#mainContent h1, #mainContent h2, .footer {
  clear: right;
}

.footer {
  font-family: arial, helvetica, arial, sans-serif;
  font-size: 80%;
  font-weight: normal;
  border-right: 1px solid #639D5A;
  border-left: 0px;
}

.footer a:hover {
  background-color: #D6E1F1
}

.footer br {
  margin: -20px;
}

.newsGroup {
  padding: 0px 5px 0px 5px;
  margin-bottom: 10px;
}

.menuGroup {
  padding: 5px 0 5px 0;
  margin-bottom: 30px;
}

.menuGroup a {
  color: #333333;
  text-indent: 3em;
  text-decoration: none;
  margin-bottom: 2px;
  display: block;  
}

.menuGroup a:hover {
  color: #FFFFFF;
  background-color: #639D5A;
}

/* Second Menu code */

 ul#navlist
{
width: 168px;
width: 180px;
width: 168px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
font: 12px verdana,helvetica,arial,sans-serif;
background: #808080;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}

ul#navlist li a
{
display: block;
width: 137px;
width: 180px;
width: 137px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 15px solid #aaaabb;
background: #006600;
text-decoration: none;
text-align: left;
}

ul#navlist li a:link { color: #ffffff; }
div#navcontainer li a:visited { color: #ffffff; }

ul#navlist li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #336633;
}

#squarelist li  
{
    list-style-type: square; 
    margin-left: 0;
    margin-bottom: .5em;
}

#mainContent h4 
{
  font-size: 100%;
  font-weight:bold;
  background-color: #ffff99;
  display: block;
  padding: 0px 0px 0px 5px;
  margin-bottom: 0px;
  margin-left: 5px;  /* background is light-blue color */
}