BODY
{	
	behavior: url("css/csshover.htc");
	margin:0px;
}
/* THIS IS NEEDED FOR THE CNN NEWS FEED */
p
{
	display:inline;
	height:0px;
}
img
{
	border:none;
}
* {
	font-family: Tahoma, Arial, Helvetica, 'Times New Roman';
	font-size: 10pt;
	color: #75807A;
}

/***********************************************************************

	 MAIN MENU STYLES

************************************************************************/

ul 
{
	margin-top:0;
	margin-bottom:0;
}



	/* the menu */

	ul.menu,li.menu,li.folder,a.menu,a.submenu {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	ul.menu {
		width:180px;
		margin-right:16px;
		border:1px solid #75807A;
		background:#F1F7F4;
		list-style:none;
	}

	li.menu, li.folder
	{
		position:relative;
		padding:1px;
		padding-left:26px;
		/*background:url("images/item_moz.gif") no-repeat;*/
		z-index:9;
	}
		/*li.folder	{ background:url("images/item_folder.gif") no-repeat; }*/
		li.folder ul {
			position:absolute;
			left:150px; /* IE */
			top:0px;
		}		
			li.folder>ul { left:180px; } /* others */

	a.menu, a.submenu
	{
		text-align:left;
		padding:2px;
		background-color:  #FFFFFF;
		border:1px solid white;
		border-color:#A19C7C;
		border-width:1px;
		text-decoration:none;
		color:#75807A;
		width:100%; /* IE */
	}
		li>a.menu,li>a.submenu { width:auto; } /* others */

	li a.submenu {
		background:url("../Images/FolderArrow.bmp") right no-repeat #FFFFFF;
		color:#75807A;
	}

	/* regular hovers */

	a:hover, li.folder a.submenu:hover, div.PageSubMenu a:hover,  
	div.SiblingMenuHeader a:hover, div.SiblingMenu a:hover
	{
		background-color:#a02601;
		color:#d3bd6b;
	}
	div.SiblingMenu a.Selected
	{
		background-color:#75807A;
		color:#FFFFFF;
	}
	li.folder a.submenu:hover
	{
		background-image: url("../Images/FolderArrow2.bmp");
		background-position:right;
	}
			
		li.folder a.menu:hover, a.submenu:hover
		{
			background-color:#a02601;
			color:#d3bd6b;
		}
	
	/* hovers with specificity */
	
	li.folder:hover
	{
		z-index:10; }		
		
	ul ul.menu, li:hover ul ul {
		display:none;
	}

	li:hover ul, li:hover li:hover ul {
		display:block;
	}		

.UpperLeftCorner
{
	background-position: left top;
	background-image: url(browncorner_upleft.bmp);
	background-repeat: no-repeat;
}

.UpperRightCorner
{
	background-position: top right;
	background-image: url(browncorner_upright.bmp);
	background-repeat: no-repeat;
}

/**********************************************************************

	 SUBMENU - GRAY BOXES - appears in content area with sublinks
	 SIBLING MENU - SIMILAR LOOK TO MAIN MENU - appears in left menu
        area below the main menu.

************************************************************************/

div.PageSubMenu
{
	background-color: #F1F7F4;
	border: solid 1px #A5B3AB;
	width: 180px;
	text-align: left;
}

div.SiblingMenuHeader
{
	font-weight:bold;
	width:180px;
	/*display:block;*/
	margin:0px;
}

div.SiblingMenu
{
	background:#F1F7F4;
	width:180px;
	display:block;
	border: solid 1px #75807A;
	color:#a02601;
	margin:0px;
}

div.SiblingMenuHeader a, div.SiblingMenu a
{	
	display:block;
	width:100%;
	padding:1px;
	padding-left:4px;
	text-decoration:none;
	border:solid 1px #A19C7C;
}
div.SiblingMenuHeader a
{
	margin:0px;
	background:#FFFFFF;
	border-bottom:none;
}
div.SiblingMenu a
{
	margin:1px;
	margin-left:26px;
	background:#ffffff;
}
div.SiblingMenu a.Child
{
	margin:0px;
	margin-left:26px;
	padding-left:16px;
	font-size:8pt;
	border:none;
}

div.PageSubMenu a
{
	display:block;
	width:100%;
	padding:1px;
	padding-left:4px;
	margin:1px;
	text-decoration:none;
	border:solid 1px #A19C7C;
}

div.PageSubMenu>a, div>a, div>div.PageSubMenu>a.menu,a.menu,div.SiblingMenuHeader>a,div.SiblingMenu>a
{
	width:auto;
}
div.PageSubMenuMultiLink
{
	display:block;
	width:100%;
	padding:2px;
	padding-left:4px;
	margin:1px;
}
div.PageSubMenuMultiLink a
{
	display:inline;
	width:auto;
	padding:1px;
}
/*************************************************************

	 HEADINGS - 

**************************************************************/

.H1
{
	font-size:14pt;
	font-weight:bold;
}

.H2
{
	font-size:12pt;
	font-weight:bold;
}

.H3
{
	font-size:10pt;
	font-weight:bold;
}

/************************************************************

     GLOSSARY - REMOVE UNDERLINE, MAKE INLINE (INSTEAD OF
	 BLOCK) TEXT, CHANGE FONT SIZE TO MATCH THE PARENT

*************************************************************/

a.Glossary, div a.Glossary
{
	display:inline;
	font-size:100%;
	text-decoration:none;
	padding:0;
	color:#a02601;
	cursor:pointer;
	border:0px;
}

a.Glossary:hover
{
	background-color:#a02601;
	color:#d3bd6b;
}

/****************************************************************

    BOTTOM MENU SECTION - WHITE/UNDERLINED

*****************************************************************/

a.NoDecor
{
	color:#75807A;
	display:inline;
	font-size:100%;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	border:0px;
}
a.NoDecor b
{
	color:#75807A;
	font-size:14pt;
	font-weight:bold;
}
a.NoDecor b.MouseOver
{
	color:#a02601;
}
a.NoDecor img
{
	border:none;
}
a.NoDecor:hover, a.NoDecor b:hover
{
	background-color:transparent;
}
a.WhiteMenu, div a.WhiteMenu
{
	display:inline;
	font-size:100%;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	border:0px;
}

a.WhiteMenu:hover
{
	background-color:#a02601;
	color:#d3bd6b;
}

/**************************************************************

    SITE MAP - BLOCK STYLES

***************************************************************/


div.SiteMap
{
	background-color:#eeeeee;
	display:block;
	border:solid 1px #A5B3AB;
	position:relative;
	margin:2px;
	margin-left:26px;
	width:100%;
}
div.SiteMapMain>div
{
	width:auto;
}
div.SiteMap:hover
{
	background-color:#dddddd;
	color:#d3bd6b;
}
div.SiteMap a:hover
{
	background-color:#a02601;
	color:#d3bd6b;
}

div.SiteMap a
{
	display:block;
	text-decoration:none;
	width:100%;
	padding:2px;
	color: #a02601;
}
div.SiteMap>div
{
	width:auto;
}
/***********************************************************

   ROUNDED CORNERS

************************************************************/
.UpperLeftCorner
{
	background-position: left top;
	background-image: url(../images/browncorner_upleft.bmp);
	background-repeat: no-repeat;
}

.UpperRightCorner
{
	background-position: top right;
	background-image: url(../images/browncorner_upright.bmp);
	background-repeat: no-repeat;
}

.LowerLeftCorner
{
	display:inline-block;
	background-position: left bottom;
	background-image: url(../images/browncorner_downleft.bmp);
	background-repeat: no-repeat;
}

.LowerRightCorner
{
	display:inline-block;
	background-position: right bottom;
	background-image: url(../images/browncorner_downright.bmp);
	background-repeat: no-repeat;
}
