/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
/*  *  *   Start with defaults for HTML, non-media    *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

body {
	/* Define a default font family  */
	font-family: Times New Roman, Helvetica, Tahoma, Arial, Helvetica, Verdana, san-serif;
	background-color: transparent;
	color: #000066;
	font-size: 14px;
}

/*  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *   Define primary containers  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  */
#page_wrap {  /* Define a common wrapper  */
	width: 98%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color:  transparent;
	position: relative; 
}
#wrapperDiv {  /* Define a common wrapper  */
	width: 98%;
	margin: 0px 0px 0px 0px;
	background-color:  transparent;
	position: relative;
}
#headerDiv {  /* Define a common header block */
	width: 99%;
	margin: 0px;
	height: 170px;
	color: #FFFFFF;
	text-align: center;
	background-color:  transparent;
	position: static;
}

#footerDiv {  /* Define a common footer block */
	width: 99%;
	font-size: 12px;
	/* override the default font family   */
	font-family: Arial, Helvetica, Tahoma, Arial, Helvetica, Verdana, Times New Roman, san-serif;
	color: #000000;
	text-align: center;
	/* position: absolute;  */
}
/*  *  *  *  *   Define  Container classes   *  *  *  *  */
.headerSeg {		/* Define a dedicated header segment */
	width: 48%;
/*	height: 100%;   */
	height: auto;
	color: #FFFFFF;
	text-align: left;
				/* top right bot left  */
	margin:  5px 0px 0px 0px;
	background-color: transparent;    /*transparent;  */
	height: auto;
	position: relative;
	float: left;
}
.headerSeg3 {		/* Define a dedicated header segment */
	width: 32%;
/*	height: 100%;   */	
	height: auto;
	color: #000085;
	text-align: left;
				/* top right bot left  */
	margin:  2px 0px 0px 0px;
	background-color: transparent;    /*transparent;  */
	height: auto;
	position: relative;
	float: left;
}

.genericDiv {   /* Define 100% division container   */
	width: auto;
	text-align: left;
	margin: 1% 1% 1% 1%;
	position: relative;
	float: none;
	clear: both;
	padding: 1% 2% 1% 2%;
		/*  border: 1px solid grey;  */
}
.genericDiv_center {   /* Define 100% division container   */
	width: auto;
	text-align: center;
	margin: 1% 1% 1% 1%;
	position: relative;
	float: none;
	clear: both;
	padding: 1% 2% 1% 2%;
		/*  border: 1px solid grey;  */
}

.floatedDiv3 {  /* Define 33% floated Div */
	width: 29%;
	background-color: transparent;
	margin: 0% 1.25% 1% 1.25%;
	float: left;
	padding: 3px;
}
.floatedDiv3_border {  /* Define 33% floated Div  - same as above but filled */
	width: 29%;
	background-color: transparent;
	margin: 3px 1%;
	float: left;
	padding: 3px;
	border: 1px solid #000085;
}
.floatedDiv3_filled {  /* Define 33% floated Div  - same as above but filled */
	width: 29%;
	background-color: #FFFFCC;
	margin: 3px 1%;
	float: left;
	padding: 3px;
	border: 1px solid #000085;
}
.floatedDiv3x2 {  /* Define 66% floated Div */
	width: 63%;
	background-color: transparent;
	margin: 0% 1.25% 1% 1.25%;
	float: left;
	padding: 2px;
			/* border: 1px solid #000085;  */
			/* padding: 10px;  */
}

.floatedDiv3x3 {  /* Define 70% floated Div */
	width: 70%;
	background-color: transparent;
	margin: 0% 1.25% 1% 1.25%;
	float: left;
	padding: 2px;
}

.floatedDiv4 {  /* Define 25% floated Div   */
	width: 22%;
	background-color:  #A;
	margin: 3px 1%;
	float: left;
	padding: 3px;
			/* border: 1px solid #000085;  */
}
.floatedDiv5 {   /* Define 20% floated Div   */
	width: 17.5%;
	text-align: center;
	margin: 0px 10px 0px 10px;
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
}
.floatedDiv6 {   /* Define 16% or one-sixth floated Div   */
	width: 12%;
	text-align: center;
	margin: 2% 2% 2% 2%;
	position: relative;
	float: left;
	padding: 0% 0% 0% 0%;
}
.floatedDiv8 {   /* Define 12% or one-sixth floated Div   */
	width: 8.5%;
	text-align: center;
	margin: 1% 1% 1% 1%;
	position: relative;
	float: left;
	padding: 0% 1% 0% 1%;
}

