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:13.75px;
	font-family:times, serif;
	color:#fff;
	background-position:center;
	background-color:#000033;
	margin:25px 3% 35px 0px;
	padding:0px 0px 5px 184px;
	text-align:justify;
	min-width:550px;
	min-height:640px;
	
	
	}
	
.clearthis {clear:both;height:0; line-height:0; width:94%;}	

#blank {

	background-color:#fff; 
	margin: 0 0 0 0;
	padding:20px 40px 60px 20px;
	font-size:13px;
	font-family:times, serif;
	text-align:justify;
	color:#000;
	
	}
	
	
	
	
	

p {margin:0 0 6px 0px; line-height:130%; padding:15px 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:bold;
	}
a:link {color:#003366; font-weight:bold;}
a:visited {color:#003366; font-weight:bold;}
a:hover {background-color:none; color:#ffcc00; font-weight:bold;}

h1 {
	color:#000;
	font-size:30px; /* Not a relative value, since this is the site logotype */
	line-height:120%; /* Ditto */
	font-weight:200;
	font-family: times, verdana, arial, sans-serif; /* Again, it's the logotype, so we want this control. */
	margin:7px 0px 0px 0px;
	padding:0 0 0 0px;
	text-align:center;
	z-index:200;
	
	text-shadow:none;
	}
h2 {
	color:#990033;
	font-size:29px; /* Not a relative value, since this is the site logotype */
	line-height:120%; /* Ditto */
	font-weight:200;
	font-family: helvetica, verdana, arial, sans-serif; /* Again, it's the logotype, so we want this control. */
	margin:24px 0px 0px 0px;
	padding:0 0 0 0px;
	text-align:left;
	z-index:200;
	left:-50px;
	text-shadow:none;
	position:relative;
	}
h3 {
	color:#000;
	font-size:1.4em;
	font-weight:550;
	margin:5px 0px 5px 0px;
	text-align:center;
	font-family:times, new york, serif;
	}
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;
	}
	

	
img {margin:7px 10px;}


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

#Header {
	width:94%;
	min-width:635px;
	margin: 0px 0px 0px 5px;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:0px;
	height:146px;
	border-color:#dfdfdf;
	border-style:solid;
	border-width: 2px 0px 2px 0px;
	background-color:#660000; 
	text-align:left;
	
	z-index:0;
	

/* 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:146px;
	}
/* 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:146px;}






#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 h1 {
	color:#fff;
	font-size:39px; /* Not a relative value, since this is the site logotype */
	line-height:120%; /* Ditto */
	font-weight:200;
	font-family: helvetica, verdana, arial, sans-serif; /* Again, it's the logotype, so we want this control. */
	margin:24px 0px 0px 10px;
	padding:0 0 0 0px;
	text-align:left;
	z-index:200;
	}
	
#Header p {margin:0px 0px 0px 0px; font-size:17px; position:relative; bottom:30px;}	
	
	
#Header img {padding-bottom:0px;}	

#Header a {
		padding:1px 8px; /*creates space each side of menu item's text */
		text-decoration:none;	 /* removes the underlining of the link */
		color:#fff;	/* sets the type color */
		font-weight:100;
		background-color:none;
		font-size:13.75px;
		font-family:helvetica, san-serif;
		margin:0 0 20px 0px;
		}
	
Header a:link {color:#996600; font-weight:bold;}
Header a:visited {color:#003366; font-weight:bold;}
Header a:hover {background-color:transparent; color:orange; font-weight:bold;}
	
	
	
	
	
#datop {
	width:94%;
	min-width:635px;
	margin: 8px 0px 8px 5px;
	padding-bottom:0px;
	padding-top:0px;
	height:33px;
	border-color:pink;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	background-color:none;
	text-align:left;
	voice-family: "\"}\"";
  	voice-family:inherit;
	height:33px;
	}
	
	
	
body>#third {height:20px;}	



#datopleft {
	position:absolute;
	top:25px;
	left:189px;
	width:28px;
	height:150px;
	background-position:left;
	background-image:url(../images/headerleft.gif); 
	background-repeat:no-repeat;
	z-index:1;
	
	}


#datopright {
	position:relative;
	top:-2px;
	right:0%;
	width:28px;
	height:150px;
	float:right;
	margin:0px 0px 0px 0px;
	background-color:none;  
	background-position:right;
	background-image:url(../images/headerright.gif); 
	background-repeat:no-repeat;
	z-index:10;
	}
	
	






