/* CSS Document */

Body 
{ margin: 0;
  padding: 0;
  text-align:center;
  background: #ffffff;
  color: #333333;
  font-family:Arial, Helvetica, sans-serif; font-size:12px; 
}

#container 
{
 text-align:left;
 margin:0 auto; /*Center container on page*/
 width: 100%;
 color:#FFFFFF;
 }
#Bcontainer 
{
 text-align:left;
 margin:0 auto; /*Center container on page*/
 color:#FFFFFF;
 }
 
#content
{ margin: 0px;
  padding: 0px;
  margin-left: 0px
/*
 float:left;  - for web page to be left aligh leave this part and take out  margin:0 auto;
*/
  /*margin:0 auto; Center container on page*/
  width:820px;
  background-color:#ffffff;
}

H1
 { margin:0px;
   padding: 5px 0 0 10px;
   color:#FFFFFF;
   font-size: 130%; 
   font-weight:bold;
}

H2 { font-size:12px;
     margin-top:0px; 
	 padding-top:0px;}

H3 { font-size:12px; 
     margin:0px 20px 5px 0px;
	 padding-top:0px;}

P{ margin:0px 20px 10px 0px; 
   padding:0px;}
   

   
A:link,
A:visited 

{ text-decoration:none; 
  color:#3366CC;
}
A:hover,
A:visited:hover 
{ text-decoration:underline;
  color:#3366CC;

}

#Header
{ border-top: 0px solid #B7C8F6;
  border-bottom: 0px solid #fff;
  width: 100%;
  height: 93px;
  background-image:url(../images/bg.gif); background-repeat:repeat-x;
 }
 #BHeader
{ border-top: 0px solid #B7C8F6;
  border-bottom: 0px solid #fff;
  height: 93px;
  background-image:url(../images/bg.gif); background-repeat:repeat-x;
 }
 
 #Logocontainer
{
 width:820px;
 margin: 0 auto;
 }
 
 #BLogocontainer
{
 margin: 0 auto;
 }
 
  #toplinks
{
 width:180px;
 float:right;
 font-size: 11px;
 padding-top: 10px;
 }
 
  #Btoplinks
{
 float:right;
 font-size: 11px;
 padding-top: 10px;
 }
 
 #toplinks a:link
  
