/*  Tempe CVB Navigation Element Styles
    Author: Jim Jeffers
    ------------------------------------------------------ */
    
/*  =PRIMARY_NAVIGATION
    ------------------------------------------------------ */
    ul#primary_navigation {
        display: block;
        height: 35px; 
		width: 901px; 
		clear:both;
		background:transparent url(tabsback.jpg) repeat scroll 0;
    }
    ul#primary_navigation li,
    ul#primary_navigation li a,
    ul#primary_navigation li a span {
color:white;
display:block;
height:35px;
line-height:35px; 
text-decoration:none;
    }
    
    ul#primary_navigation li {
        float: left;
     
    }
    
    ul#primary_navigation li a span { 
        background: url(navigation_main_items_b.jpg);
		display:block;  
		padding:0px 10px;
    }
    /* home */
    ul#primary_navigation li.home, 
    ul#primary_navigation li.home a span {
        background-position: 0 0;
     
    }
	ul#primary_navigation li.home{
	 
	}
    ul#primary_navigation li.home, 
    ul.home li.home a span,
    ul#primary_navigation li.home a:hover span {
        background-position: 0 -35px !important;
    }
    /* get_to_know_tempe */
	 #primary_navigation_home a{*float:left; }   
	 #primary_navigation_home a span {*float:left; }      
    ul#primary_navigation li.get_to_know_tempe, 
    ul#primary_navigation li.get_to_know_tempe a span {
        background-position: -65px 0;
        width: 150px;
    }
    ul#primary_navigation li.get_to_know_tempe,
    ul.get_to_know_tempe li.get_to_know_tempe a span,
    ul#primary_navigation li.get_to_know_tempe a:hover span {
        background-position: -65px -35px !important;
    }
    /* where_to_stay */
    ul#primary_navigation li.where_to_stay, 
    ul#primary_navigation li.where_to_stay a span {
        background-position: -215px 0;
        width: 120px;
    }
    ul#primary_navigation li.where_to_stay,
    ul.where_to_stay li.where_to_stay a span,
    ul#primary_navigation li.where_to_stay a:hover span {
        background-position: -215px -35px !important;
    }
    /* dining_and_nightlife */
    ul#primary_navigation li.dining_and_nightlife, 
    ul#primary_navigation li.dining_and_nightlife a span {
        background-position: -335px 0;
        width: 144px;
    }
    ul#primary_navigation li.dining_and_nightlife,
    ul.dining_and_nightlife li.dining_and_nightlife a span,
    ul#primary_navigation li.dining_and_nightlife a:hover span,
    ul#primary_navigation li.dining_and_nightlife a.active span {
        background-position: -335px -35px !important;
    }
    /* sports_and_recreation */
    ul#primary_navigation li.sports_and_recreation, 
    ul#primary_navigation li.sports_and_recreation a span {
        background-position: -479px 0;
        width: 165px;
    }
    ul#primary_navigation li.sports_and_recreation, 
    ul.sports_and_recreation li.sports_and_recreation a span,
    ul#primary_navigation li.sports_and_recreation a:hover span,
    ul#primary_navigation li.sports_and_recreation a.active span {
        background-position: -479px -35px !important;
    }
    /* things_to_do */
    ul#primary_navigation li.things_to_do, 
    ul#primary_navigation li.things_to_do a span {
        background-position: -644px 0;
        width: 122px;
    }
    ul#primary_navigation li.things_to_do, 
    ul.things_to_do li.things_to_do a span,
    ul#primary_navigation li.things_to_do a:hover span,
    ul#primary_navigation li.things_to_do a.active span {
        background-position: -644px -35px !important;
    }
    /* events_and_news */
    ul#primary_navigation li.events_and_news, 
    ul#primary_navigation li.events_and_news a span {
        background-position: right 0;
        width: 135px;
    }
    
    ul#primary_navigation li.events_and_news, 
    ul.events_and_news li.events_and_news a span,
    ul#primary_navigation li.events_and_news a:hover span,
    ul#primary_navigation li.events_and_news a.active span {
        background-position: right -35px !important;
    }  

