* {
	border:0;
	margin:0;
	padding:0;
}


#mainMenu, #mainMenu2,#guide,#training{
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	font-size: .8em;
}

#mainMenu {
	background-image: url(../graphics/backstrip.gif);
	background-repeat: repeat-x;
	position:absolute;
	top:140px; /* modify this height to change position of menu  */
	left:374px;
	display:block;
	width:400px;	
}


/* #mainMenu ul {width:800px;} */ /* a fixed width for the UL tag itself, since it's horizontal instead of the default vertical */

#mainMenu li {

	float:left;
	list-style-type:none;


	/* 
	***IE underscore hack***
	all other browsers will ignore the style
	#mainMenu li a { }
	needs to be display:inline in order for IE to keep the list horizontal. 
	it cures the list becoming 	vertical but styling is limited on inline elemens 
	so i had to add padding to the a tags container which is this li
	*/

}

#mainMenu li a {
	display:block;
	/* 
	***IE underscore hack***
	Refer to parent element comment above
	*/
	_display:inline;
/*	margin-top:4px;
	_margin-top:6px; */


/*	height:22px; */ /* moz */
/*	_height:21px; */ /* msie/win */
	width:100%;
	color: white;
	text-decoration:none;
	
	font-weight:bold;
	font-size: .8em;
	padding-left:11px;
	_padding-left: 8px; /* msie/win only */
}

#mainMenu li a:hover {
/*	background-image:url(../graphics/header/yellow-dot.gif); */ /* uncomment if you want a backgroun image to appear on mouse over for the main menu items (top level) */
}



/* 
********************************************************* 
*___________________DROPDOWN_CSS_CODE___________________*
*********************************************************
*/


/* modify fixed widths in top level nav items below.. */
#mainLinkBlank {
	width:20px;
}

#mainLink1 {
	width:87px;
}

#mainLink2 {
	width:87px;
}



#mainLink3 {
	width:87px;
}

#mainLink4 {
	width:87px;
}


#mainLink19 li{
  width:10;
}


#mainLinkBlank .topLevel,  #mainLink1 .topLevel, #mainLink2 .topLevel, #mainLink3 .topLevel, #mainLink4 .topLevel  {
	_text-align: center; /* msie/win only */
	margin: 0px;
	padding: 0px;
	  
}


/* the background image for the top level  */
#mainLink1, #mainLink2, #mainLink3, #mainLink4 {
/* 	background-image:url(../graphics/header/mainnav-divider.gif);
	background-repeat: no-repeat; */
}

/* ------------------------------------------------------------------- */





/*THE SUBMENU*/
#mainMenu li.off ul, #mainMenu li.on ul {
	position:absolute;
	/*put the subnavs below and hide them all*/
	display:none;
	padding-top: 5px;
	padding-right: 3px;
	background-color:#CCFF66;/* yellow green */
	/* background-color:#FFFFFF; 
	background-image: url(../graphics/yellobg.gif);
	background-image: url('../graphics/menuback.gif');
	background-position: bottom left;
	background-repeat: repeat-y repeat-x;
	border: 1px solid #006599;
	border-top: 6px solid #99CC00;
	border-right: 2px solid #99CC00;
	border-left: 2px solid #99CC00;
	*/

	width: auto;
	white-space: nowrap;
	text-align: left;
	font-size: 14px;
}

#mainMenu li ul li {
	clear:both;
	height: 20px;
	_height: 10px;
}

#mainMenu li.off a, #mainMenu li.on a {display:block;width:100%;}

#mainMenu  li.on ul li a, #mainMenu li.off ul li a {
  /* coloring for top nav chars*/
	display: block;
	float: left;
	/*ie doesn't inherit the float*/
	color:#366969;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	height:15px;
}



#mainMenu li.on a {
/*	background-image:url(../graphics/header/yellow-dot.gif);
	background-repeat:no-repeat;
	background-position: 1px 5px; */
	color: #006599;
