/* from the George Came/Parish Insurance website code */


div#Navigation
{
	width: 1024px;
	height: 85px;
	background-color: #547274;
	margin-top: -16px;
	border: none;
    float:inherit;
}


#Navigation ul
{
    list-style-type: none;
    margin: 35px 0 0 0;
    width: 970px;
    height: 30px;
    float: left;
    border: none;
}

#Navigation ul li
{
    display: inline;
    float: left;
    position: relative;
    border: none;
    height: 37px;
}

#Navigation ul li ul li.SubCommercial
{
	border: none;
	height: auto;
}
#Navigation ul li ul li.DoubleHeight
{
	border: none;	
	height: auto;
}

/* top level menu links, unvisited and visited */
#Navigation ul li a
{
	color: White;
}
#Navigation ul li a:visited
{
	color: Silver;
}

/* right hand side menu links, unvisited and visited */
#Navigation ul li ul li a
{
	border: none; /* set to "solid red 1px;" for diagnostic purposes */
	text-align: left;
	padding-left: 3px;
	color: White;
}
#Navigation ul li ul li a:visited
{
	color: Silver;
}

/* below (quite clearly!) sets the widths for the horizontal menu items */
#Navigation ul li.Home { width:16%;}
#Navigation ul li.History { width:16%;}
#Navigation ul li.Commercial { width:16%;}
#Navigation ul li.Personal { width:16%;}
#Navigation ul li.Claims { width:16%; }
#Navigation ul li.Contact { width:16%;}

/* stuff for commercial menu drop down list */
#Navigation .Commercial .CommercialMenu
{
	width: 200px;
	z-index: 1000;
}

#Navigation ul li a,
#Navigation ul li.Commercial a,
#Navigation ul li.Commercial ul li a,
#Navigation ul li.Commercial span,
#Navigation ul li.Personal a,
#Navigation ul li.Personal ul li a
{
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding: 8px 0;
    height: 20px;
    font-family: Arial,Tahoma;
    white-space: nowrap;
    text-align: center;
}

/*
#Navigation ul li a:hover,
#Navigation ul li.Commercial a:hover,
#Navigation ul li.Commercial ul li a:hover,
#Navigation ul li.Personal a:hover,
#Navigation ul li.personal ul li a:hover
{
    color:#0071bc;
    cursor: hand;
    font-weight: bold;
}
*/


ul li a:hover,
body ul li:hover a,
body#home ul li.Home a,
body#history ul li.History a,
body#commercial ul li.Commercial a,
body#personal ul li.Personal a,
body#claims ul li.Claims a,
body#Risk ul li.Risk a,
body#Claims ul li.Claims a,
body#contactUs ul li.Contact a
{
    color: #C0C0C0;
    font-weight: bold;/* make the selected top menu item bold */
}

/* hide the sub levels and give them a position absolute so that they take up no room */
#Navigation ul li ul
{
    visibility:hidden;
    /* 1visibility:visible; */
    position:absolute;
    height:0;
    top:-3px;
    left:-2px;
    width:110px;
}

/* formatting only */
#Navigation ul ul li,
#Navigation ul ul li:hover
{
	/*
    margin:0;
    border:0;
    padding:0;
	*/
}


#Navigation ul li ul li
{
    text-decoration: none;
    text-align: left;
    display: block;
    width: 200px;
    height: 30px;
    color: #fff;
	background-color: #547274;
    border: none;
    z-index: 1000;
    padding: 9px 0;
}

#Navigation ul li.Commercial ul li.SubCommercial a
{
    height: 20px;
}
#Navigation ul li.Commercial ul li.DoubleHeight a
{
    height: 60px; /* two rows of text! That's all! */
}

/*
#Navigation ul li ul li a:hover
{
    border:2px solid #fff;	
    color:#60bc55;
    cursor: crosshair;
} 
*/

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

/* style the top level hover */
#Navigation ul ul a:hover,
#Navigation ul ul :hover > a,
#Navigation ul li ul li a:hover
{
    1background-color:#f3fcce;
    1color:#000;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul,
#menu ul li ul:hover li
{
    visibility: visible;
}


/* SMALL SIDE MENU IN "COMMERCIAL" SECTION OF THE SITE */

a.CommercialMenu
{
	border: none; 
	text-align: left;
	padding-left: 3px;
	color: White;
}

a.CommercialMenu:visited
{
	color: Silver;
}

/* SMALL SIDE MENU IN "PERSONAL" SECTION OF THS SITE */

a.PersonalMenu
{
	border: none; 
	text-align: left;
	padding-left: 3px;
	color: White;
}

a.PersonalMenu:visited
{
	color: Silver;
}