﻿/**************** menu coding *****************/
* html #menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

#menu {
width: 159px;
z-index: 100;
text-align: left;
margin-left: -10px;
}

#menu ul {
list-style: none;
margin: 0;
margin: 0 0 0 5px;
padding: 0;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;

margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #666666;
background: #eeeeee;
text-decoration: none;
}

#menu a:hover {
color: #663200;
background: #eee;
}

#menu li {
position: relative;
font-family: Arial;
font-size: 11pt;
}

.mainHeadingsMenu
{
	padding: 2px;
	cursor: pointer;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 96%;
width: 100%;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
.subMenu
{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

/*DROP OUT MENU*/
	.dropOutMenu
	{
		font-family: Arial;
		color: #999999;
		
	}
	.dropOutMenuSub
	{
		border: 1px solid #cccccc;
		padding: 3px;
		background-color: #eeeeee;
	}
	.dropOutMenuNotHover
	{	
		color: #999999;
		padding: 3px 3px 0px 3px;
	}
	.dropOutMenuHover
	{
		
		padding: 3px 3px 0px 3px;
		color: #cccccc;
	}

	.newsPanel
	{
		background: url("../Images/newsPanelSides.jpg") repeat-y;
		width: 180px;
		float: left;
		#float: none;
	}
		.newsTitle
		{		
			color: #ffffff;
			padding-top: 7px;
			background: url("../Images/newsTitleBg.jpg") no-repeat;
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			text-align: left;
			height: 20px;
			width: 180px;
			padding-left: 100px;
			clear:both;
		}
		.newsFade
		{
			background: url("../Images/newsPanelFade.jpg") no-repeat;
		}
		.newsDate
		{
			color: #666666;
			padding-right: 10px;
			font-size: 10px;
		}
		.newsPanelContent
		{
			padding: 5px 10px 4px 10px;
		}
		#newsPanelContentArchive
		{
			padding: 5px 10px 4px 10px;
			width: 660px;
			border-top: 1px solid #cccccc;
			
		}
		.newsPanelContentLeft
		{
			float: left;
			width: 60px;
			
		}
		.newsPanelContentRight
		{			
			width: 570px;
			
		}
		.newsPanelTop
		{
			background: url("../Images/newsPanelTop.jpg") no-repeat;
			height: 10px;
			clear: both;
		}
		.newsPanelBottom
		{
			background: url("../Images/newsPanelBottom.jpg") no-repeat;
			height: 13px;
			clear: both;
		}
			.newsArchive
			{
				text-align: right;
				padding-right: 10px;
			}
			a.newsLink
			{
				color: #999999;
				text-decoration: none;
				font-weight: bold;
			}
			a.newsLink:hover
			{
				color: #999999;
				text-decoration: underline;
				font-weight: bold;
		}
		
		