/***********************************************************************
 CPI NAVIGATION - MAIN & HEADER / UPDATED: 06-30-08
 
 NOTES:
 
 ***********************************************************************/


/* setting for both content and header navigation lists */
ul.navigation li {float: left; overflow: hidden;}
/*ul.navigation li, ul.navigation li a, ul.navigation li a:hover, ul.navigation li a.there {background-position: 50% 50%; background-repeat: no-repeat;}*/
ul.navigation li a span {position: absolute; top: -9999px;}

/* content navigation */
#cpi_navigation {background: white; padding: 20px 40px 0; height: 30px;}

ul.navigation.content li, ul.navigation.content li a {display: block; height: 30px;}

ul.navigation.content {height: 30px; width: 870px; background: url('../images/layout/backgrounds/cpi_nav_content_bg.gif') no-repeat; margin: 0; padding: 0; line-height: 0;}
ul.navigation.content li.search_form {float: right;}

li.projects {width: 166px;}
li.projects a {width: 166px; background-image: url('../images/layout/navigation/cpi_nav-investigation.gif') !important; background-repeat: no-repeat; background-position: 0 50%;}
li.projects a:link {background-image: inherit; background-position: 0 50%;}
li.projects a:hover {background-position: 0 0;}
li.projects a.there {background-position: 0 100%;}

li.ptblog {width: 176px; margin: 0 -2px;}
li.ptblog a {width: 176px; background-image: url('../images/layout/navigation/cpi_nav-blog.gif') !important; background-repeat: no-repeat; background-position: 0 50%;}
li.ptblog a:link {background-image: inherit; background-position: 0 50%;}
li.ptblog a:hover {background-position: 0 0;}
li.ptblog a.there {background-position: 0 100%;}

li.tools {width: 173px; margin: 0 -2px;}
li.tools a {width: 173px; background-image: url('../images/layout/navigation/cpi_nav-tools.gif') !important; background-repeat: no-repeat; background-position: 0 50%;}
li.tools a:link {background-position: 0 50%;}
li.tools a:hover {background-position: 0 0;}
li.tools a.there {background-position: 0 100%;}

li.about {width: 123px;}
li.about a {width: 123px; background-image: url('../images/layout/navigation/cpi_nav-about.gif') !important; background-repeat: no-repeat; background-position: 0 50%;}
li.about a:link {background-position: 0 50%;}
li.about a:hover {background-position: 0 0;}
li.about a.there {background-position: 0 100%;}

li.search_form form input#keywords {float: left; border: 0; background: transparent; text-align: right; margin: 10px 8px 0 0; width: 130px;}
li.search_form form input#submit {float: left;}


/* header navigation */
ul.navigation.header {position: absolute; bottom: 0px; right: 40px; background: #4593b6 url('../images/layout/backgrounds/cpi_nav_header_bg.gif') no-repeat 0 50%; width: 199px; height: 30px;}

ul.navigation.header li a {display: block; height: 30px !important;}

li.home {margin-right: -1px !important;}
li.home a {width: 50px; background-image: url('../images/layout/navigation/cpi_nav_header-home.gif') !important; background-repeat: no-repeat; background-position: 0 50%;}
li.home a:link {background-image: inherit; background-position: 0 50%;}
li.home a:hover {background-position: 0 0;}
li.home a.there {background-position: 0 100%;}

li.donate_now a {width: 80px; background-image: url('../images/layout/navigation/cpi_nav_header-donate.gif') !important; background-repeat: no-repeat; background-position: 0 50%;}
li.donate_now a:link {background-image: inherit; background-position: 0 50%;}
li.donate_now a:hover {background-position: 0 0;}
li.donate_now a.there {background-position: 0 100%;}

li.contact_us a {width: 70px; background-image: url('../images/layout/navigation/cpi_nav_header-contact.gif') !important; background-repeat: no-repeat; background-position: 0 50%;}
li.contact_us a:link {background-image: inherit; background-position: 0 50%;}
li.contact_us a:hover {background-position: 0 0;}
li.contact_us a.there {background-position: 0 100%;}