/*display the current topic*/
}

#mainMenu li.on li a {
	background-image:none;
}
#mainMenu  li.on ul {/*display the current topic*/		width: auto;}

#mainMenu li.off:hover ul, #mainMenu li.on:hover ul, #mainMenu li.over ul { /*  display the other topics when their parent is hovered */display: block;	z-index: 6000;}

#mainMenu li.off ul li a {
  /* background for top nav list items (the white bkg) */
	display:block;
	background:none;
	padding-right:4px;
	padding-left:4px;
	padding-top:2px;
	margin-left:1;
	margin-bottom:2;
	height:20px;
	background-color: #FFFFFF;
	border: 1px solid #CCFF66;
}

#mainMenu li.off ul li a:hover, 
#mainMenu li.off ul li:hover a,
#mainMenu li.on ul li a:hover, 
#mainMenu li.on ul li:hover a,
#mainMenu li ul li.over a {
	background-image:url(../graphics/header/red-dot-white-bg.gif);
	background-repeat:no-repeat;
	background-position: 1px 5px;
	background-color: #D7FFFF;
	color:#366969;
}

#mainMenu #mainLink2 li {
 /* width:219px; */
 width:100%;
}

#mainMenu #mainLink2 ul {
 width:225px;
}

#mainMenu #mainLink3 li {
 /* width:184px; */
 width:100%;
}

#mainMenu #mainLink3 ul {
 width:205px;
}

#mainMenu #mainLink4 li {
 width:150px;
}

#mainMenu #mainLink4 ul {
 width:113px;
}
/* SUBSUBNAV 
*******************************************************
*/





/* ----------------------------------------------------------------------------------------------


                    nav 2


-------------------------------------------------------------------------------------------------- */





#mainMenu2 {
	background-image: url(../graphics/back2.gif);
	background-repeat: repeat-x;
	position:absolute;
	top: 162px; /* modify this height to change position of menu  */
	left:374px;
	display:block;
	width:400px; /* either take this out, or set it to a fixed width in px, ie 420px */
	height:22px;
	_height:25px;
}


#mainMenu2 li {
	float:left; /* makes li tags appear horizontally */
	list-style-type:none;

	/* 
	***IE underscore hack***
	all other browsers will ignore the style
	#mainMenu2 li a { }
	needs to be display:inline in order for IE to keep the list horizontal. 
	it cures the list becoming 	vertical but styling is limited on inline elemens 
	so i had to add padding to the a tags container which is this li
	*/

}

#mainMenu2 li a {	
	display:block;
	/* 
	***IE underscore hack***
	Refer to parent element comment above
	*/
	_display:inline;
/*	margin-top:4px;
	_margin-top:6px; */


/*	height:22px; */ /* moz */
/*	_height:21px; */ /* msie/win */
	width:100%;
	text-decoration:none;
	font-weight:bold;
	font-size: .8em;



}

#mainMenu2 li a:hover {
/*	background-image:url(../graphics/header/yellow-dot.gif); */ /* uncomment if you want a backgroun image to appear on mouse over for the main menu items (top level) */
}



/* 
********************************************************* 
*___________________DROPDOWN_CSS_CODE___________________*
*********************************************************
*/


/* modify fixed widths in top level nav items below.. */

#mainLink5 {width:88px;}

#mainLink6 {width:87px;}

#mainLink7 {width:87px;}

#mainLink8 {width:87px;}




#mainLink5 .topLevel, #mainLink6 .topLevel, #mainLink7 .topLevel, #mainLink8 .topLevel  {
	_text-align: center; /* msie/win only */
}

/* the background image for the top level  */
#mainLink5, #mainLink6, #mainLink7, #mainLink8 {
	background-image: url(../graphics/nav2-bg-corner.gif);
	
	background-repeat: no-repeat;
	background-position: top right; /* right top corner */
}

/* ------------------------------------------------------------------- */