#leftmenu {
	
	position:fixed;
	top:34px;
	height:78%;
	max-height:625px;
	min-height:625px;
	left:8px;
	width:160px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	padding:-18px 0px 0 0px;
	
	border-color:#dfdfdf;
	border-style:solid;
	border-width: 0px 2px 0px 2px;
	background-color:#336699;
	
	/*background-position:middle;
	background-image:url(../images/donkey.jpg); 
	background-repeat:no-repeat;*/
	overflow:hidden;
	z-index:1;
	
	}
	
#leftmenu p {
	text-align:left;
	margin-bottom:5px;	
	margin-top:-20px;
	letter-spacing:1.5px;
	line-height:122%;
	font-size:12.5px;
	
	}
	
	
	
#leftmenu a {
	color:#cc9900;
	
	
	}
	
#leftmenu a:visited {
	color:#cc9900;
	}
	
	
#leftmenu a:hover {
	color:#fff;
	
	}
	
	
		
	
	
		
	
	
	
	
	
	
	
	
	
#leftmenu h2 {margin-top:20px;}	
	
#leftmenutop {
	position:fixed;
	top:25px;
	left:8px;
	width:164px;
	height:20px;
	background-position:center;
	background-image:url(../images/leftmenutop.gif); 
	background-repeat:no-repeat;
	background-color:#336699;
	z-index:50;
	}


#leftmenubottom {
	position:fixed;
	top:655px;
	left:8px;
	width:164px;
	height:20px;
	vertical-align:bottom;
	background-position:center; 
	background-image:url(../images/leftmenubot.gif); 
	background-repeat:no-repeat;
	background-color:#336699;
	z-index:50;
	}	
	
#leftmenu img {
	vertical-align:top;
	border:0;

	}
	
	

/*#rightmenutop {
	position:absolute;
	top:-2px;
	right:-2px;
	width:164px;
	height:20px;
	float:right;
	background-position:right;
	
	background-repeat:no-repeat;
	background-color:none;
	z-index:5;
	}
	
#rightmenubottom {
	position:absolute;
	bottom:-2px;
    right:-2px;
	width:20px;
	height:20px;
	float:right;
	z-index:5;
	background-position:right;
	background-image:url(../images/rightbottom.jpg); 
	background-repeat:no-repeat;
	
	} */



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



#Menu {
	float:right;
	position:relative;
	min-height:97%;
	top:0px;
	height:400px;
	right:1%;
	width:50px;
	margin:0px 0px 0px900px;
	padding:0px 0px 0px 0px;
	background-color:#ebeaea; 
	border: 0px solid #000;
	}
	
#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; float:left;}
	