/*  =PRIMARY_NAVIGATION SUBNAVIGATION
    ------------------------------------------------------ */
    ul#primary_navigation li ul {
     }
    
    ul#primary_navigation li.active ul {
        display: block;
    }

/*  =ACTION_ITEMS
    ------------------------------------------------------ */
    ul#action_items {
        position: absolute;
        right: 0;
        top: 7px;
        width: 20px;
    }
    
    ul#action_items li,
    ul#action_items li a,
    ul#action_items li a span,
    a.rss_icon,
    a.rss_icon span {
        display: block;
        font-size: 0.1em;
        height: 19px;
        position: absolute;
        overflow: hidden;
        width: 20px;
    }
    
    ul#action_items li a span,
    a.rss_icon span {
        background: url(navigation_action_items.gif);
        left: 0;
        top: 0;
        cursor : pointer;
    }
    
    /* rss_icon */
    ul#action_items li.rss_icon {
        top: 0;
    }
    ul#action_items li.rss_icon a span,
    a.rss_icon span {
        background-position: 0 0;
    }
    /* blog_icon */
    ul#action_items li.blog_icon {
        top: 21px;
    }
    ul#action_items li.blog_icon a span {
        background-position: 0 -21px;
    }
    /* speaker_icon */
    ul#action_items li.speaker_icon {
        top: 42px;
    }
    ul#action_items li.speaker_icon a span {
        background-position: 0 -42px;
    }
    /* globe_icon */
    ul#action_items li.globe_icon {
        top: 63px;
    }
    ul#action_items li.globe_icon a span {
        background-position: 0 -63px;
    }

/*  =SHORTCUTS_
    ------------------------------------------------------ */
    ul#shortcuts {
        position: absolute;
        right: 27px;
        top: 7px;
        width: 94px;
    }
    
    ul#shortcuts li,
    ul#shortcuts li a,
    ul#shortcuts li a span {
        display: block;
        height: 26px;
        left: 0;
        position: absolute;
        text-indent: -9999px;
        top: 0;
        width: 94px;
        cursor : pointer;
    }
    
    ul#shortcuts li a span {
        background: url(navigation_short_cuts.gif);
    }
    
    /* special_offers */
    ul#shortcuts li.special_offers {
        top: 0;
    }
    ul#shortcuts li.special_offers a span {
        background-position: 0 0;
    }
    /* special_offers */
    ul#shortcuts li.trip_planner {
        top: 29px;
    }
    ul#shortcuts li.trip_planner a span {
        background-position: 0 -29px;
    }
    /* special_offers */
    ul#shortcuts li.visitor_packet {
        top: 58px;
    }
    ul#shortcuts li.visitor_packet a span {
        background-position: 0 -58px;
    }

/*  =SECTION_NAVIGATION
    ------------------------------------------------------ */
    ul.section_navigation {
        background: url(navigation_secondary_homepage_blank.gif) no-repeat;
        display: block;
        height: 192px;
       
     
        width: 168px;
		 
        padding: 0 1px 10px 2px;
		float:right;
    }
	 div.home_page ul.section_navigation {	 	
      
	 }
 
    ul#primary_navigation li ul li a
    {
        height: 12px;/*auto;*/
    }
    ul#primary_navigation li ul li a,
    ul.section_navigation li a {
     color:#FFFFFF;
display:block;
font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
font-size:12px;
line-height:1em;
padding:6px 11px;
text-decoration:none;
width:145px;
    }
    
   
    ul.section_navigation li a:hover,
    ul.section_navigation li a.selected,
    ul.section_navigation li a.selected:hover,
    ul.section_navigation li a.child-selected,
    ul.section_navigation li a.child-selected:hover,    
    ul#primary_navigation li ul li a:hover,
    ul#primary_navigation li ul li a.selected
     {
        background: #4790c8 none no-repeat;
    }
    
    ul.section_navigation li a.selected,
    ul.section_navigation li a.selected:hover,
    ul.section_navigation li a.child-selected:hover,
    ul#primary_navigation li ul li a.selected,
    ul#primary_navigation li ul li a.selected:hover
    {
      color : #C8DDEC;  
    }
    
    ul.section_navigation li a span {
        left: 0;
        position: absolute;
        top: 0;
    }

