html {

	height: 100%;

}

body {

	height: 100%;

	background: #EFEFEF url(images/bkg-b.jpg) repeat-x;

	color: #333333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	line-height: 1.166;	

	margin: 0px;

	padding: 0px;

}



.p2 {

	font-family: Arial, Helvetica, sans-serif;

	margin-left: 245px;

	margin-top:0;

	margin-bottom: 50px;

	font-size: 125%;

	line-height: 1.166;	

	font-weight: bold;

	text-align: center;

	color: #254B8A;

	background-color: inherit;



} 



.blue { 

    color: #698CC2;

	font-weight: bold;

	background-color: inherit;

}



.blue2 { 

    color: #698CC2;

	font-weight: bold;

	font-style: italic;

	background-color: inherit;

}

.blue3 { 

    color: #698CC2;

	font-family: Arial, Helvetica, sans-serif;

	margin-left: 245px;

	margin-top:0;

	margin-bottom: 5px;

	font-size: 125%;

	line-height: 1.166;	

	font-weight: bold;

	text-align: center;

	background-color: inherit;

	font-style: italic;

}

.blue4 { 

    color: #698CC2;
	background-color: inherit;
	margin-left: 245px;
	margin-top:0;
	margin-bottom: 5px;
	font-size: 120%;
	line-height: 1.166;	
	text-align: center;
    font-weight: bold;
}

.red2 { 

    color: #c00000;

	font-weight: bold;

	font-style: italic;

	background-color: inherit;
	margin-left: 245px;

	margin-top:0;

	margin-bottom: 5px;
	font-size: 123%;

	line-height: 1.166;	


	text-align: center;

}

.right { 

    color: #000000;
	background-color: inherit;
	margin-left: 245px;
	margin-top:0;
	margin-bottom: 5px;
	font-size: 120%;
	line-height: 1.166;	
	text-align: center;
    font-weight: normal;

}

.blue4 { 

    color: #698CC2;
	background-color: inherit;
	margin-left: 300px;
	margin-top:0;
	margin-bottom: 5px;
	font-size: 100%;
	line-height: 1.166;
    font-weight: bold;	
	text-align: left;
}

.black { 

    color: #000000;
	background-color: inherit;
}


h1 {

	margin: 0;

	clear: both;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding: 0;

	font-size: 115%;

	letter-spacing: 0.1em;

	color: #587CB7;

	background-color: inherit;

	

} 



h2 {

	margin: 0;

	clear: both;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	color: #254B8A;

	background-color: inherit;

	font-weight: bold;

	padding: 0px 10px 0px 0px;

	font-size: 110%;

			

}



h3 {

	margin: 0;

	clear: both;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 130%;

	letter-spacing: 0.2em;

	color: #254B8A;

	background-color: inherit;

} 



ul { 

    margin-left: 50px; 

	list-style-type: square;

	margin-top:0;

}



/***********************************************/

/* Page Layout Divs                            */

/***********************************************/

#wrapper{

	margin:0px auto;

    position: relative;

	width:777px;

	padding: 0px;

		

}



#masthead{

	margin:0px auto;

	width: 777px;

	padding: 0px;

	height: 264px;

    background:  transparent url(images/bkg-mh-b.jpg) no-repeat;

	color: #333;

}



#masthead .logo {

	float: left;

	margin: 30px 0px 0 0px;

}



#masthead .img {

	float: right;

	margin: 0px;

}



#masthead h1 {

	margin: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding-left: 225px;

	padding-top: 100px;

	font-size: 130%;

	letter-spacing: 0.1em;

	color: #333333;

	background-color: inherit;

	text-align: center;

	

} 



/* This is the Flash Slide Show */

#hpphoto {

	position: absolute;

	right: 200px;

	top: 174px;

	width:241px;

	height:274px;

	z-index:1;

	left: 50px;

	margin-right: 10px;

	margin-bottom: 20px;

	background: url(images/hp-photo2.jpg) no-repeat;

}



/*---  Main Page Content Areas---*/

#contentwrapper {

    margin:0px auto;

	width: 777px;

	padding: 0px;

}

#content {

    width: 711px;

    display: block;

	margin-left: auto; 

	margin-right: auto; 

    padding: 0;

	background: transparent url(images/bkg-main.jpg) no-repeat;

	min-height: 275px;

	  

}



#content p{

    padding: 0px 20px 0px 20px;

	margin-top:0px;

	    

}



#content h2{

    padding-left: 5px;

	padding-top: 5px;

	padding-right: 10px;

	font-size: 130%;

	color: #333333;

	background-color: inherit;

	    

}



/*---  2st MAIN PAGE CONTENT AREA---*/

#contentwrapper2{

   clear: both;

   margin: 0;

   padding: 0;

      

}



#content2 {

    width: 650px;

	display: block;

	margin-left: auto; 

	margin-right: auto; 

	padding: 0;

    background: transparent url(images/bkg-hpbox-b.jpg) no-repeat;

	height: 178px;

	min-height: 300px;

	    

}

#content2 h2{

    padding: 12px 10px 12px 10px;

	font-size: 130%;

	color: #EFEFEF;

	background-color: inherit;

	    

}

#content2 p{

    padding-left: 30px;

	padding-right: 30px;

	margin-top:0px;

	    

}



/*---  Inner Pages ---*/

#masthead2{

	margin:0px auto;

	width: 777px;

	padding: 0px;

	height: 264px;

    background:  transparent url(images/bkg-mh-b.jpg) no-repeat;

	color: #333;
    position: relative;

}