/* 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 {	
	letter-spacing:1.5px; font-size:13.75px;
	line-height:122%; color:#000; margin-left:0px; margin-right:5%;;}


#Main {
	width:93.25%;
	min-width:630px;
	
	height:89%;
	padding:0px 0px 0px 0px;
	margin: 10px 0px 0px 5px;
	background-color:#fff;
	border-color:#990033;
	border-style:solid;
	border-width:5px;
	line-height:130%;
	
	voice-family: "\"}\"";
  	voice-family:inherit;
	
	}
	
	
	
	
	#Main2 p {	
	letter-spacing:1.5px;
	line-height:122%; color:#000; margin-left:20px; margin-right:7%;
	font-weight:300;}


#Main2 {
	width:100%;
	min-width:660px;
	
	height:89%;
	padding:0px 0px 0px 0px;
	margin: 10px 0px 0px 5px;
	background-color:#fff;
	border-color:#990033;
	border-style:solid;
	border-width:5px;
	line-height:130%;
	
	voice-family: "\"}\"";
  	voice-family:inherit;
	
	}
	
	
	
#maintopleft {
	position:relative;
	top:-5px;
    left:-5px;
	width:75px;
	height:75px;
	float:left;
	background-position:left;
	background-image:url(../images/maintopleft.jpg); 
	background-repeat:no-repeat;
	z-index:1;
	}
	
	
#maintopright {
	position:relative;
	top:-5px;
    right:-5px;
	width:75px;
	height:75px;
	float:right;
	background-position:right;
	background-image:url(../images/maintopright.jpg); 
	background-repeat:no-repeat;
	z-index:1;
	}
	
	
#mainbotleft {
	position:relative;
	bottom:70px;
    left:-5px;
	width:75px;
	height:75px;
	float:left;
	margin-bottom:0px;
	background-position:left;
	background-image:url(../images/mainbotleft.jpg); 
	background-repeat:no-repeat;
	z-index:1;
	
	}			
	
	
#mainbotright {
	position:relative;
	bottom:70px;
    right:-5px;
	width:75px;
	height:75px;
	float:right;
	margin-bottom:0px;
	background-position:right;
	background-image:url(../images/mainbotright.jpg); 
	background-repeat:no-repeat;
	z-index:1;
	}	
	
	
	#leftcontent {
		position:relative;
		
		float:left;
		text-align:left;
		left:0px;
		width:26%;
		top:0px;
		color:#000;
		background-color:transparent;
		border-style:solid;
		border-color:#000;
		border-width:0px;
		margin-right:0.5%;
		padding-left:10px;
		margin-top:0px;
		margin-left:0.5%;
		z-index:2;
		}
		
	#leftcontent li {list-style-type:none;}
		
		
	#leftcontent p {margin:0px 0px 0px 0px;	color:#000000; padding-left:0px; padding-right:10px; font-family:times, serif;
   		font-weight:100; text-decoration:light; line-height:135%; letter-spacing:25%; text-align:left;}
		}
		
	#centercontent ul {margin:0 0 0 0px;/* indents ul from edge of container */
		}

	#centercontent 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 */
		 /* 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;
		color:#000; /* creates dividing lines between the li elements */
		margin-bottom:7px;
		padding-right:10px;
		margin-left:-20px;
		}	
		
		


	#centercontent {
		width:26%;
		background-color:transparent;
   		margin: 0px auto;
		border-style:solid;
		border-color:#ebeaea;
		border-width:0 1px 0 1px;
		padding:0px 0px 0px 20px;
		voice-family: "\"}\"";
		voice-family: inherit;
		min-width:233px;
		float:left;
   		}
   		
   #centercontent p {margin:0px 0px 0px 0px;	color:#000000; padding-left:0px; padding-right:10px; font-family:times, serif;
   		font-weight:100; font-size:13.75px; text-decoration:light; line-height:135%; letter-spacing:25%; text-align:left;}
		}		
		
		
	html>body #centercontent {
   		margin: 0px auto;
		}

	#rightcontent {
		position:relative;
		
		float:left;
		right:0px;
		top:0;
		width:26%;
		margin-left:0.5%;
		text-align:left;
		background-color:transparent;
		border-style:solid;
		border-color:#a1a1a1;
		border-width:0px;
		voice-family: "\"}\"";
  		voice-family:inherit;
		padding-left:20px;
		}
		
	html>body#rightcontent {
		margin-right:0.5%;
		}
		
		
	#rightcontent p {margin:0px 0px 0px 0px;	color:#000000; padding-left:0px; padding-right:0px; font-family:times, serif;
   		font-weight:100; font-size:13.75; text-decoration:light; line-height:135%; letter-spacing:25%; text-align:left;}
		}	
		
	
	
	

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



#lownavleft {
	position:absolute;
	bottom:-2px;
    left:-1px;
	width:26px;
	height:26px;
	float:left;
	
	background-position:left;
	background-image:url(../images/lownavleft.gif); 
	background-repeat:no-repeat;
	
	}




#lownavright {
	position:absolute;
	bottom:-2px;
    right:-1px;
	width:26px;
	height:26px;
	float:right;
	background-color:none;
	background-position:right;
	background-image:url(../images/lownavright.gif); 
	background-repeat:no-repeat;
	z-index:250;
	}




	
	
	
#logNav {
	position:relative;
	left:1px;
	width:94%;
	height:20px;
	min-width:635px;
	margin: 6px 0px 0px 5px;
	text-align:center;
	padding-top:1px; 
	padding-left:0px; 
	padding-right:0%;
	padding-bottom:1px; 
	background-color:#990033;
	color:#666; 
	border-top:2px solid #dfdfdf;
	border-bottom:2px solid #dfdfdf;
	border-right:1px solid #dfdfdf; 
	border-left:1px solid #dfdfdf;
	z-index:10;
	}


#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:720px;
	position:left;
	text-align:left;
	left:0em;
	font-weight:lighter;
	color:#fff;
	}	




#leftcopy {
	position:absolute;
	bottom:-2px;
    left:-1px;
	width:26px;
	height:26px;
	float:left;
	
	background-position:left;
	background-image:url(../images/lownavleft.gif); 
	background-repeat:no-repeat;
	
	}




#rightcopy {
	position:absolute;
	top:-2px;
    right:-1px;
	width:26px;
	height:26px;
	
	background-color:transparent;
	background-position:right;
	background-image:url(../images/lownavright.gif); 
	background-repeat:no-repeat;
	
	}







#Copyright {
	position:relative;
	min-width:635px;
	width:94%;
	margin: 9px 0px 0px 5px;
	padding:1px 0px 1px 0px;
	text-align:center;
	font-weight:light;
	color:#fff;
	
	
	background-color:#336699; 
	/*background-color:transparent;*/
	height:20px;
	border-top:2px solid #dfdfdf;
	border-bottom:2px solid #dfdfdf;
	border-right:1px solid #dfdfdf; 
	border-left:1px solid #dfdfdf;
	z-index:10;
	}