/*THE SUBMENU*/
#mainMenu2 li.off ul, #mainMenu2 li.on ul {
	position:absolute;
	/*put the subnavs below and hide them all*/
	display:none;
	padding-top: 5px;
	padding-right: 3px;
	background-color:#CCFF66;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
	border-top:0;
	width:auto;
	white-space: nowrap;
	padding-bottom:0px;
	text-align: left;
	font-size: 14px;
	
}

#mainMenu2 li ul li {
	clear:both;
	width: auto;
	height: 20px;
	_height: 10px;
	
}

#mainMenu2 li.off a, #mainMenu2 li.on a {
display:block;width:100%;

}

#mainMenu2  li.on ul li a, #mainMenu2 li.off ul li a {
	display: block;
	float: left;
	/*ie doesn't inherit the float*/

	color:#366969; /* grey blue list item text */
	margin-top:0;
	margin-bottom:0;
	margin-left:3;
	padding-top:10;
	padding-bottom:0;
	height:15px;
	_border-bottom: 1px groove #FFFFFF;
	
	
}

#mainMenu2 li.on a {
/*	background-image:url(../graphics/header/yellow-dot.gif);
	background-repeat:no-repeat;
	background-position: 1px 5px; */
	color: #006599;	
/*display the current topic*/
}

#mainMenu2 li.on li a {
	background-image:none;
	
	
}
#mainMenu2  li.on ul {/*display the current topic*/		width: auto;}

#mainMenu2 li.off:hover ul, #mainMenu2 li.on:hover ul, #mainMenu2 li.over ul { /*  display the other topics when their parent is hovered */display: block;	z-index: 7000;}

#mainMenu2 li.off ul li a {
	display:block;
	background:none;
	
	/*
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#FFFFFF;
	width:130px;
	padding-left:10px;
	*/
	width:130px;
	padding-right:4px;
	padding-left:4px;
	padding-top:2px;
	margin-left:1;
	margin-bottom:2;
	height:20px;
	background-color: #FFFFFF;
	border: 1px solid #CCFF66;
	
}


#mainMenu2 li.off ul li a:hover, 
#mainMenu2 li.off ul li:hover a,
#mainMenu2 li.on ul li a:hover, 
#mainMenu2 li.on ul li:hover a,
#mainMenu2 li ul li.over a {
  /* list item text 
	background-image:url(../graphics/header/red-dot-white-bg.gif);
	background-repeat:no-repeat;
	background-position: 1px 5px;  
	border-bottom: 1px solid #99CCCC;  light blue  
	background-color:#026394; */
		background-color:#D7FFFF; /* light blue */
		color:#366969; /* grey blue*/

}
/* SUBSUBNAV 
*******************************************************
*/
















/* ------------------------------------------------------------------------------------


             writer mini-nav (nav3)



------------------------------------------------------------------------------------------- */

#writer {
	position:absolute;
	top:265px; /* modify this height to change position of menu  */
	left:240px;
	display:block;
	width:134px;
	height:38px;
}



/* #writer ul {width:800px;} */ /* a fixed width for the UL tag itself, since it's horizontal instead of the default vertical */

#writer li {
	float:left;
	list-style-type:none;


	/* 
	***IE underscore hack***
	all other browsers will ignore the style
	#writer li a { }
	needs to be display:inline in order for IE to keep the list horizontal. 
	it cures the list becoming 	vertical but styling is limited on inline elemens 
	so i had to add padding to the a tags container which is this li
	*/

	margin-top:0;
	padding-top:0;
	border:0
}

#writer li a {
	display:block;
	/* 
	***IE underscore hack***
	Refer to parent element comment above
	*/
	_display:inline;
/*	margin-top:4px;
	_margin-top:6px; */


/*	height:22px; */ /* moz */
/*	_height:21px; */ /* msie/win */
	width:100%;
	color: white;
	text-decoration:none;
	
	font-weight:bold;
	font-size: .8em;
	padding-left:11px;
	_padding-left: 8px; /* msie/win only */
}

