/* CSS Document */

/* 
Navigation styling for FATIC Southeast/Mid-Atlantic Division
version 1.0 
last modified: 04/06/07
copyright 2007 - First American Title Insurance Company
created by: kristopher olds, kolds@firstam.com
*/





#mainMenu{
	z-index:5;
	position:absolute;
	top: 240px;
	width:776px;
	background: url(../images/menubar-bg.png) repeat-x top left !important;
	background: url(../images/menubar-bg.gif) repeat-x top left;
	text-align:center;
	}
	
#menu{
	z-index:5px;
	position:absolute;
	top: 138px;
	width:776px;
	background: url(../images/menubar-bg.png) repeat-x top left !important;
	background: url(../images/menubar-bg.gif) repeat-x top left;
	text-align:center;
	}
	
	
#mainMenu ul, #menu ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	height:65px;
	width:760px !important;
	width:715px;	
	}

#mainMenu li, #menu  li{
	float:left;
	}


#mainMenu a, #menu a{
	display: block;
	margin: 4px 0;
	padding:0 1em;
	line-height:37px;
	font-weight:bold;
	text-decoration: none;
	color:#01396f;
	}

#mainMenu a:hover, #menu a:hover{
	background: url(../images/menubar_highlight.png) repeat-x left bottom !important;
	background: url(../images/menubar_highlight.gif) repeat-x left bottom;
	color:#FFF;
	}
	
#menu .hoverON a{
	background: url(../images/menubar_highlight.png) repeat-x left bottom !important;
	background: url(../images/menubar_highlight.gif) repeat-x left bottom;
	color:#FFF;
	}
	



/* main menu navigation 
	

#mainMenu{
	z-index:5;
	position:absolute;
	top: 225px;
	width:700px;
	}
	
#menu{
	z-index:5px;
	position:absolute;
	top: 123px;
	width:700px;
	}
	
#mainMenu ul, #menu ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	height:65px;

	}

#mainMenu ul li, #menu ul li{
	float:left;
	}


#mainMenu a, #menu a{
	display: block;
	padding:0 .6em;
	line-height:65px;
	font-weight:bold;
	text-decoration: none;
	color:#01396f;
	background:url(../images/menu.png) repeat-x left top !important;
	background:url(../images/menu.gif) repeat-x left top;
	}

#mainMenu a:hover, #menu a:hover{
	background:url(../images/menu.png) repeat-x left bottom !important;
	background:url(../images/menu.gif) repeat-x left bottom;
	color:#01396f;
	}
	
#menu .hoverON a{
	background:url(../images/menu-hover.png) repeat-x left bottom !important;
	background:url(../images/menu-hover.gif) repeat-x left bottom;
	color:#FFF;
	}
	
#mainMenu .menu_nub, #menu .menu_nub{
	float:left;
	display:block
	padding-right:5px;
	padding-left:5px;
	line-height:65px;
	color:#FFCC00;
	background:url(../images/menu-end.png) no-repeat left top !important;
	background:url(../images/menu-end.gif) no-repeat left top;
	}
	
*/

/* sub menu navigation */

#subNav{
	width:150px;
	margin:25px 0 0 0;
	float:left;
	display:inline;
	}
	
.submenu ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.submenu li{
	background-color:#b3c4d4;
	margin-bottom:3px;
	background:#b3c4d4 url(../images/subnav-bottom.gif) no-repeat bottom left;
	padding:0;
	display:inline:/* :KLUDGE: removes large gaps in IE/Win */  
	}

.submenu li h2{
	font-size:12px;
	font-weight:bold;
	background:url(../images/subnav-top.gif) no-repeat top left;
	padding:8px 0;
	margin:0;
	display:inline:/* :KLUDGE: removes large gaps in IE/Win */  
	}
	
.submenu a{
	line-height:18px;
	padding-left:23px;
	padding-right:5px;
	color:#01396f;
	display:block;
	font-weight:bold;
	font-size:11px;
	background:	url(../images/submenu-titlebullet.gif) no-repeat top left;
	text-decoration:none;
	}
	
.submenu a:hover{
	text-decoration:underline;
	}
	
.submenu .subON a{
	background: #e6ebf1 url(../images/submenu-titlebulletON.gif) no-repeat top left;
	color:#01396f;
	}
	
	
.submenu .subON a{
	background: #e6ebf1 url(../images/submenu-titlebulletON.gif) no-repeat top left;
	color:#01396f;
	}
	
.submenu .subON h2{
	font-size:12px;
	font-weight:bold;
	background:url(../images/subnav-topON.gif) no-repeat top left;
	margin:0;
	padding:8px 0 0 0;
	}
	
.submenu a.imagelink{
	background:none;
	padding:5px 10px;
	}
	
	