#masthead2 .logo {

	float: left;

	margin: 30px 0px 0 0px;

}



#masthead2 .img {

	float: right;

	margin: 0px;

}



#masthead2 h1 {

	margin: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding-left: 60px;

	padding-top: 80px;

	font-size: 130%;

	letter-spacing: 0.1em;

	color: #254B8A;

	background-color: inherit;

	

} 


#newsletter {
clear: both;
position: absolute;
top: 190px;
left: 585px;
color: #000000;
font-weight: bold;
padding: 0px;
margin: 0px;
}




#contentwrapper3{

   clear: both;

   margin: 0;

   padding: 0;

      

}



#content3 {

    width: 711px;

    display: block;

	margin-left: auto; 

	margin-right: auto; 

	margin-top:0;

    padding: 0;

	background: transparent url(images/bkg-main.jpg) no-repeat;

	min-height: 350px;

	  

}



#content3 h2{

    padding: 12px 10px 12px 10px;

	font-size: 130%;

	color: #254B8A;

	background-color: inherit;

	    

}

#content3 p{

    padding-left: 30px;

	padding-right: 30px;

	margin-top:0px;

	    

}







/*----- Menu Tabs ------------- */

#topnav{

    clear:both;

	margin:0px auto;

	width: 777px;

	padding: 0px;

	color: #333;

	background-color: inherit;

}





/* Menu Navigation */



   .nav {

     clear:both;

     width: 630px;

	 margin:0px;

	 position:absolute;

     left:130px;

     top:120px;

     z-index:1;

	 font-weight: bold;

  

}

     .nav ul {

      margin:0;

      padding:12px 20px 0 10px;

      list-style:none;

      }

    .nav li {

      display:inline;

      margin:0;

      padding:0;

      }

    .nav a {

      float:left;

      background:url("images/tableftI3.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 5px;

      text-decoration:none;

      }

    .nav a span {

      float:left;

      display:block;

      background: transparent url("images/tabrightI3.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

      color:#FFF;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    .nav a span {float:none;}

    /* End IE5-Mac hack */

   .nav a:hover span {

      color:#FFF;

	 }

    .nav a:hover {

      background-position:0% -42px;

	 }

   .nav a:hover span {

      background-position:100% -42px;

      }



    .nav #current a {

       background-position:0% -42px;

      }

   .nav #current a span {

       background-position:100% -42px;

        }



/************** Footer Styles ****************/

#footer{

	clear: both;

	padding: 22px 0px 0 0 ;

	margin: 0px;

	background: #333 url(images/bkg-footer-2.jpg) repeat-x;

	width: auto;

	height: 51px;

	color: #EFEFEF;

	text-align: center;

}



a.other:link    {font-weight: normal; color:#254B8A; background-color: inherit; text-decoration:underline;}

a.other:visited {font-weight: normal; color:#254B8A; background-color: inherit; text-decoration:underline;}

a.other:active  {font-weight: normal; color:#254B8A; background-color: inherit; text-decoration:underline;}

a.other:hover   {font-weight: normal; color:#254B8A; background-color: #BBC8D9; text-decoration:none;}

/**********************************************
Win links
**********************************************/

a.win:link    {font-weight: normal; color:#274D8B; background-color: #EDEDED; padding-right: 8px; padding-left: 8px; text-decoration:none;}

a.win:visited {font-weight: normal; color:#EFEFEF; background-color: transparent; text-decoration:none;}

a.win:active  {font-weight: normal; color:#FFFFFF; background-color: transparent; text-decoration:none;}

a.win:hover   {font-weight: normal; color:#000000; text-decoration:none;}

/**************************************/

a.topanchor:link    {font-weight: normal; color:#EDF6F1; background-color: inherit; text-decoration:underline;}

a.topanchor:visited {font-weight: normal; color:#EDF6F1; background-color: inherit; text-decoration:underline;}

a.topanchor:active  {font-weight: normal; color:#EDF6F1; background-color: inherit; text-decoration:underline;}

a.topanchor:hover   {font-weight: normal; color:#CCCCCC; background-color: #EDF6F1; text-decoration:none;}



a.pd:link    {font-weight: normal; color:#EDF6F1; background-color: inherit; text-decoration:none;}

a.pd:visited {font-weight: normal; color:#EDF6F1;; background-color: inherit; text-decoration:none;}

a.pd:active  {font-weight: normal; color:#EDF6F1;; background-color: inherit; text-decoration:none;}

a.pd:hover   {font-weight: normal; color:#CCCCCC; background-color: inherit; text-decoration:underline;}



/* Image Alignment  */

.imgleft {

 float: left;

 margin-top: 0px;

 margin-right: 10px;

 margin-bottom: 4px;

 border: 4px solid #CCCCCC;

}



.imgright {

 float: right;

 margin-top: 0px;

 margin-left: 10px;

 margin-bottom: 3px;

}

.imgright2 {

 float: right;

 margin-top: 0px;

 margin-left: 10px;

 margin-bottom: 3px;
 border: 4px solid #CCCCCC;

}

.imgborder {
 border: 4px solid #CCCCCC;


}

/***************************************
Features page styles
***************************************/

.featurebox {float: left;width: 19%;margin: 5px 5px 0 2px;background:none;
color: #303030;padding:3px; text-align: center;}
.featurebox img { border: 4px solid #CCCCCC;} 
.featurebox2 {float: left;width: 55%;margin: 2px 5px 0 2px;background:none;
color: #303030;padding:3px; text-align: center;}

.clear {
	width:100%;
	margin-bottom:0px;
	clear: both;
}