{ color:#fff; text-decoration:none;}

  #toplinks a:hover,
  #toplinks a:visited:hover
  
{ color:#fff; text-decoration: underline; }

  #toplinks a:visited
  
{ color:#fff; text-decoration:none; }

 #Logo
{
  height: 90px; width:596px;
  margin-left: 20px;
  margin-top:2px;
 

 }
  #BLogo
{
  height: 90px; 
  margin-left: 20px;
  margin-top:2px;
 }
#bgnav
{	
	  width: 100%;
	  padding: 0;
	  background-image:url(../images/bgnav.gif);
	  border-top: 1px solid #9A9A9A;
	  border-bottom: 1px solid #9A9A9A;
	  background-color:#EEEEEE;
	  height:25px;
 }

 
DIV.headbg

{ width:820px;
  background-image:url(../images/bgh1.gif); background-repeat:repeat-y;
  background-color:#7C91AE;
  height:26px;
  margin-bottom:5px;
  margin-top:4px;
}


DIV.imagebanner 

{
  background-color:#333333;
  width:820px;
  margin: 0 10px 5px 0;
  height:187px;
  color:White;
}
  
DIV.imagebanner img
{  
  float:left;
  margin-right:20px;
 }
 
DIV.imagebanner p

{ margin:0px;
  padding: 20px 25px 20px 20px;
  font-size: 12px;

}

DIV.imagebanner a:link
  
{ color:#FF6600; text-decoration:none; padding: 0em 0em;}

DIV.imagebanner a:hover,
DIV.imagebanner a:visited:hover
  
{ color:#FF6600; text-decoration: underline; }

DIV.imagebanner  a:visited
  
{ color:#FF6600; text-decoration:none; }

#col1
  
{ clear:both;
  padding:0px;
  float:left; 
  width:270px; 
  margin-left:0px; 
  margin-right:2px;
  height:265px;}

#col2
 
{  
   float:left; 
   width:310px; 
   margin-right:0px;
   background-color:#FFFFFF;
 }

#col3

{   float:left;
    width:205px;   
}

DIV.arealeft
  
{ margin-top:0px; 
  padding-top:0px;
  width:270px;
  height:125px;
  background-color:#666666; 
  margin-bottom: 15px;
  color:white;
}
  
DIV.arealeft h2
  
{ padding-top:1px; 
  margin-top:0px;
  color:#FF6600; 
  font-size:12px;
  letter-spacing:1px;
  padding-left: 10px;
  background-color:#333333; 
  height:19px; 
  border-bottom:1px solid #FFFFFF;
  }
  
DIV.arealeft img
  
{ float:left; 
  border: 1px solid #FFFFFF; 
  margin: 0 1em 1em 1em; }
  
DIV.arealeft p
  
{ font-size:12px;}

DIV.arealeft  a:link
  
{  
color:#FF6600; 
font-weight:bold;
text-decoration:none;  }

DIV.arealeft  a:hover
  
{ color:#FF6600; text-decoration: underline; }


DIV.arealeft  a:visited
  
{  
color:#FF6600; 
font-weight:bold;
text-decoration:none;  }




DIV.arealeft  a:visited:hover
  
{ color:#FF6600; text-decoration: underline; }


DIV.areacenter
  
{ margin-top:0px; 
  padding-top:0px;
  width:310px;
}

DIV.areacenter h2
  
{ 
  margin:0px 1px 1px 0px;
  padding:2px 0px 0px 1px;
  font-size:12px;
  height:19px; 
  width:310px;
  background-color:#557196; 
  color:White;
  font-weight:bold;


}
  
DIV.areacenter h3
  
{ padding:0px;
  color:#557196;
  font-size:12px;
}

DIV.areacenter p
  
{ color:#333333;   font-size:12px;

}

DIV.areacenter  a:link
  
{  
color:#3366CC; 
font-weight:bold;
text-decoration:none;  }

DIV.areacenter  a:hover
  
{ color:#3366CC; text-decoration: underline; }


DIV.areacenter  a:visited
  
{  
color:#3366CC; 
font-weight:bold;
text-decoration:none;  }




DIV.areacenter  a:visited:hover
  
{ color:#3366CC; text-decoration: none; }



DIV.arearight
  
{  background-color:#8E9FB9; height:150px;  margin-bottom: 15px;
   font-size: 12px;
}

DIV.arearight h2
  
{ /*padding:0px; */
  padding: 0px 0px 0px 15px;
  padding-top:1px; 
  margin-top:0px;
  padding-left:2px;
  margin:0px;
  color:#FF6600;
 font-weight:bold;
  font-size:12px;
  /*letter-spacing:0px;*/
  padding-left: 8px;
  background-color:#333333; 
  height:19px; 
  border-bottom:1px solid #FFFFFF;
  }
  
DIV.arearight h2 a:link
  
{  color:#FF6600; text-decoration:none;  }

DIV.arearight h2 a:hover
  
{ color:#FF6600; text-decoration: underline; }

DIV.arearight h2 a:visited
  
{ color:#FF6600; text-decoration:none; }

DIV.arearight h2 a:visited:hover
  
{ color:#FF6600; text-decoration: underline; }


DIV.arearight p
  
{ color:#333333;
  padding:0px;
  margin:10px;
  clear:both;
 }
 


/* small links inside the box 

DIV.arearight smlinks a:link
  
{  color:#ffffff; text-decoration:none;  }

DIV.arearight smlinks  a:hover
  
{ text-decoration: underline; }

*/


Div.footer
{ clear:both;
  width:820px; 
  background-color: #DEDDDD;
  height:15px; font-size:11px;
  margin-top:5px; }

Div.footer p
{ padding-left: 5px;}

Div.footer a:link
  
{ color:#999999; text-decoration:none;}

Div.footer a:hover,
Div.footer a:visited:hover
  
{ color:#999999; text-decoration: underline; }

Div.footer a:visited
  
{ color:#999999; text-decoration:none; }


  
  









