/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/
		
html, body, ul, li { padding: 0; margin: 0; list-style: none;}

body {
  margin: 20px 0;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 100.01%;
  }

#wrapper {
  padding: 3px;
  margin: 0 auto;
  width: 760px;
  border: 1px solid #888;
  text-align: left;
  background: #ccebfe;
  overflow: auto;
  }

/* Box model hack \*/
* html #wrapper {
  width: 762px;
  w\idth: 760px;
  }
/* */
.maincontent{
font-family: serif !important;
}
.textbox {
padding: 1px 1em;
font-size: .9em;
}

.textbox a {color: #000;}

.back {text-align: right; padding: 10px 10px 0 0;}

.alignright {margin: 0 30px 20px 0; text-align: right;}

.small {font-size: .8em;}

h1 {font-size: 24px;margin: .8em 1em .8em 1.6em; color: gray; font-family: serif;}

h2 { padding-left: 0px; padding-bottom: 10px; padding-right: 0px; padding-top: 10px; font-size: 1em;}

p {margin: .8em 1em 2em 1.0em; line-height:25px;}


                                                  

h2 {margin: .8em 1em .8em 1.6em;}


/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

.nav {
	position: relative;
	background: #9f8e80;
	border: 1px solid #888; /* borders the bottom of the top nav */
	border-width: 1px 0;
	width: 100%;
	}

.button {
	width: 128px;
	float: left;
	}

.parent {position: relative;}

	
.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */ 

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: 250px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	background: url(images/bgfix.gif);
	}
	
.dropdown div {
	width: 220px;
	position: absolute;		
	left: -3000px;
	top: 0;  
	background: url(images/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}
	

	
.dropdown ul { 
  width: 189px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
  border: 1px solid #888; 
  border-width: 1px 1px 0; 
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
	
.dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */
	
.four .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */
		
.four .dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav li {text-align: center;}

.nav a {
  display: block;
  color: #e5f1f4;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	padding: 6px 0 5px; 
	border-right: 1px solid #888;  /* makes the dividers between the top nav links */
	}

.four a {border-right: 0;} /* kills right border on last top link */
	
.nav ul ul a {
  color: #fff;
  border-right: 0; /* negates right border for dropdowns and flyouts */
  border-bottom: 1px solid #888;  /* borders the bottoms of the dropdown and flyout links */
  }
	
.dropdown li {
  position: relative; 
  vertical-align: bottom; /* IE5/win bugfix */
  }
				
.parent:hover {background-image: url(images/bgfix.gif);} 

				
.parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

.dropdown li:hover div { /* hover rule for flyouts */
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
	}
	
.four li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	left: -210px; 
	top: -26px;
	}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
  padding: 0;
  width: 15px;
	height: 15px;  
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;	
	background: url(images/bgfix.gif);
	}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
	}

.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
	}

.dropdown li:hover {background: #235;} /* hover color effect on dropdown links */

.dropdown div li:hover {background: #ff7;} /* hover color effect on flyout links */


/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/
	
.one ul {background: #cebea4;}
.two ul {background: #459;}
.three ul {background: #4a3;}
.four ul {background: #790000;}
.dropdown div ul {background: #eda;} /* colors BG of flyouts */ 
.dropdown div ul a {color: #400;} /* colors text of  flyouts */ 


/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.four:hover {z-index: 20;}

 

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */

.headerimage {

	background-color: #525a6b;

}
.titletxt {

	font-size: 25px;

	margin-top: 25px;

	margin-right: 23px;

	float: right;

	color: #f2f2f2;

	margin-left: 11px;

}
.firstpara{
	margin-top: 50px;
}
.footertxt {
margin: auto 0;
font-size: 10px !important;
font-family: Arial !important;
}
.strong{
font-weight: bold;
}
.container {
margin:10px;
padding:10px;
background-color: #C3E0F1;
}
.rightimg {
float:right;
padding:5px;
}
.leftimg{
float:left;
padding:5px;
}
.centerimg{
margin-left: 200px;
}
.hpcenter {
text-align: center;
}
.lucidia{
font-family: Lucida Calligraphy;
font-size: 20px;
}
.title {
font-size: 25px;
font-weight: bold;
}
.bigtxt{
font-size: 20px;
text-align: center;
}