body {
	/* 
	Here we'll declare the default font-size and font-family.
	The rest of the typographical rules use relative sizes based on this font-size.
	We can easily modify overall typography by changing or overriding these values.
	*/
	font-size:13px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#1F3E5C;
	background-position:center;
	background-color:#336699;
	margin:0px 0px 0px 0px;
	float:center;
	padding:0px 0px 0px 0px;
	text-align:left;
	background-image:url(../images/shadow.png);
	background-position:top center;
	background-repeat:repeat-y;
	}
	
	
body img {margin-right:5%;}
	
	.clearthis {clear:both;height:0; line-height:0; width:100%;}
	
	

p {margin:0 0 0.3em 0px; line-height:130%; padding:5px 10px;}
#Content p {line-height:120%; /* ~20px */}
#Content blockquote p {line-height:120%;}
/* Browsers that understand the CSS child selector get the good typography. */
#Content p+p {margin-top:1em; text-indent:2.7em;}

a {
	color:#003366;
	text-decoration:none;
	font-weight:100;
	}
a:link {color:#003366;}
a:visited {color:#003366;}
a:hover {background-color:none; color:#cc0033;}

h1 {
	color:#333;
	font-size:17px; /* Not a relative value, since this is the site logotype */
	line-height:120%; /* Ditto */
	font-weight:500;
	font-family:verdana, arial, helvetica, sans-serif; /* Again, it's the logotype, so we want this control. */
	margin:0;
	padding:10px 10px 0px 10px;
	text-align:left;
	
	}
h2 {
	color:#;
	font-size:2.39em; /* ~24px */
	font-weight:700;
	line-height:135%;
	font-family:times, garamond, serif;
	letter-spacing:165%;
	margin:0 0 .83em; /* margin-bottom: ~20px */
	text-align:right;
	padding-right:20px;
	}
h3 {
	color:#333;
	font-size:17px; /* Not a relative value, since this is the site logotype */
	line-height:120%; /* Ditto */
	font-weight:500;
	font-family:verdana, arial, helvetica, sans-serif; /* Again, it's the logotype, so we want this control. */
	margin:0;
	padding:10px 10px 0px 10px;
	text-align:center;
	
	}
h4 {
	color:#003366;
	font-size:1.5em; 
	font-weight:800;
	margin:.43em 0 .214em; 
	font-family:helvetica;
	line-height:110%;
	}
h5 {
	color:#fff;
	font-size:1.5em;
	font-style:none;
	padding-bottom:15px;
	font-weight:100;
	font-family: helvetica, arial, verdana, serif;
	margin:0em 0 0em 0px; /* ~20px 0 ~3px */
	text-align:center;
	}

blockquote {
	margin:1em 2.7em 1.36em; /* 11px ~30px ~15px */
	color:#666;
	line-height:1.5;
	}
	

	







#Menu img {margin:0px; padding:0px; border:0px;}



#Menu {
	float:right;
	position:absolute;
	top:139px;
	
	right:66%;
	width:150px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background-color:#ffcc00;
	border: 0px solid #003366;
	}
	
#Menu a {color:#003366; background:#fff; hover:#ccc; font-weight:600;}
	
#Menu h2 {
	color:#ccc;
	font-size:1.27em; /* ~14px */
	font-weight:800;
	margin:.86em 0 .214em; /* ~12px 0 ~3px */
	}
#Menu p {
	font-size:.9em;
	line-height:1.5;
	margin:0 0 2em;
	}
#Menu ul {margin:1 0 0 1em; padding:0;}
#Menu li {list-style-type:none; margin:0; padding-left:8px; text-indent:0em;}
	
/* Please forgive me.
   The extra DIV (Main) is needed to overcome a shortcoming of Opera5/Win.
   The prefered way to set the width of the content would be to pad the 
   content of #Content using 
   "#Content>* {padding-left:114px; padding-right:15px;}" */


#Main p {line-height:110%; letter-spacing:30%;}


#Main {
	width:725px;
	float:center;
	padding:0px 0px 0px 0px;
	margin:0px auto;
	margin-bottom:0px;
	background-color:#fff;
	border-color:#999;
	border-style:solid;
	border-width:0px;
	line-height:130%;
	
	voice-family: "\"}\"";
  	voice-family:inherit;

	
	
	}
	