/*  container for iframe slideshow   */
.slideshowDiv {
	width: 53%;
	text-align: left;
	margin: 0% 0% 0% 1%;
	position: relative;
	float: left;
	padding: 0% 0% 0% 0%;
			/*  border: 2px dashed grey;   */
}
/* container for left column  */
.floatedDiv40 {
	width: 39.0%;
	background-color: transparent;
	margin: 0% 1% 0% 1%;
	float: left;
	padding: 0% 1% 0% 1%;
	border: 1px solid #000085;
}
.floatedDiv50 {
	width: 45.0%;
	background-color: transparent;
	margin: 1% 1% 1% 1%;
	float: left;
	padding: 0% 1% 0% 1%;
	border: 1px solid #000085;
}

.floatedDiv50_noborder {
	width: 45.0%;
	background-color: transparent;
	margin: 0.5% 1.25% 0.5% 1.25%;
	margin: 1% 1% 1% 1%;
	float: left;
	padding: 0% 1% 0% 1%;
}

.floatedDiv50_filled {
	width: 45.0%;
	background-color:  #FFF1C6;
	margin: 0.5% 1.25% 0.5% 1.25%;
	margin: 1% 1% 1% 1%;
	float: left;
	padding: 0% 1% 0% 1%;
	border: 1px solid #000085;
}

.iFrame  {	/* class to force inline frames to full size  */
	width: 98%;
	/*  height: 480px;  */
	height: 485px;
	background-color: transparent;
	margin: 0% 0% 1% 0%;
	float: none;
	position: relative;
				/*  border: 2px dashed green;  */
}

.clear { 							/* This positions the div below the preceeding divs */
	width: 0%;
	clear: both;
	}
.clear_right { 							/* This positions the div below the preceeding divs */
	clear: right;
	}
.clear_left { 							/* This positions the div below the preceeding divs */
	clear: left;
	}
}
/*  *  *  *  *   End of container classes   *  *  *  *  */


/*  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  */
/*  *  *  *  *  *  *  Image handling  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  */
img {  max-width: 100%;   max-height: 100%; resize: both; }

 #image_Container {	/* Define default image container   */
	/*  height: 100%;  */
	width: 100%;
	margin: 0%;
	image-rendering: optimizeSpeed;
	text-align: center;
}
 #thumbnail {
	width: auto;
	height: auto;
	image-rendering: optimizeSpeed;
	text-align: center;
}
 #masthead_Image {
	width: 99.75%;
	height: auto;
	image-rendering: optimizeSpeed;
	position: relative;
			/*  top: -5px;  */
}


/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *   Define common anchor elements *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
#nav_Button_Hdr {
	font-family: Arial, Helvetica, Verdana;
	font-size: 1.0em;
	font-weight: 700;
	color: #3366CC;
	margin-top: 1%;
	text-align: right;
	background-color: transparent;
	position: relative;
	float: right;
}
#nav_Button  {
	font-weight: 700;
	color: #0000FF;
	/*  text-decoration: underline;  */
}

