.nav {
	/*This is the where you would put the general styling for the menu.  Just rememeber that the dimensions and positioning
 set here affect everything else.*/
	width:100px;
	/*	height:150px;*/
	position:relative;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	 
}
.nav ul li a, .nav ul li a:visited {
/*These are the style rules for the links on the main menu.  This includes setting the dimensions of the link itself.*/
	display: block; 
	text-decoration:none; 
	color:#003399; /*--color of text--*/
	/*height:20px;*/ /*--height of the link box-take out to allow text wrapping?--*/
	text-align:left; 
	background: #ffffff;/*--background color of the link box--*/
	line-height:18px; /*--vertical position of text within the box--*/
	font-size:12px;
	width:120px; /*--width of the link box--*/
	border-bottom:1px solid #555555;
}
.nav ul {
/*These style rules are for the <ul> in the main menu*/
	padding: 0px; 
	margin-left: 0px;
	list-style-type:none;
}
.nav ul li {
/*These style rules are for the <li> in the main menu.*/
	list-style-image:none;
	/*float:left;*/
/*	margin-right: 1px;*/
	position:relative;
	width:120px;
}
.nav ul li ul {
/*This rule hides the flyouts*/
	display: none;
}

/* This is the stuff that IE doesn't know how to handle.  Go figure.. if Microsoft got their act together, life would be easy. */

.nav ul li:hover a {
/*These style rules apply to the rollovers on the main menu*/
	color:#ff0000; 
/*	border-top:1px solid #555555;*/
/*	border-left:1px solid #555555;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;*/
}
.nav ul li:hover ul {
/*These style rules display the flyouts and determine the dimensions and positioning of the flyout box.*/
	display:block; 
	position:absolute; 
	top:0; 
	left:120px; /*--the amount in from the left side of the main menu, coordinate with width of main menu--*/
	width:120px; /*--width of the link box--*/
}
/*These style rules apply to the links in the secondary menu.*/
.nav ul li:hover ul li a {
	display:block; 
	background:#ffffff; 
	color:#ff0000; /*--text color of flyout--*/
	width:160px; /*--width of flyout box - visible in firefox--*/
}
/*These are the style for the rollovers on the secondary menu*/
.nav ul li:hover ul li a:hover {background:#a8d1f7; color:#fff;}

/*The following styles are here should you decide to add another level of flyout.  Just uncomment them*/

/*.nav ul li:hover ul li a.hide {background:#FFCC99; color:#000;} This is just in case you want to style the links with 3rd level flyouts differently from the rest*/
/*.nav ul li:hover ul li:hover a.hide {width:120px;} This is just in case you want to style the rollovers with 3rd level flyouts differently from the rest*/
/*.nav ul li:hover ul li ul {display: none;} Hides 3rd level flyouts*/

/*These style rules display the tertiary flyout on rollover.
.nav ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:151px; 
	top:0; 
	color:#000;
}*/
/*These are the style rules for the links in the tertiary menu.
.nav ul li:hover ul li:hover ul li a {
	display:block; 
	width:200px; 
	background:#dfc184; 
	color:#000;
}*/
/*These are the style rules for rollovers in the tertiary menu.
.nav ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--these are styles for dropshadow boxes*/
.out {
  display:block; 
  background:#bbb; 
/*  border:1px solid #ddd;*/ 
  position:relative;
  margin:1em 0;
  }
.in2 {
  display:block; 
  background:#777; 
/*  border:1px solid #999; */
  position:relative;
  padding:1px;
  margin:1px;
  }
.in {
  background:#fff; 
  border:1px solid #cccccc; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }

.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.rtin {
  left:5px;
  }

.narrow {width:8em;}
.normal {width:180px;}
.wide {width:18em;}
.image {width:412px; padding:0;}
/*--end for shadow boxes--*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--curvy corners--*/
.curvy {position:relative; width:250px; background:#9caf9c; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#9caf9c; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}
/*--end curvy corners--*/.floatright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 300px;
	float: right;
}