/*
----------------------------

Name:     "MyMaineCare.com" navigation styles
Designer: Chris Bohnsack
URL:      www.bohnsackdesign.com
Date:     3, 2009 v1.0

----------------------------------------------- */


/* ----------------------------------------------- 
//////////////////////////////////////////////////
header 
//////////////////////////////////////////////////
----------------------------------------------- */

#header { background:url(/images/header.jpg); width:937px; height:90px; }

#header-link a {text-indent:-999999px; width:450px; height:90px; float:left; display:block;}

#header-nav{ padding:65px 0 0 580px;}
#header-nav ul{}
#header-nav ul li{ float:left; padding:0 15px 0 15px;}
#header-nav ul li a{ color:#FFFFFF;}
#header-nav ul li a:hover{ color:#CCCCCC; text-decoration:none;}




/* ----------------------------------------------- 
//////////////////////////////////////////////////
main navigation 
//////////////////////////////////////////////////
----------------------------------------------- */
#menu {height:31px; margin:0px; background:url(/images/nav-bg.gif); padding:0 9px 2px 9px;}

#menu ul li.top-nav {height:31px; display:block; float:left;}

li a.top-link{font-size:15px; height:21px; display:block; text-align:center; padding-top:10px;}

#recipients #nav-1{ background-position: 0px -31px;}
#providers #nav-2{ background-position: 0px -31px;}
#links #nav-3{ background-position: 0px -31px;}
#about-us #nav-4{ background-position: 0px -31px;}
#contact-us #nav-5{ background-position: 0px -31px;}

#recipients #nav-1 a{ color:#FFFFFF;}
#providers #nav-2 a{ color:#FFFFFF;}
#links #nav-3 a{ color:#FFFFFF;}
#about-us #nav-4 a{ color:#FFFFFF;}
#contact-us #nav-5 a{ color:#FFFFFF;}

.top-nav {width:181px; background:url(/images/nav-btn.gif) no-repeat 0px 0px; padding:0 2px 0 1px; font-family:"Trebuchet MS", Arial, Verdana;}

.top-nav a:hover { color:#FFFFFF; text-decoration:none;}





/* ----------------------------------------------- 
//////////////////////////////////////////////////
pulldown navigation 
//////////////////////////////////////////////////
----------------------------------------------- */
#menu ul ul.dropdown{
float:left;
position:absolute;
z-index:500;
top:auto;
display:none;
background:#520711;
border:none;
}

#menu ul ul#dd-1{width:181px;}
#menu ul ul#dd-2{width:181px;}
#menu ul ul#dd-3{width:181px;}
#menu ul ul#dd-4{width:181px;}
#menu ul ul#dd-5{width:181px;}
#menu ul ul#dd-6{width:181px;}

#menu ul ul#dd-1 ul {float: left; width:181px;}
#menu ul ul#dd-2 ul {float: left; width:181px;}
#menu ul ul#dd-3 ul {float: left; width:181px;}
#menu ul ul#dd-4 ul {float: left; width:181px;}
#menu ul ul#dd-5 ul {float: left; width:181px;}
#menu ul ul#dd-6 ul {float: left; width:181px;}



/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


div#menu li:hover { cursor:pointer; z-index:100; background-position: 0px -31px;}
div#menu li:hover a {color:#FFFFFF;}

div#menu li:hover ul.dropdown {display:block;}


div#menu li li li {padding:5px 5px 5px 5px; line-height:1.2em; color:#ffffff; font-size:13px;}
div#menu li li li:hover{background:#8d1526;}

div#menu li li li a{color:#ffffff;}
div#menu li li li a:hover{text-decoration:none;}