/* CSS Document 
CSS for Company 

Light Brown: #DAD6C5
Light Red: #8F5A4C 
Light Blue: #ADBDD6
Text: #655637
*/

/* Change the hieight and the width of the entire menu here.  Also set up background color and font-size */
.menu {
	width:767px; 
	height:35px; 
	font-size:12px;
	position:relative;
	z-index:3000000;
	font-family: Arial, Helvetica, sans-serif;
	background:#DAD6C5;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* if not setting widths using the menu features below use the background setting to set a uniform look to your drop downs. */
.menu ul ul {
	width:100%;
	background:#8F5A4C;
}

/* Leave display:block at all time but set background color,border options, and width for drop downs here  If you have not set the background color above on .menu ul ul you will see a jagged edge for your dropdowns. You can also set padding here to space out text postion when not using menu feature below */ 
.menu ul ul li {
	border-top:1px solid white;
	display:block;
	background:#8F5A4C;
	width:100%;
	/* padding:0px 10px 0px 10px; */
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ 
.menu li {
	float:left;
	list-style-type:none;
	position:relative;
	
}

/* style the links for the top level Set line height to height set in .menu to vertically center your main links*/
.menu a, .menu a:visited {
	display:block;
	text-decoration:none; 
	color:#FFF !important;
	border-width:1px 1px 0 0; 
	padding-left:20px; 
	line-height:36px;
}

.menu ul li a:hover {
	color:#C2A097 !important;	
}

.menu ul li ul li a:hover {
	color:#FFF !important;	
}

/* Set Basic Styles for Drop down only */
.menu ul li {
	
}



/* a hack so that IE5.5 faulty box model is corrected  -- Set the Width of your level one anchor tags here*/
* html .menu a, * html .menu a:visited {
	/* width:100%;
	w\idth:100%;  */
}





/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	/* set to same number as height of ,menu */
	top:36px;
	left:10;
	line-height:10px; 
}

/* another hack for IE5.5 */
* html .menu ul ul {
	/*top:30px;
	t\op:31px; */
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	color:#FFF; 
	line-height:29px;  
	z-index:3000;
} 

/* yet another hack for IE6 width of the secondary pull downs*/
* html .menu ul ul a {
	/* width:150px;
	w\idth:129px;*/
}

/* style the top level hover */
.menu a:hover {
	color:#FFF; 
	background:
}
/* change the color for the hover on all drop down links links */
.menu ul ul a:hover {
	color:#FFF;
	background:#ADBDD7;
	display:block; 
}

/* style the second level background - used for IE6 only
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#2E4449;  border:1px solid yellow;}

/* style the second level hover 
.menu ul ul a.drop:hover{background:#2E4449; }
.menu ul ul :hover > a.drop {background:#2E4449; }
*/
.menu :hover > a, .menu ul ul :hover > a {
	color:#FFF;
}

/* make the second level visible when hover on first level list OR link - DO NOT TOUCH OR YOU WILL BREAK THE SYSTEM*/
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; margin-top:-3px;}

/*  define the classes for each menu -- You can add with to indivdual menu links by change the css below.  When removing the width please using padding in the .menu li class above  */

.menuOne {
	 text-align:left;
}

* html .oneUL {
	position:relative;
	width:100px !IMPORTANT;
}
.oneUL li{
	 z-index:300;
}

.menuTwo {
	text-align:center;
}

.twoUL li {
	z-index:310;
}

.menuThree {
	text-align:center;
}

.threeUL li {
	z-index:320;
}

.menuFour{
	text-align:center;
}

.fourUL li { 
	z-index:340; 
}

.menuFive {
	text-align:center;
}

.fiveUL li {
	z-index:330;
}

/* you can not declare an attribute twice and have the drop downs work in IE6.  Every declared attribute needs to be different from the on and off state */

.menuSix {
	background:url(../images/wheat_b.jpg) no-repeat #8F5A4C;
	height:26px;
	overflow:hidden;
	border:4px solid #DAD6C5 !important;
	margin-left:20px;
	line-height:26px !important;
	padding-right:10px;
	color:#fff !important;
}

* html .menuSix {
	margin-top:1px;
	width:200px; /* Love you microsoft */
	height:26px !important;
}
.menuSix:hover{
	background:url(../images/wheat_b.jpg) no-repeat #ADBDD6 1px 0px !important;
	
}

.sixUL {
	position:relative;
	left:30px !important;
	width:190px;
}

* html .menuSix ul li {
	width:225px;
}

.screening {
	line-height:16px !important;
}