#mainnav
{
	margin: 0 auto;
    height:22px;
    clear:both;
    padding:41px 0 0 0;
	width: 770px;
	z-index: 999;
}
.ie6 #mainnav{
	width:800px;
}

#mainnav ul 
{
   margin:0 0 0 0;
   padding:0;
   height:18px;
   list-style:none;
}
#mainnav ul li
{
	float:left;
	position: relative;
	font-size:14px;
}

#mainnav ul li a{
	margin:0;
	display: block;
	float:left;
	font:13px bold Arial, Helvetica, sans-serif;
	padding:0;
	text-decoration:none;
	color:#545454;
} 
#mainnav ul li .submenu{
	display:none;
	position:absolute;
	left:-3px;
	height:auto;
	top:21px;
	border:0;
	width:178px;
	padding:0 0 10px 10px;
	background:url(../images/bg-menu.png) bottom left no-repeat;
}
#mainnav ul li .submenu li{
	float:none;
	position:static;
	margin:0;
	padding:0;
	font-size:11px;
	font-variant:normal;
	border-top:none;       
}
#mainnav ul li .submenu li a
{
    margin:0 0 5px 0;
    display:block
} 


/*
     home Opcion and submenu
***********************************************/
#mainnav ul li a#home {
	background:url(../images/btn_home_off.png) no-repeat 0 4px ;
	width:58px;
	height:22px;
	text-indent:-9999px;	
}
#mainnav ul li a#home:hover{
    background:url(../images/btn_home_off.png) no-repeat 0 -18px ;
}
body#homepage #mainnav ul li a#home{
    background:url(../images/btn_home_on.png) no-repeat 0 0 ;
}


/*
   Living with Dryness Opcion and submenu
***********************************************/
#mainnav ul li a#living {
	background:url(../images/btn_living_off.png) no-repeat 0 4px ;
	width:129px;
	height:22px;
	text-indent:-9999px;
	margin-left:15px;
}

.ie6 #mainnav ul li a#living{
	margin-left:8px;
}

#mainnav ul li a#living:hover
{
    background:url(../images/btn_living_off.png) no-repeat 0 -16px ;
}
body.living #mainnav ul li a#living,#mainnav ul li a#living.active:hover
{
    background:url(../images/btn_living_on.png) no-repeat 0 0 ;
}


/*
   Living with Dryness Opcion and submenu
***********************************************/

.submenu li a.btnLivingWithDryEyes
{
    background:url(../images/sjogrens-syndrome-dry-mouth.png) no-repeat!important;
	width:155px;
	height:45px!important;
	text-indent:-99999px;
	margin:0 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}

.submenu li a.btnLivingWithDryEyes:hover
{
    background:url(../images/sjogrens-syndrome-dry-mouth.png) 0 -45px no-repeat!important;
}

.submenu li a.btnLivingWithDryMounth
{
    background:url(../images/sjogrens-syndrome-dry-eyes.png) no-repeat!important;
	width:155px;
	height:45px!important;
	text-indent:-99999px;
	margin:0 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}
.submenu li a.btnLivingWithDryMounth:hover
{
    background:url(../images/sjogrens-syndrome-dry-eyes.png) 0 -45px no-repeat!important;
}

.submenu li a.btnLifestyleTips
{
    background:url(../images/btn-lifestyle-tips.png) no-repeat!important;
	width:155px;
	height:45px!important;
	text-indent:-99999px;
	margin:0 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}
.submenu li a.btnLifestyleTips:hover
{
    background:url(../images/btn-lifestyle-tips.png) 0 -45px no-repeat!important;
}

/*
   Could I have Sjögren’s? Opcion and submenu
***********************************************/
#mainnav ul li a#couldi {
	background:url(../images/btn_could_off.png) no-repeat 0 4px;
	width:150px;
	height:22px;
	text-indent:-9999px;
	margin-left:14px;
} 

.ie6 #mainnav ul li a#couldi{
	margin-left:7px;
}

#mainnav ul li a#couldi:hover {
	background:url(../images/btn_could_off.png) no-repeat 0 -15px;
}
body.couldi #mainnav ul li a#couldi ,#mainnav ul li a#couldi.active:hover {
	background:url(../images/btn_could_on.png) no-repeat 0 0;
}
/*
   Could I have Sjögren’s? Opcion and submenu
***********************************************/
.submenu li a.btnSymptoms
{  
    background:url(../images/sjogrens-syndrome-symptoms.png) no-repeat!important;	
	width:155px;
	height:45px!important;	
	margin:-6px 0 0 0;
	text-indent:-99999px;
	padding:0;
	display:block; 
}
.submenu li a.btnSymptoms:hover
{
    background:url(../images/sjogrens-syndrome-symptoms.png) 0 -45px no-repeat!important;	
    
}
.submenu li a.diagnosed{ 
	background:url(../images/sjogrens-syndrome-diagnosis.png) no-repeat!important;
	width:155px;
	height:45px!important;
	text-indent:-99999px;
	margin:5px 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}
