nav#main { 
   width: 762px;
   padding: 0 0 38px 0;   
   position: absolute;
   bottom: 0;
   right: -25px; 
   }
   
nav#main.new { 
   width: 800px;
   right: -10px;
   }
    
nav#main ul { list-style: none; }
   
nav#main ul li {
   float: left; 
   position: relative;
   display: inline-block;
   padding: 4px 5px 0 4px; } 
   
nav#main ul li a {
    height: 24px;
    padding: 13px 25px 10px 25px;
    font-family: nimbus-sans-condensed, 'arial narrow', helvetica, arial; 
    font-style: normal;
    font-weight: 700; 
    font-size: 28px;
    line-height: .8;
    color: #e9eff4;
    text-transform: uppercase;      
    display: inline-block;
    }
    
nav#main.new ul li a { 
   padding: 11px 15px 12px 15px;
   }  
   
   
nav#main.new ul > li.nav-donate {
    background: #af403c; 
    color: white;
    border-radius:         4px;
    -moz-border-radius:    4px;
    -webkit-border-radius: 4px;
    transition:         all .35s ease-in-out;    
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    }
      
   nav#main.new ul > li.nav-donate:hover {
        background: #d9332d; 
        -moz-box-shadow:    0 1px 2px rgba(0,0,0,.35);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
        box-shadow:         0 1px 2px rgba(0,0,0,.35); 
        }
         
   nav#main.new ul > li.nav-donate:active{
        background: #8d2421; 
        -moz-box-shadow:    inset 1px 0px 2px rgba(0,0,0,.35);
        -webkit-box-shadow: inset 1px 0px 2px rgba(0,0,0,.35);
        box-shadow:         inset 1px 0px 2px rgba(0,0,0,.35); 
        }   
   
   
   
.ie nav#main.new ul li a { padding: 13px 23px; }

.ie nav#main.new ul li a { padding: 13px 12px; }

nav#main ul li a:hover { color: white; }
nav#main ul li a:active { color: #dbe2e8; }

nav#main ul > li:hover a.dropdown {
   background-color: #e9eff4;
   color: #526883;
   -moz-border-radius:    6px 6px 0 0;
   -webkit-border-radius: 6px 6px 0 0;
   border-radius:         6px 6px 0 0; } 


  



 /* Submenu
------------------------------------ */

nav#main ol { 
   background: #e9eff4;
   list-style: none;
   width: 235px;
   margin: 0;
   padding: 3px;
   display: none;
   -moz-border-radius:    0 4px 4px 4px; 
   -webkit-border-radius: 0 4px 4px 4px; 
   border-radius:         0 4px 4px 4px;  
   position: absolute; 
   left: 4px;
      top: 51px;
      z-index: 1;
   font-size: 11px;
      line-height: 11px;
      text-transform: uppercase;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out; 
   -moz-box-shadow:     0 1px 1px rgba(0,0,0,.35);
   -webkit-box-shadow:  0 1px 1px rgba(0,0,0,.35);
   box-shadow:          0 1px 1px rgba(0,0,0,.35);
   }
   
   
    nav#main .nav-act ol { left: -30px; width: 200px; }
    
    nav#main.new .nav-act ol { left: 4px; width: 235px; }

nav#main li:hover ol,
nav#main li.over ol { display: block; }
   
nav#main ol li {
   background-image: none;
	padding: 0 !important;
	text-align: left; 
   float: none;
	display: block; }
	
nav#main ol li a {
    background-color: #e9eff4;
    width: auto;
    height: auto;
    padding: 6px 6px !important;
    display: block;
    float: none;   
    font-weight: normal; 
    font-size: 14px;
    line-height: 1;
    text-indent: 0;
    color: #526883;
    -moz-border-radius:    2px; 
    -webkit-border-radius: 2px;
    border-radius:         2px; 
    -webkit-transition: all .35s ease-in-out;
    -moz-transition:    all .35s ease-in-out;
    -o-transition:      all .35s ease-in-out;
    -ms-transition:     all .35s ease-in-out;
    transition:         all .35s ease-in-out; }