#writer li a:hover {
/*	background-image:url(../graphics/header/yellow-dot.gif); */ /* uncomment if you want a backgroun image to appear on mouse over for the main menu items (top level) */
}



/* 
********************************************************* 
*___________________DROPDOWN_CSS_CODE___________________*
*********************************************************
*/


/* modify fixed widths in top level nav items below.. */
#mainLink9 {
	width: 133px;
}


/* ------------------------------------------------------------------- */






/*THE SUBMENU*/
#writer li.off ul, #writer li.on ul {
	position:absolute;
	/*put the subnavs below and hide them all*/
	display:none;
	padding-right: 3px;
	background-color:#CCFFFF;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
	
	border-top:0;
	width:auto;
	white-space: nowrap;
	padding-bottom:5px;
	text-align: left;
	font-size: 70%;
}

#writer li ul li {
	clear:both;
	width: auto;
	height: 20px;
	_height: 10px;
}

#writer li.off a, #writer li.on a {display:block;width:100%;}

#writer  li.on ul li a, #writer li.off ul li a {
	display: block;
	float: left;
	/*ie doesn't inherit the float*/
	color:#006599;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	height:15px;
	_border-bottom: 1px groove #FFFFFF;
}

#writer li.on a {
/*	background-image:url(../graphics/header/yellow-dot.gif);
	background-repeat:no-repeat;
	background-position: 1px 5px; */
	color: #006599;
/*display the current topic*/
}

#writer li.on li a {
	background-image:none;
}
#writer  li.on ul {/*display the current topic*/		width: auto;}

#writer li.off:hover ul, #writer li.on:hover ul, #writer li.over ul { /*  display the other topics when their parent is hovered */display: block;	z-index: 8000;}

#writer li.off ul li a {
	display:block;
	background:none;
	padding-right:8px;
	padding-left:10px;
}


#writer li.off ul li a:hover, 
#writer li.off ul li:hover a,
#writer li.on ul li a:hover, 
#writer li.on ul li:hover a,
#writer li ul li.over a {
	background-image:url(../graphics/header/red-dot-white-bg.gif);
	background-repeat:no-repeat;
	background-position: 1px 5px;
	border-bottom: 1px solid #99CCCC;
	color:#026394;
}
/* SUBSUBNAV 
*******************************************************
*/

















/* ------------------------------------------------------------------------------------


             training mini-nav (nav4)



------------------------------------------------------------------------------------------- */

#training {
	position:absolute;
	top:398px; /* modify this height to change position of menu  */
	left:240px;
	display:block;
	width:134px;
	height:38px;
	
	font-size: 12;
	//font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
}



/* #training ul {width:800px;} */ /* a fixed width for the UL tag itself, since it's horizontal instead of the default vertical */

#training li {
	float:left;
	list-style-type:none;


	/* 
	***IE underscore hack***
	all other browsers will ignore the style
	#training li a { }
	needs to be display:inline in order for IE to keep the list horizontal. 
	it cures the list becoming 	vertical but styling is limited on inline elemens 
	so i had to add padding to the a tags container which is this li
	*/

}

#training li a {
	display:block;
	/* 
	***IE underscore hack***
	Refer to parent element comment above
	*/
	_display:inline;
/*	margin-top:4px;
	_margin-top:6px; */


/*	height:22px; */ /* moz */
/*	_height:21px; */ /* msie/win */
	width:100%;
	color: white;
	text-decoration:none;
	
	//font-weight:bold;
	//font-size: .89em;
	
	//font-size: 94%;
	padding-left:11px;
	_padding-left: 8px; /* msie/win only */
}

#training li a:hover {
/*	background-image:url(../graphics/header/yellow-dot.gif); */ /* uncomment if you want a backgroun image to appear on mouse over for the main menu items (top level) */
}



/* 
********************************************************* 
*___________________DROPDOWN_CSS_CODE___________________*
*********************************************************
*/


