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

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; font-size:14px; position:relative;}

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

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

#top-right-link { text-align:right; padding:18px 0 0 0;}
#top-right-link a{ text-decoration:none; color:#FFF; font-weight:bold;}
#top-right-link a:hover{ color:#CCC;}


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

#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; text-decoration:none;}

#members #nav-1{ background-position: 0px -31px;}
#provider-portal #nav-2{ background-position: 0px -31px;}
#providers #nav-3{ background-position: 0px -31px;}
#helpful-links #nav-4{ background-position: 0px -31px;}
#about-us #nav-5{ background-position: 0px -31px;}
#contact-us #nav-6{ background-position: 0px -31px;}

#members #nav-1 a{ color:#FFFFFF;}
#provider-portal #nav-2 a{ color:#FFFFFF;}
#providers #nav-3 a{ color:#FFFFFF;}
#helpful-links #nav-4 a{ color:#FFFFFF;}
#about-us #nav-5 a{ color:#FFFFFF;}
#contact-us #nav-6 a{ color:#FFFFFF;}

.top-nav {width:151px; 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;}
.top-nav a:visited { color:#8d1526; 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:151px;}
#menu ul ul#dd-2{width:151px;}
#menu ul ul#dd-3{width:151px;}
#menu ul ul#dd-4{width:151px;}
#menu ul ul#dd-5{width:151px;}
#menu ul ul#dd-6{width:151px;}

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



/* 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;  text-decoration:none;}

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


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

div#menu li li li a{color:#ffffff; width:151px; display:block;padding:5px 5px 5px 5px; }
div#menu li li li a:hover{text-decoration:none;}