nav#main ol li a:hover { 
	background-color: #748aa5 !important; 	
	color: #fff !important; }
  
nav#main ol li a:active { 
	background-color: #526883 !important; 
   color: #fff !important;  
	-moz-box-shadow:    inset 1px 1px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.3);
	box-shadow:         inset 1px 1px 2px rgba(0,0,0,.3); }


 /* Section Nav
------------------------------------ */

#snav { 
   padding: 15px 15px 7px 15px;
   text-align: left; 
   margin: 20px 20px 0 20px;
   width: 270px;
   background: #e9eff4;
   }
   
#snav h3 {
    font: 300 18px/1 nimbus-sans-condensed, 'arial narrow', helvetica, arial;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: .5em; 
    }
    
#snav h3 strong { font: 700 18px/1 nimbus-sans-condensed, 'arial narrow', helvetica, arial; }
    
#snav h3 a { color: #494949; }
#snav h3 a:hover { color: black; }


    
#snav ul { list-style: none; }   
#snav li { 
   margin: auto; }  
   
#snav li a { 
   background: rgba(48,189,207,0);
   padding: 8px 5px 8px 0; 
   display: block;
   font: 300 13px/1 arial;
   text-transform: uppercase;
   -moz-border-radius:    4px; 
   -webkit-border-radius: 4px;
   border-radius:         4px;    
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out; }  
   
#snav li:hover a { 
   background: rgba(54,69,89,1);
   padding: 8px 5px 8px 7px; 
   color: #fff;
   -moz-box-shadow:       inset 1px 1px 2.5px rgba(0,0,0,0);
   	-webkit-box-shadow: inset 1px 1px 2.5px rgba(0,0,0,0);
   	box-shadow:         inset 1px 1px 2.5px rgba(0,0,0,0); }
     
#snav li:active a { 
   background: rgba(35,43,53,.8);
   padding: 8px 5px 8px 7px; 
   -moz-box-shadow:       inset 1px 1px 2.5px rgba(0,0,0,.3);
      -webkit-box-shadow: inset 1px 1px 2.5px rgba(0,0,0,.3);
   	box-shadow:         inset 1px 1px 2.5px rgba(0,0,0,.3);   
   color: #fff; }    
   
#snav li:hover a:after { content: " »" }

#snav li.active a { color: #768ea8; }
#snav li.active:hover a { color: #fff; }

#snav li.active a:before { content: "» " }




/* --------------- Actions --------------- */

.actions { 
    width: 300px;
    padding: 20px;
    margin: auto;
    position: relative;
    }  
    
    #home .actions { 
        background: url('../img/act-home.png') repeat-x center top;
        height: 420px;
        position: absolute;
        top: 0;
        right: 0;
        }  
       
.actions h2 {
    margin: 0;
    font-family: nimbus-sans-condensed, 'arial narrow', helvetica, arial; 
    font-size: 30px;
    line-height: 1; 
    font-style: normal;
    font-weight: 700;
    color: #fff; 
    }  

.actions section { 
   width: 300px;
   margin: 0 0 10px 0;
   -moz-border-radius:     4px;
   -webkit-border-radius:  4px;
   border-radius:          4px; 
   }
    
.act .actions section:first-child { margin-bottom: 0; }
        
#options .actions section:last-child { margin-bottom: 0px; }

#home .actions section:last-child { margin-right: 0px; } 



/* --- Contact Your Legislators and Volunteer --- */

.actions .contact-your-legislators,
.actions .volunteer {
    background: #af403c; 
    transition:         all .35s ease-in-out;    
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    }
      
   .actions .contact-your-legislators:hover,
   .actions .volunteer:hover {
        background: #d9332d; 
        -moz-box-shadow:    0 1px 2px rgba(0,0,0,.35);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
        box-shadow:         0 1px 2px rgba(0,0,0,.35); 
        }
         
   .actions .contact-your-legislators:active,
   .actions .volunteer:active{
        background: #8d2421; 
        -moz-box-shadow:    inset 1px 0px 2px rgba(0,0,0,.35);
        -webkit-box-shadow: inset 1px 0px 2px rgba(0,0,0,.35);
        box-shadow:         inset 1px 0px 2px rgba(0,0,0,.35); 
        }      