/*  =SUBNAVIGATION
    ------------------------------------------------------ */
    ul#primary_navigation li ul {
        background: #fff;
        padding: 0;
        position: absolute;
        width: auto;
    }
	 
	 ul#primary_navigation li.home ul {
      width: 180px;
    }
	 
    ul#primary_navigation li.get_to_know_tempe ul,
	 ul#primary_navigation li.where_to_stay ul,
	 ul#primary_navigation li.things_to_do ul {
      width: 170px;
    }
	 
	 ul#primary_navigation li.dining_and_nightlife ul,
	 ul#primary_navigation li.sports_and_recreation ul {
	 	width : 240px;
	 }
	 ul#primary_navigation li.events_and_news ul {
	 	width : 135px;
	 }

    ul#primary_navigation li ul li {
        float: none;
        height: auto;
        padding: 0;
        margin: 0;
        text-indent: none;
        width: auto;
    }
    
    ul#primary_navigation li ul li a {
        color: #6090C0;
        display: block;
        padding: 6px 2px 8px 8px;
        text-transform: uppercase;
        width: auto;
    }
    
    ul#primary_navigation li ul li a:hover {
        color: #fff;
    }
    
    ul#primary_navigation li ul li span {
     }

/*  =SELECTED_SECTION_NAVIGATION
    ------------------------------------------------------ */
    ul#selected_section_navigation {
        background: url(background_section_navigation_bar.jpg);
        display: block;
        height: 32px;
        left: -2px;
        padding: 0 3px;
        position: absolute;
        top: 136px;
        width: 897px;
    }
    
    ul#selected_section_navigation li {
        float: left;
    }
    
    ul#selected_section_navigation li,
    ul#selected_section_navigation li a {
        color: #fff;
        display: block;
        font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }
    
    ul#selected_section_navigation li a {
        padding: 2px 15px;
    }
    ul#selected_section_navigation li a:hover,
    ul#selected_section_navigation li.selected a,
	 ul#selected_section_navigation li.child-selected a {
        background: #c8ddec;
        color: #317fba;
    }


/*  =RSS_MENU
    ------------------------------------------------------ */    
    ul#rss_menu li
    {
        margin : 4px 0;
    }
    ul#rss_menu li, 
    ul#rss_menu li a {
        display:block;
        font-size:12px;
        height:20px;
        line-height:1.5em;
    }
    ul#rss_menu li a 
    {
       padding-left:25px;
       background: url(navigation_action_items.gif); 
       background-position : 0 0;
       background-repeat : no-repeat;
    }
    
    /* EXTRA NAV ITEMS */
    
    ul#primary_navigation li.extras,
    ul#selected_section_navigation li.extras,
    ul.section_navigation li.extras
    {
        display : none!important;
    }
	
.sitemap a, .sitemap a span{
 padding:0px 10px; 
  *float:left;
}
.sitemap a:hover{
background:transparent url(navigation_main_items_b.jpg) repeat scroll 0 35px;
display:block;
  padding:0px 10px;  
 
}

.contant a, .contant a span{ 
   padding:0px 10px;  
   *float:left; 
}
.contant a:hover{  
background:transparent url(navigation_main_items_b.jpg) repeat scroll 0 35px;
display:block;	
	 
}

.toplinks a, .interlinks a{   
color:#FFFFFF;
display:block;
font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
font-size:12px;
line-height:1em;
padding:6px 11px;
text-decoration:none;
width:145px; 
}

.toplinks a:hover, .interlinks a:hover{   
background:#4790C8 none no-repeat scroll 0; 
}

.artpics{
float:left;
margin-right:10px;
}

.h1banner{
color:white;
display:block;
font-weight:lighter;
margin-bottom:5px;
font-size:14px;
}