a  {  font-family: Arial, Helvetica, Verdana; font-size: 0.90em; font-weight: 700; }
a:link		{color: #0000FF; text-decoration: none;  }
a:visited	{color: #0000FF; border: none;}
a:active	{color: #0000FF; }
a:hover	{color: #FF00FF; text-decoration: underline;}

a #nav_Button_Hdr {  color: #3366CC; font-weight: 600; }


/*  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *   Define text styles and fonts   *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  */

.no_indent  {  text-indent:  -5px;  }
.text_indent  {  text-indent:   20px;  }
.text_area  {
	font-size: 18px; 
	visibility: visible;
	font-size: 1.0em;
	padding: 0% 2% 0% 1%;
	}
.text_area_center  {
	visibility: visible;
	font-size: 1.0em;
	padding: 0% 2% 0% 1%;
      text-align: center;
	}

.text_02J {  /* Justified text   */
	font-size: 14px;
	line-height:120%;
	text-align: justify;
	}
.text_02L {   /* Left aligned text   */
	font-size: 14px;
	line-height:120%;
	text-align: left;
	}
.text_02R	{   /* Right aligned text   */
	font-size: 14px;
	line-height:120%;
	text-align: right;
	}
.text_02C	{   /* Centered aligned text   */
	font-size: 14px;
	line-height:120%;
	text-align: center;
	}
.text_03C	{   /* Centered aligned text   */
	font-size: 12px;
	text-align: center;
	}
.text_OldEng {
	font-size: 30px;
	/* override the default font family   */
	font-family:  Old English Text MT,  Times New Roman, Verdana, Helvetica ;
	color: #0000FF;
	line-height: 120%;
	text-align: center;
	resize: both;
}
.text_04C {
	font-size: 30px;
	/* override the default font family   */
	font-family:  Times New Roman, Verdana, Helvetica ;
	color: #000085;
	line-height: 120%;
	text-align: center;
	resize: both;
}

.text_048 {
	font-size: 48px;
	/* override the default font family   */
	font-family:  Times New Roman, Verdana, Helvetica ;
	color: #000085;
	line-height: 120%;
	text-align: center;
	resize: both;
}

.text_05C {
	font-size: 22px;
	/* override the default font family   */
	font-family:  Times New Roman, Verdana, Helvetica ;
	color: #FF0000;
	/* line-height: 100%;   */
	text-align: center;
	resize: both;
}

.text_Logo {
	font-size: 76px;
	/* override the default font family   */
	font-family:  Times New Roman, Verdana, Helvetica ;
	font-weight: bold;
	color: #990000;
	line-height: 100%;
	text-align: left;
	resize: both;
}

.text_Logo_sm {
	font-size: 24px;
	/* override the default font family   */
	font-family:  Times New Roman, Verdana, Helvetica ;
	font-weight: bold;
	color: #990000;
	line-height: 100%;
	text-align: center;
	resize: both;
}

.text_Logo_med {
	font-size: 36px;
	/* override the default font family   */
	font-family:  Times New Roman, Verdana, Helvetica ;
	font-weight: bold;
	color: #A6162F;
	line-height: 100%;
	text-align: center;
	resize: both;
}

.text_Logo_lg {
	font-size: 46px;
	/* override the default font family   */
	font-family:  Times New Roman, Verdana, Helvetica ;
	font-weight: bold;
	color: #990000;
	line-height: 100%;
	text-align: center;
	resize: both;
}
.text_18px {   /* Left aligned text   */
	font-size: 18px;
	line-height:120%;
	text-align: left;
	}

/*  Define common  elements -  example = <h1> */
p	{
	font-size: 14px;
	margin: 12px 0px 0px 0px;
	text-align: justify;
	resize: both;
}
hr {   /* style for Horizontal rule   */
	width: 100%;
	color: #000080;   /* Navy Blue  */
	text-align: center;
}
/*  Define common header elements */
h1 {
	font-weight: bold;
	font-size: 26px;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}
	
h2 {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}

h3 {
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	margin: 0em 0em 0.5em 0em;
	}

h4 {		/*  H4 and H5 are same, one centered, one not */
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	margin: 0em 0em 0.5em 0em;
	}

h5 {		/*  H4 and H5 are same, one centered, one not */
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}

h6 {
	font: caption;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
}

 
/*              *              *              *             *           */ 
 /*  Define custom  text elements -  example = <div class="h1Red"> */
/*              *              *              *             *           */
 
 /* h1 - Custom Header text   */ 
.h1Red {
	font-family: Times New Roman,Arial, Helvetica, Verdana ;
	font-size: 36px;
	font-weight: bold;
	color: #A6162F;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}

.h1Blue {
	font-family: Times New Roman,Arial, Helvetica, Verdana ;
	font-size: 36px;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}

 /* h2 - Custom Header text   */		
.h2Red {
	font-family: Times New Roman,Arial, Helvetica, Verdana ;
	font-size: 20px;
	font-weight: bold;
	color: #A6162F;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}
.h2Blue {
	font-family: Times New Roman,Arial, Helvetica, Verdana ;
	font-size: 20px;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}

 /* h3 - Custom Header text   */		
.h3Red {
	font-family: Times New Roman,Arial, Helvetica, Verdana ;
	font-size: 18px;
	font-weight: bold;
	color: #A6162F;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}
.h3Blue {
	font-family: Times New Roman,Arial, Helvetica, Verdana ;
	font-size: 18px;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}

 /* h4 - Custom Header text   */		
.h4Red {
	font-family: Times New Roman,Arial, Helvetica, Verdana ;
	font-size: 16px;
	font-weight: bold;
	color: #A6162F;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}
.h4Blue {
	font-family: Times New Roman,Arial, Helvetica, Verdana ;
	font-size: 16px;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	margin: 0em 0em 0.5em 0em;
	}