/*

#subNav{
	width:150px;
	margin:25px 0 0 0;
	padding:0;
	float:left;
	display:inline;
	}
	
	
.submenu ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.submenu li{
	background:#b3c4d4 url(../images/subnav-bottom.gif) no-repeat bottom left;
	padding:0;
	margin-bottom:5px;
	display:inline:/* :KLUDGE: removes large gaps in IE/Win */  /*
	}

.submenu li h2{
	font-size:12px;
	font-weight:bold;
	background:url(../images/subnav-top.gif) no-repeat top left;
	padding:0;
	margin:0;
	display:inline:/* :KLUDGE: removes large gaps in IE/Win */  /*
	}


.submenu a{
	line-height:18px;
	padding-left:23px;
	padding-right:5px;
	padding-top:8px;
	padding-bottom:8px;
	margin:0;
	color:#01396f;
	display:block;
	font-weight:bold;
	font-size:12px;
	background:	url(../images/submenu-titlebullet.gif) no-repeat top left;
	text-decoration:none;
	}
	
.submenu a:hover{
	text-decoration:underline;
	}
	
.submenu .subON a{
	background: #e6ebf1 url(../images/submenu-titlebulletON.gif) no-repeat top left;
	color:#01396f;
	}
	
.submenu .subON h2{
	font-size:12px;
	font-weight:bold;
	background:url(../images/subnav-topON.gif) no-repeat top left;
	margin:0;
	padding:0;
	}
	
.submenu a.imagelink{
	background:none;
	padding:5px 10px;
	}
	
	


*/

.sub ul{
	padding-top:3px;
	padding-bottom:5px;
	list-style:none;
	width:150px;
	background:#e6ebf1 url(../images/subnav-bottomON.gif) no-repeat bottom left;
	display:inline:/* :KLUDGE: removes large gaps in IE/Win */ 
	}
	
.sub li{
	background:none;
	padding:0;
	margin:0;
	display:inline:/* :KLUDGE: removes large gaps in IE/Win */  
	}
	
.sub .indent a {
	line-height:14px;
	padding-left:28px;
	padding-right:3px;
	padding-bottom:0;
	padding-top:0;
	margin:0;
	color:#809a9;
	display:block;
	font-weight:bold;
	font-size:10px;
	background:url(../images/submenu-bullet.gif) no-repeat top left;
	text-decoration:none;
	}
	
.sub .indent a:hover {
	color:#01396f;
	text-decoration:underline;
	background:url(../images/submenu-bullet.gif) no-repeat top right;
	}
	
.sub .indentON a, .sub .indentON a:hover{
	line-height:14px;
	font-size:10px;
	padding-left:28px;
	padding-right:3px;
	padding-bottom:0;
	padding-top:0;
	color:#01396f;
	margin:0;
	text-decoration:underline;
	background: url(../images/submenu-bullet.gif) no-repeat top right;
	}
	
	
	
	
	
/* spare subnav


#subNav{
	width:150px;
	margin:50px 0 0 10px;
	float:left;
	display:inline;
	}
	
.submenu ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.submenu li{
	background-color:#01396f;
	margin-bottom:5px;
	background:#01396f url(../images/subnav-bottom.gif) no-repeat bottom left;
	padding:0;
	display:inline:

	}
	
.submenu a{
	line-height:35px;
	text-indent:5px;
	color:#FFF;
	display:block;
	font-weight:bold;
	font-size:11px;
	background:url(../images/subnav-top.gif) no-repeat top left;
	text-decoration:none;
	}
	
.submenu a:hover{
	color:#ffcc33;
	}
	
.submenu .subON a{
	background:url(../images/subnav-top.gif) no-repeat top left;
	color:#ffcc33;
	}
	
.submenu a.imagelink{
	background:none;
	}
	
	




.sub ul{
	padding-bottom:5px;
	border-top:#FFF solid 1px;
	list-style:none;
	width:150px;
	}
	
.sub li{
	background:none;
	padding:0;
	margin:0;
	display:inline;
	}
	
.sub .indent a {
	line-height:20px;
	padding-left:13px;
	font-size:10px;
	background:#01396f url(../images/subnavbg.gif) no-repeat top left;
	color:#FFFFFF;
	}
	
.sub .indent a:hover {
	color:#FFF;
	background:url(../images/subnavbg.gif) no-repeat top right;
	}
	
.sub .indentON a, .sub .indentON a:hover{
	line-height:20px;
	font-size:10px;
	padding-left:13px;
	color:#FFF;
	background: url(../images/subnavbg.gif) no-repeat top right;
	}
	
	
	
	
/**/
	
	



	
.contact{
	background:url(../images/cu-bg.gif) no-repeat top left;
	width:100px;
	max-width:100px;
	max-height:25px;
	height:25px;
	}

.contact h2{
	font-weight:bold;
	font-size:10px;
	line-height:25px;
	text-indent:5px;
	}

.contact a{
	display:block;
	text-decoration:none;
	color:#FFF;
	}
	
.contact a:hover{
	background:url(../images/cu-bg.gif) no-repeat top right;
	color:#01396f;
	}