/* modify fixed widths in top level nav items below.. */
#mainLink10 {
	width: 133px;
}


/* ------------------------------------------------------------------- */






/*THE SUBMENU*/
#training li.off ul, #training li.on ul {
	position:absolute;
	/*put the subnavs below and hide them all*/
	display:none;
	padding-top: 9px;
	padding-right: 3px;
	background-color:#FFFFFF;
	opacity: 0.90;
	margin-left: 5px;
	border-top:0;
	width:auto;
	white-space: nowrap;
	padding-bottom:6px;
	text-align: left;
}

#training li ul li {
	clear:both;
	width: auto;
	height: 20px;
	_height: 10px;
}

#training li.off a, #training li.on a {display:block;width:100%;}

#training  li.on ul li a, #training li.off ul li a {
	display: block;
	float: left;
	/*ie doesn't inherit the float*/
	color:#6F8148;
	//font-weight: bold;
	margin-top:0;
	margin-bottom:3;
	padding-top:0;
	padding-bottom:0;
	height:15px;
	_border-bottom: 1px groove #FFFFFF;
}

#training li.on a {
/*	background-image:url(../graphics/header/yellow-dot.gif);
	background-repeat:no-repeat;
	background-position: 1px 5px; */
	color: #006599;
/*display the current topic*/
}

#training li.on li a {
	background-image:none;
}
#training  li.on ul {/*display the current topic*/		width: auto;}

#training li.off:hover ul, #training li.on:hover ul, #training li.over ul { /*  display the other topics when their parent is hovered */display: block;	z-index: 9000;}

#training li.off ul li a {
	display:block;
	background:none;
	padding-right:8px;
	padding-left:10px;
}


#training li.off ul li a:hover, 
#training li.off ul li:hover a,
#training li.on ul li a:hover, 
#training li.on ul li:hover a,
#training li ul li.over a {
	color: #365E66;
}
/* SUBSUBNAV 
*******************************************************
*/




/* ------------------------------------------------------------------------------------


             guide mini-nav (nav5)



------------------------------------------------------------------------------------------- */

#guide {
	position:absolute;
	top:396px; /* modify this height to change position of menu  */
	left:0px;
	display:block;
	width: 150px;
	height:133px;
	margin:0px;
	padding:0px;
	//font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	//font-weight: bold;
}



/* #guide ul {width:800px;} */ /* a fixed width for the UL tag itself, since it's horizontal instead of the default vertical */

#guide li {
	float:left;
	list-style-type:none;


	/* 
	***IE underscore hack***
	all other browsers will ignore the style
	#guide li a { }
	needs to be display:inline in order for IE to keep the list horizontal. 
	it cures the list becoming 	vertical but styling is limited on inline elemens 
	so i had to add padding to the a tags container which is this li
	*/

}

#guide li a {
	display:block;
	/* 
	***IE underscore hack***
	Refer to parent element comment above
	*/
	_display:inline;
/*	margin-top:4px;
	_margin-top:6px; */


/*	height:22px; */ /* moz */
/*	_height:21px; */ /* msie/win */
	width: 1px;
	color: white;
	text-decoration:none;
	
	//font-weight:bold;
	//font-size: .89em;

}

#guide li a:hover {
/*	background-image:url(../graphics/header/yellow-dot.gif); */ /* uncomment if you want a backgroun image to appear on mouse over for the main menu items (top level) */
}



/* 
********************************************************* 
*___________________DROPDOWN_CSS_CODE___________________*
*********************************************************
*/


/* modify fixed widths in top level nav items below.. */
#mainLink11 {
}


/* ------------------------------------------------------------------- */






/*THE left bottom SUBMENU*/
#guide li.off ul, #guide li.on ul {
	position:absolute;
	/*put the subnavs below and hide them all*/
	display:none;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 0px;
	background-color:#FFFFFF;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
	border: 0;
	border-top:0;
	white-space: nowrap;
	
	text-align: left;
	font-size: 12;
}

