﻿.menu
{
	font: 90% "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}

.menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu ul li
{
	float: left;
	position: relative;
}

.menu ul li:hover,
.menu ul li.hover
{
	z-index: 100;
}

.menu ul a
{	
	background: rgb(254,238,191);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(254,238,191)),color-stop(0.85, rgb(255,246,222)));
	background-image: -moz-linear-gradient(center bottom,rgb(254,238,191) 50%,rgb(255,246,222) 85%);
	color: rgb(153,51,0);
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
	font-weight: bold;
	padding: 10px;
	display: block;
	border: 1px solid rgb(254,203,51);
	position: relative;
	margin-left: -1px; /* collapses the left border */
}

.menu ul a:hover,
.menu ul a:focus,
.menu ul a:active,
.menu ul li.hover a /* <- keeps the tab hover state on as the dropdown gets explored */
{	
	background: rgb(153,51,0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(153,51,0)),color-stop(0.85, rgb(189,78,23)));
	background-image: -moz-linear-gradient(center bottom,rgb(153,51,0) 50%,rgb(189,78,23) 85%);
	color: rgb(255,255,255);
	border: 1px solid rgb(111,44,10);
	text-shadow: 0 1px 1px rgba(0,0,0,0.7);
}

.menu ul ul
{
	position: absolute;
	top: 100%;
	left: -9999em;
	width: 180px;
}

.menu ul li:hover ul,
.menu ul li.hover ul
{
	left: 0;
}

.menu ul ul li
{
	float: none;
	position: static;
}

.menu ul li:hover ul a,
.menu ul li.hover ul a
{	
	background: rgb(255,255,255);
	color: rgb(153,51,0);
	border: 1px solid rgb(111,44,10);
	padding: 5px 10px;
	width: 168px;
	text-shadow: none;
	margin-top: -1px; /* collapses top border */
}

.menu ul li:hover ul a:hover,
.menu ul li.hover ul a:hover,
.menu ul li.hover ul a:focus,
.menu ul li.hover ul a:active
{	
	background: rgb(254,245,200);
	color: rgb(153,51,0);
}


.AccodianPaneHeader
{
   color: #003366;
   text-decoration: none;
   width: 100%;
}

#h1, #h2, #h3, #h4, #a1, #ph1, #c1, #c5, #pp1, #pp2, #mb1,#mb5, #l1, #l2, #l3, #l4, #he1, #he2
{
   padding-left: 0px;
   text-align:center;
   width: 120px;
}
 /*width: 120px;*/
#a2, #a3, #a4
{
   width: 110px;
   font-size: 16px;
}

#mb2, #mb3, #mb4, #mb6, #mb7, #mb8
{
   width: 85px;
   font-size: 16px;
}

#ph2a, #ph2b, #ph2c, #ph2d
{
   width: 120px;
   font-size: 16px;
}


#ph3a, #ph3b, #ph3c, #ph3d, #ph3e, #ph3f, #ph3g
{
   width: 130px;
   font-size: 16px;
}
#ph3h, #ph3i, #ph3j
{
   width: 90px;
   font-size: 16px;
}
#ph3k, #ph3l, #ph3m
{
   width: 165px;
   font-size: 16px;
}

#c2, #c3, #c4, #c6, #c7, #c8
{
   width: 130px;
   font-size: 16px;
}