.contact-your-legislators h2,
.volunteer h2 {
    margin: 0;
    }
       
.contact-your-legislators h2 a,
.volunteer h2 a { 
    color: #fff; 
    }  

.contact-your-legislators:hover h2 a,
.volunteer:hover h2 a { 
    color: #fff; 
    text-shadow: 1px 1px 1px rgba(0,0,0,.25); 
    }  

.contact-your-legislators a,
.volunteer a {
    display: block;
    padding: 14px 0 14px; 
    }
     
     
 /* Petition
------------------------------------ */

.actions .petition {
    background: white; 
    -moz-border-radius:     0px;
    -webkit-border-radius:  0px;
    border-radius:          0px; 
    padding: 11px 15px 15px 15px;
    width: 270px;
    }
    
.petition h2 {
    margin: 0;
    color: #25408f;
    }

.petition form ol { 
   list-style: none; 
   margin: 0; }

.petition form li.textarea { float: right; }

.petition form li.submit { 
   text-align: center;
   display: block; }

.petition form li { 
   margin: 0;
   float: left;
   display: block; }

.petition input,
.petition select,
.petition textarea { 
    float: left;
    background: #dfe7ee;   
    border: none;
    margin: 0 0 6px 0;
    padding: 9px 7px 7px 7px; 
    border-radius:         4px;
    -moz-border-radius:    4px; 
    -webkit-border-radius: 4px;    
    cursor: pointer; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1;
    transition:         all .35s ease-in-out;    
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; } 

.petition input:hover,
.petition select:hover,
.petition textarea:hover { 
   background: #e6edf3; 
   box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.2);       
   -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

.petition input:focus,
.petition select:focus,
.petition textarea:focus { 
   background: #e6edf3 ;   
   cursor: text; 
   box-shadow:         inset 1px 1px 1px rgba(0, 0, 0, 0.35);       
   -moz-box-shadow:    inset 1px 1px 1px rgba(0, 0, 0, 0.35);
   -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); }    



.petition option { 
   border-radius:         4px;
   -moz-border-radius:    4px; 
   -webkit-border-radius: 4px; }    

.petition button,
.petition .button { 
    float: left;
    background: #af403c url('../img/arrow-white.png') no-repeat center center;  
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 0;
    cursor: pointer;
    font-size: 20px;
    text-indent: -99999px;
      color: #fff;
      text-transform: uppercase;
    -moz-border-radius:       4px;
      -webkit-border-radius: 4px;
      border-radius:         4px;   
    -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
    -o-transition:   all .3s ease-in-out;
    -ms-transition:  all .3s ease-in-out;
    transition:      all .3s ease-in-out; 
}

.petition button:hover,
.petition .button:hover { 
   background-color: #c92d27; 
   -moz-box-shadow:    0 1px 1px rgba(0,0,0,.15);
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
   box-shadow:         0 1px 1px rgba(0,0,0,.15);
}  

.petition button:active,
.petition .button:active { 
   background-color: #8d2421;
   -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.35);
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
   box-shadow:         inset 0 1px 1px rgba(0,0,0,.35);
}  
     
.petition  .join-long p { 
    line-height: 1.3; 
    text-align: left;
    font-size: 14px;
    margin-bottom: 8px;
    } 

.petition  .join-long input { width: 117px; } 
.petition  .join-long input.firstname { margin-right: 6px; } 
.petition  .join-long input.lastname {  } 
.petition  .join-long input.email { margin: 0 6px 0 0; width: 146px; } 
.petition  .join-long input.zip { margin: 0 6px 0 0; width: 50px; } 
     
     
     
/* --- Addthis --- */   
     