#FLOATcenter {
	width:720px;
	
	float:center;
	padding:0px 0px 0px 0px;
	
	margin-right:0px auto;
	background-color:#fff;
	border-color:#999;
	border-style:solid;
	border-width:0px;
	line-height:130%;
	
	voice-family: "\"}\"";
  	voice-family:inherit;
	
	}	
	
	
	
	
	#leftcontent {
		position:relative;
		float:left;
		top:0px;
		left:0px;
		width:185px;
		background-color:transparent;
		border-left:0px solid #a1a1a1;
		border-right:1px dotted #a1a1a1;
		border-top:0px solid #a1a1a1;
		border-bottom:0px solid #a1a1a1;
		margin-left:10px;
		margin-right:25px;
		padding-left:0px;
		text-align:left;
		}
		
		

		

	#centercontent {
		width:440px;
		background-color:transparent;
   		margin: 0px 5px 10px 5px;
   		float:left;
		border-top:0px solid #a1a1a1;
		border-bottom:0px solid #A1A1A1;
		border-right:0px solid #A1A1A1;
		border-left:0px solid #A1A1A1;
		padding-bottom:15px;
		padding-left:15px;
		voice-family: "\"}\"";
		voice-family: inherit;
		clear:none;
		
   		}
   		
   		
   	#centercontent2 {
		width:560px;
		background-color:transparent;
   		margin: 0px 5px 10px 5px;
   		float:left;
		border-top:0px solid #a1a1a1;
		border-bottom:0px solid #A1A1A1;
		border-right:0px solid #A1A1A1;
		border-left:0px solid #A1A1A1;
		padding-bottom:15px;
		padding-left:15px;
		voice-family: "\"}\"";
		voice-family: inherit;
		clear:none;
		
   		}	
   		
   		
   		
   #centercontent p {color:#1F3E5C; padding-left:20px; font-family:verdana, arial, helvetica, sans-serif;
   		font-weight:100; text-decoration:light; line-height:135%; letter-spacing:25%;}		
		
		
	html>body #centercontent {
   		margin: 0px 5px 0px 5px;
		}

	#rightcontent {
		
		
		float:left;
		right:0px;
		top:0px;
		width:200px;
		margin-right: 5px;
		background-color:#999;
		border-top:0px solid #a1a1a1;
		border-bottom:0px solid #a1a1a1;
		border-right:0px solid #a1a1a1;
		border-left:0px solid #a1a1a1;
		voice-family: "\"}\"";
  		voice-family:inherit;
		
		}
		
	html>body#rightcontent {
		margin-left:0px;
		}
		
		
	#rightcontent p {background-color:none; color:#fff;}	
		

	
	
	

#Content {
	width:700px;
	padding:0px 0px 0px 0px;
	margin: 0px auto;
	background-color:none;
	borde-widthr: 0px;
	border-color:#666;
	line-height: 130%;
	border-style: dashed;
	text-align:left;
	height:125px;
	}


#Header img {margin-left:0px;}

#Header {
	width:725px;
	margin: 0px auto;

	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	height:118px;
	border-color:#dfdfdf;
	border-style:solid;
	border-width:0px;
	background-color:#fff;
	text-align:left;
	background-image:url(../images/r2w.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. */
	voice-family: "\"}\"";
  	voice-family:inherit;
		height:118px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. */
body>#Header {height:118px;}


#Header2 {
	width:725px;
	margin: 0px auto;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	height:75px;
	border-color:pink;
	border-style:solid;
	border-width:0px;
	background-color:pink;
	text-align:left;
	background-image:url(../images/top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. */
	voice-family: "\"}\"";
  	voice-family:inherit;
		height:75px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. */
body>#Header2 {height:75px;}



.header_td {
	float:right;
	position:relative;
	bottom:1px;
	right:1px;
	height:35px; 
	background-image:none;
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 0 0 0px;
	background-color:#326992;
	}






#headerLogo {
	float:center;
	margin: 0px auto;
	height:13px;
	background-image:none;
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 0 0 0px;
	}
	
	
#Header img {padding-bottom:0px;}	

#headerOverlap {
	position:absolute;
	top:63px;
	left:56%;
	width:25%;
	height:76px;
	background-position:center;
	}
	
	
	
#logNav {
	position:relative;
	left:0px;
	bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
	padding-top:6px; 
	padding-left:0px; 
	padding-right:0%;
	padding-bottom:6px; 
	background-color:#1F3E5C;
	margin:0px auto;
	color:#fff; 
	border-top:0px solid #fff;
	border-bottom:0px solid #fff; 
	width:725px;
	z-index:10;
	
	height:15px;
	}


#logNav a {
	color:#fff;
	background-color:none; 
	text-align:center;
	font-weight:#100;
	size:11px;
	}
	
#logNav a:hover {
	color:#333;
	background-color:#ccc; 
	text-align:center;
	size:11px;
	}
	
	

#lognavtext {
	width:860px;
	position:left;
	text-align:left;
	left:0em;
	font-weight:lighter;
	color:#fff;
	}	



#Copyright {
	position:relative;
	left:0px;
	bottom:0px;
	margin:0px auto;
	margin-top:0px;
	width:725px;
	padding:4px 0px 0px 0px;
	text-align:center;
	font-weight:light;
	color:#336699;
	background-color:white;
	height:20px;
	border:0px solid #fff;
	z-index:10;
	
	}