#copyrightText {
	width:860px;
	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:#0066FF; 
	background:none;
	letter-spacing:40%;
	}
	
	
#Copyright a:hover {
	color:#FFCC00; 
	background:none;
	letter-spacing:40%;
	}		




#hideaway {
	position:fixed;
	min-width:100%;
	width:100%
	margin: 0px 0px 0px 0px;
	padding:px 0px 0px 0px;
	
	background-color:#000033;
	height:18px;
	bottom:0px;
	left:0px;
	}









#leftcorner {
	position:absolute;
	top:161px;
    left:189px;
	width:37px;
	height:37px;
	float:right;
	
	background-position:left;
	background-image:url(../images/corner2.gif); 
	background-repeat:no-repeat;*/
	
	}
	
	
	
#rightcorner {
	position:relative;
	top:-2px;
    right:0px;
	width:37px;
	height:37px;
	float:right;
	
	background-position:center;
	background-image:url(../images/cornerR.gif); 
	background-repeat:no-repeat;*/
	
	}	
	




/* 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;
  	
	}
	
	
	
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:right;	/* 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:right; /* 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 */







/* LIST-BASED MENU */
/* the horizontal menu starts here */
div#listmenu2 {
	width:94%; 	/* makes the div full width */
	min-width:635px;
	float:left; /*makes the div enclose the list */
	border-top:0px solid #069;	/* draws line on top edge of div */
	border-bottom:0px solid #069;	 /* draws line on bottom edge of div */
	font-size:1em;	/* SET FONT-SIZE HERE */
	background-color:#990033; /* colors the div */
	margin: 6px 0px 8px 5px;
	font-weight:1;
	height:33px;
	border-color:#dfdfdf;
	border-style:solid;
	text-align:left;
	border-width: 2px 0px 2px 0px;
	/*background-image:url(images/navBACKGROUND.jpg); 
	background-repeat:repeat-x;*/
	z-index:109; 
	}
	
	
div#listmenu2 ul {margin:7px 0 0 -20px;/* indents ul from edge of container */
	}
div#listmenu2 li {
	z-index:1; /* 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;
	color:#fff; /* creates dividing lines between the li elements */
	}
div#listmenu2 li:first-child {
	border-left:0px solid #fff; /*the first vertical line on the menu */
	
	}

div#listmenu2 a {
	z-index:110;
	display:block; /*makes rolled list items in drop down highlight link text, and wrapped lines indent correctly */
	padding:0 3px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#fff;	/* sets the type color */
	background-color:none;
	}
	
div#listmenu2 a:hover {
	color:orange;
	background-color:transparent;
	}
	
	
	
	
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu2 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:117%; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left: 0px; /*aligns the drop exactly under the menu */
	background-color:#ccc;
	color:#fff;
	top:19px;
	
	
	
	
	}
div#listmenu2 ul li ul li {
	width:9em; /* makes the list items fill the list container (ul) */
	border-left:1px solid #fff; /*  three sides of each drop-down item */
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	top:-3px;
	padding:0 0 1px;
	left: -40px;
	}
div#listmenu2 ul li ul li:first-child {
	border-top:1px solid #fff; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu2 ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu2 ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu2 ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	left:9em;
	top:0px;
	width:6em;
	padding-top:2px;
	padding-bottom:-10px;
	margin-bottom:5px;
	}
div#listmenu2 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#listmenu2 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#listmenu2 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#navmenu2 {
	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;
  	
	}
	
	
	
div#navmenu2 ul {
	margin:0 0 0 35px;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	}
div#navmenu2 li {
	float:right;	/* 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#navmenu2 li:first-child {
	border-left:0px solid #000; /*the first vertcial line on the menu */
	}

div#navmenu2 li:hover { 
	background-color:none; /*sets the background of the menu items */
	color:#ff3333;
	}
div#navmenu2 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#navmenu2 a:hover {
	color:#609cc2;
	background:none;
	text-decoration:none;
	}
/* the menu ends here */
/* the drop-down starts here */
div#navmenu2 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#navmenu2 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#navmenu2 ul li ul li a {padding:5px .5em;}
div#navmenu2 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#navmenu2 ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#navmenu2 ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

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

/* second level popouts start here*/
div#navmenu2 ul li ul li:hover ul li ul {visibility:hidden;}
div#navmenu2 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#navmenu2 ul {
	float:right; /* 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#navmenu2 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#navmenu2 ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  } 
/* and the "be nice to Opera" rule */
html>body div#navmenu2 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#navmenu2 ul li ul {padding-bottom:100px;}
   body div#navmenu2 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 */