#guide li ul li {
	clear:both;
	height: 15px;
	_height: 15px;
}

#guide li.off a, #training li.on a {display:block;width:100%;}

#guide  li.on ul li a, #guide li.off ul li a {
	display: block;
	float: left;
	/*ie doesn't inherit the float*/
	color:#6F8148;
	margin-top:0;
	margin-bottom:2;
	padding-top:0;
	padding-bottom:2;
	margin-left:5px;
	margin-right:0px;
	height:15px;
}

#guide li.on a {
/*	background-image:url(../graphics/header/yellow-dot.gif);
	background-repeat:no-repeat;
	background-position: 1px 5px; */
	color: #006599;
/*display the current topic*/
}

#guide li.on li a {
	background-image:none;
}
#guide  li.on ul {/*display the current topic*/		width: auto;}

#guide li.off:hover ul, #guide li.on:hover ul, #guide li.over ul { /*  display the other topics when their parent is hovered */display: block;	z-index: 9000;}

#guide li.off ul li a {
	display:block;
	background:none;
	padding-right:0px;
	padding-left:0px;
}


#guide li.off ul li a:hover, 
#guide li.off ul li:hover a,
#guide li.on ul li a:hover, 
#guide li.on ul li:hover a,
#guide li ul li.over a {
	color: #56455B;
}
/* SUBSUBNAV 
*******************************************************
*/



#mainLink9 .topLevel, #mainLink10 .topLevel { /* nix the incorrect padding on the left edge of the mini nav images */
	_text-align: center; /* msie/win only */
	margin: 0px;
	padding: 0px;
}


/*
mainMenu is the top level nav to the upper right

mainMenu2 is the menu right under mainMenu in the upper right

writer is the first mini-menu in the left well

training is the second mini-menu in the left well

guide is the menu to the far bottom left ("field guide")


*/

p{
    margin-bottom:14;
    margin-top:14;
}
.pline{
    margin-bottom:10;
    margin-top:10;
    line-height: 15pt; 
}
h2{
    color:#CC6600;
}
h3{
    color:#CC6600;
}
h4{
    color:#CC6600;
    margin-left:10;
}
hr{
  color:#50507B;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
.maincontent{
  color:#666666;
  font-family: georgia;
  font-size: 11;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
  font-weight: bold;
}
.maincontentorange{
  color:#CC6600;
  font-family: georgia;
  font-size: 14;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
  font-weight: bold;
 }
 .maincontentli{
    margin-bottom:14;
    margin-top:14;
    margin-left:10;
    color:#666666;
    font-family: georgia;
    font-size: 11;
	  padding-top:0;
	  padding-bottom:0;
    font-weight: bold;
 }
.headerp{
  font-weight: bold;
  color:#666666;
  font-famiily: georgia;
  font-size: 14;
	margin-top:2;
	margin-bottom:2;
	margin-left:35;
	padding-top:2;
	padding-bottom:2;
}
.mainp{
  color:#50507B;
	margin-left:35;
  font-family: georgia;
  font-size: 11;
	margin-top:2;
	margin-bottom:2;
	padding-top:2;
	padding-bottom:2;
}
.stdfrm{
  color:#50507B;
  font-weight: bold;
  font-famiily: georgia;
  font-size: 12;
	margin-top:2;
	margin-bottom:2;
	padding-top:1;
	padding-bottom:1;
}
.midsize{
  color:#50507B;
  font-weight: bold;
  font-famiily: georgia;
  font-size: 12;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.small{
  color:#50507B;
  font-weight: bold;
  font-famiily: georgia;
  font-size: 10;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.title{
     color:#CC6600;
}

#floating_logo{
	position:absolute;
	top: 110px; /* modify this height to change position of menu  */
	left: 56px;
}
.lgcontentorange{
  color:#CC6600;
  font-family: georgia;
  font-size: 18;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
  font-weight: bold;
 }