.actions .addthis {
    background: #25408f; 
    padding: 15px;
    width: 270px;
    height: 38px;
    transition:         all .35s ease-in-out;    
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    position: relative;
    }
      
   .actions .addthis:hover {
        background: #0a1c51; 
        -moz-box-shadow:    0 1px 2px rgba(0,0,0,.35);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
        box-shadow:         0 1px 2px rgba(0,0,0,.35); 
        }
         
   .actions .addthis:active{
        background: #22354d; 
        -moz-box-shadow:    inset 1px 0px 2px rgba(0,0,0,.35);
        -webkit-box-shadow: inset 1px 0px 2px rgba(0,0,0,.35);
        box-shadow:         inset 1px 0px 2px rgba(0,0,0,.35); 
        }      



.actions .addthis .icon {
    background-color: #1d3475;
    background-repeat: no-repeat;
    background-position: center center; 
    width: 36px;
    height: 36px;
    display: inline-block;
    margin: 0 10px 0 0;
    border-radius:         4px;
    -moz-border-radius:    4px; 
    -webkit-border-radius: 4px;   
    transition:         all .35s ease-in-out;    
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    }


    .actions .addthis .addthis_button_facebook:hover .icon,
    .actions .addthis .addthis_button_twitter:hover .icon {
        background-color: #446ad8; 
        }
         
   .actions .addthis .addthis_button_facebook:active .icon,
  .actions .addthis .addthis_button_twitter:active .icon{
        background-color: #3759bd; 
        }   

.actions .addthis .addthis_button_facebook,
.actions .addthis .addthis_button_twitter { 
    position: absolute;
    top: 15px;
    display: block;
    }

.actions .addthis .addthis_button_facebook { 
    left: 15px; 
    }

.actions .addthis .addthis_button_twitter { 
    right: 15px; 
    }

.actions .addthis .addthis_button_facebook .icon { background-image: url('../img/facebook.png'); }
.actions .addthis .addthis_button_twitter .icon { background-image: url('../img/twitter.png'); }
   





/* ---- Feed Controls ---- */  	



.feed ul {
    list-style: none;
    position: absolute;
    right: 94px;
    top: 10px; 
    margin: 0;
    }
      
.feed li { 
   width: 6px; 
   display: block;
   margin-right: 5px;
   float: left; }
   
.feed li:last-child { margin-right: 0; }

.feed li a { 
    background-color: black;
    opacity: .5;
    height: 6px;
    display: block;
    position: relative;
    -moz-border-radius:       3px;
    -webkit-border-radius: 3px;
    border-radius:         3px; 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition:   all .3s ease-in-out;
    -ms-transition:  all .3s ease-in-out;
    transition:      all .3s ease-in-out; }
       
   .feed li:hover a { 
      opacity: .75;
      -moz-box-shadow:       0 1px 1px rgba(0,0,0,.3);
         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
         box-shadow:         0 1px 1px rgba(0,0,0,.3); }
         
   .feed li:active a { 
      opacity: 1;
      -moz-box-shadow:       inset 0 1px 1px rgba(0,0,0,.3);
         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.3);
         box-shadow:         inset 0 1px 1px rgba(0,0,0,.3); }
         
   .feed li.ui-tabs-active a { 
      opacity: .25;
      -moz-box-shadow:       inset 0 1px 2px rgba(0,0,0,.3);
         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
         box-shadow:         inset 0 1px 2px rgba(0,0,0,.3); }        
         
.feed .control { 
    background-position: center center;
    background-repeat: no-repeat;
    width: 9px;
    height: 14px;   
    position: absolute;
    top: 6px;
    opacity: .5; 
    text-indent: -99999px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition:   all .3s ease-in-out;
    -ms-transition:  all .3s ease-in-out;
    transition:      all .3s ease-in-out; }  
    
   .feed .control:hover { opacity: .75; }
         
   .feed .control:active { opacity: 1; }
         
  .feed .control.feed-back {
		background-image: url(../img/feed-left.png);
		right: 69px; }			
    
	.feed .control.feed-next {
		background-image: url(../img/feed-right.png);
		right: 80px; }	
    
.feed .more-news {
    width: 80px;
    top: 0;
    right: 0;
    position: absolute;
    text-align: right;
}