.submenu li a.diagnosed:hover
{
    background:url(../images/sjogrens-syndrome-diagnosis.png) 0 -45px no-repeat!important;
    
    }
.submenu li a.Treated{ 
	background:url(../images/sjogrens-syndrome-treatment.png) no-repeat!important;
	width:155px;
	height:45px!important;
	text-indent:-99999px;
	margin:5px 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}
.submenu li a.Treated:hover {
    background:url(../images/sjogrens-syndrome-treatment.png) 0 -45px no-repeat!important;
    
}
.submenu li a.implications{ 
	background:url(../images/health-implications-sjogrens-syndrome.png) no-repeat!important;
	width:155px;
	height:45px!important;
	text-indent:-99999px;
	margin:5px 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}
.submenu li a.implications:hover{ 
	background:url(../images/health-implications-sjogrens-syndrome.png) 0 -45px no-repeat!important;
}

/*
   testimonials Opcion and submenu
***********************************************/
#mainnav ul li a#testimonials {
	background:url(../images/btn_patientstories_off.png) 0 5px no-repeat;
	width:92px;
	height:22px;
	text-indent:-9999px;	
	margin-left:17px;
	
}

.ie6 #mainnav ul li a#testimonials{
	margin-left:8px;
}
#mainnav ul li a#testimonials:hover{
	background:url(../images/btn_patientstories_off.png) 0 -17px no-repeat;
}
body.patient #mainnav ul li a#testimonials 
{
    background:url(../images/btn_patientstories_on.png) 0 0 no-repeat!important;
}

/*
   btnImportantQuestion Opcion and submenu
***********************************************/
#mainnav ul li a#talking {
	background:url(../images/btn_talking_off.png) no-repeat  0 5px;
	width:141px;
	height:22px;
	text-indent:-9999px;
	margin-left:6px;
}

#mainnav ul li a#talking:hover{
	background:url(../images/btn_talking_off.png) no-repeat  0 -15px;	
}
body.talking #mainnav ul li a#talking{
    background:url(../images/btn_talking_on.png) no-repeat  0 0 !important;	
}
/*
   btnImportantQuestion Opcion and submenu
***********************************************/
.submenu li a.btnImportantQuestion
{
    background:url(../images/sjogrens-syndrome-doctor-questions.png) 0 0 no-repeat!important;
	width:155px;
	height:46px!important;
	text-indent:-99999px;
	margin:0 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}
.submenu li a.btnImportantQuestion:hover
{
    background:url(../images/sjogrens-syndrome-doctor-questions.png) 0 -46px no-repeat!important;
    height:46px!important;
}

/*
   resources Opcion and submenu
***********************************************/

#mainnav ul li a#resources {
	background:url(../images/btn_resources_off.png) no-repeat 0 5px;
	width:82px;
	text-indent:-9999px;
	margin-left:18px;
	height:22px;
}
#mainnav ul li a#resources:hover
{    
	background:url(../images/btn_resources_off.png) no-repeat 0 -17px;
}
body.resources #mainnav ul li a#resources
{    
	background:url(../images/btn_resources_on.png) no-repeat 0 0;	
}

/*
   resources Opcion and submenu
***********************************************/

.submenu li a.btnSupport
{
    background:url(../images/sjogrens-syndrome-support.png) no-repeat!important;
	width:155px;
	height:35px!important;
	text-indent:-99999px;
	margin:0 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}
.submenu li a.btnSupport:hover
{
    background:url(../images/sjogrens-syndrome-support.png) 0 -35px no-repeat!important;
    
    }
.submenu li a.btnSurvey
{
    background:url(../images/sjogrens-syndrome-survey.png) 0 0 no-repeat!important;
	width:155px;
	height:35px!important;
	text-indent:-99999px;
	margin:0 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}
.submenu li a.btnSurvey:hover
{
    background:url(../images/sjogrens-syndrome-survey.png) 0 -35px no-repeat!important;
}
.submenu li a.btnGlossary
{
    background:url(../images/sjogrens-syndrome-glossary.png) no-repeat!important;
	width:155px;
	height:35px!important;
	text-indent:-99999px;
	margin:0 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}
.submenu li a.btnGlossary:hover
{
    background:url(../images/sjogrens-syndrome-glossary.png) 0 -35px no-repeat!important;
}
.submenu li a.btnFaq
{
    background:url(../images/sjogrens-syndrome-faq.png) no-repeat!important;
	width:155px;
	height:35px!important;
	text-indent:-99999px;
	margin:0 0 0 10px;
	padding:0;
	outline:none;
	display:block;
}

.submenu li a.btnFaq:hover
{
    background:url(../images/sjogrens-syndrome-faq.png) 0 -35px no-repeat!important;
}