#copyrightText {
	width:725px;
	color:#333;
	text-align:center;
	margin: 0px auto;
	padding: 0px 0px;
	left:0em;
	border:0px solid #fff;
	background-color:none;
	letter-spacing:60%;
	}
	
#Copyright a {
	color:#0A5F8B; 
	background:none;
	letter-spacing:40%;
	text-align:center;
	margin:0px auto;
	}
	
	
#Copyright a:hover {
	color:#FFCC00; 
	background:none;
	letter-spacing:40%;
	}		

























div#listmenuBACK {
	width:100%; /* makes the div full width, or 75% */
	height:40px; /* div height */
	padding: 0px 0px 0px 0px;
	border-top:0px solid #fff;	/* draws line on top edge of div */
	border-bottom:0px solid #fff;	 /* draws line on bottom edge of div */
	font-size:1em;	/* SET FONT-SIZE HERE */
	background-color:transparent; /* colors the div */
	letter-spacing:7%;
	font-weight:none;
	font-family:helvetica;
	margin-bottom: 0px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	voice-family: "\"}\"";
  	voice-family:inherit;
  	font-weight:100;
  	text-align:right;
  	
	}





/* LIST-BASED MENU */
/* the horizontal menu starts here */
div#listmenu {
	width:725px; 	/* makes the div full width */
	 /*makes the div enclose the list */
	border-top:0px solid #069;	/* draws line on top edge of div */
	border-bottom:0px solid #fff;	 /* draws line on bottom edge of div */
	font-size:1em;	/* SET FONT-SIZE HERE */
	background-color:transparent; /* colors the div */
	margin:0px auto;
	height:39px;
	font-weight:light;
	text-decoration:none;
	background-image:none;
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:3px;
	
	}
div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container */
	}
div#listmenu li {
	z-index:100; /* had to add this to make the drop be on top in Safari */
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:none; /*sets the background of the menu items */
	border-right:0px solid #069; /* creates dividing lines between the li elements */
	}
div#listmenu li:first-child {
	border-left:0px solid #000; /*the first vertical line on the menu */
	border-right:0px solid #000;
	}
div#listmenu li:hover { 
	background-color:none; /*sets the background of the menu items */
	}
div#listmenu a {

	display:block; /*makes rolled list items in drop down highlight link text, and wrapped lines indent correctly */
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:light;	 /* removes the underlining of the link */
	color:#fff;	/* sets the type color */
	background-color:none;
	font-weight:10;
	font-family:verdana;
	}
div#listmenu a:hover {
	color:#000;
	background-color:none;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-40px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #069; /*  three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	padding:0 0 1px;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */































































/* the horizontal menu starts here */
div#navmenu {
	width:720px; /* makes the div full width, or 75% */
	height:18px; /* div height */
	padding: 0px 0px 0px 0px;
	border-top:0px solid #fff;	/* draws line on top edge of div */
	border-bottom:0px dotted #fff;	 /* draws line on bottom edge of div */
	font-size:1em;	/* SET FONT-SIZE HERE */
	background-color:none; /* colors the div */
	letter-spacing:7%;
	margin: 0px auto; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	voice-family: "\"}\"";
  	voice-family:inherit;
  	font-weight:100;
  	text-align:left;
  	left:7px;
  	position:relative;
  	background-image:url(images/navBACKGROUND.jpg); 
	background-repeat:repeat-x;
	}
	
	
	
div#navmenu ul {
	margin:0 0 0 35px;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	}
div#navmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:none; /*sets the background of the menu items */
	border-left:0x solid #000; /* creates dividing lines between the li elements */
	}
div#navmenu li:first-child {
	border-left:0px solid #000; /*the first vertcial line on the menu */
	}

div#navmenu li:hover { 
	background-color:none; /*sets the background of the menu items */
	color:#ff3333;
	}
div#navmenu a {
	display:block;
	padding:1px 8px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#000;	/* sets the type color */
	font-weight:100;
	background-color:none;
	}
div#navmenu a:hover {
	color:#609cc2;
	background:none;
	text-decoration:none;
	}
/* the menu ends here */
/* the drop-down starts here */
div#navmenu ul li ul {
	margin:0px 0 0 0;
	background-color:#ff3333; 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:175px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-36px; /*aligns the drop exactly under the menu */
	}
div#navmenu ul li ul li {
	padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #000; /*  three sides of each drop-down item */
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	}
div#navmenu ul li ul li a {padding:5px .5em;}
div#navmenu ul li ul li:first-child {
	border-top:1px solid #000; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#navmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#navmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#navmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#navmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#navmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#navmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */


























/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#navmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:5px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#navmenu ul li ul {
	border-top:1px solid #cc0033;
	border-left:1px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#navmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  } 
/* and the "be nice to Opera" rule */
html>body div#navmenu ul li ul li ul {
  left:10em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#navmenu ul li ul {padding-bottom:100px;}
   body div#navmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */