nav#main { 
	padding: 0; 
	position: relative;
	top: 125px;  }

nav#main ul { 
	background: url(../img/tile-header.jpg) no-repeat bottom left;
	height: 50px;
	list-style: none;
	padding: 0 85px 0 162px; }
   
nav#main ul li {
	background: none;      
	float: left; 
	display: inline-block;
	padding: 0; } 
nav#main ul li#donate { float: right; }
nav#main ul.cf { display:none;}
nav#main ul li.select { display:none;}
header ul#select li.select { display:none;}

.styled-select select {
   background: transparent;
   width: 100%;
   margin: 0 5px;
   padding: 0;
   font-size: 18px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
.styled-select {
   width: auto;
   height: 34px;
   overflow: hidden;
   background:  url(../img/btn-arrow-down.png) no-repeat 98% 50% #fff;
   border: 1px solid #fff;
   color: #0073bb;
   }
   
nav#main ul li a {
   height: 20px;
   background: transparent url(../img/nav-selected.png) no-repeat center 50px;
   padding: 14px 12px 16px 12px;
   margin-right: 1em;
   line-height: 1;
   font: 20px/20px 'Roboto Slab', 'serif';
   color: #fff;    
   font-weight: 400;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing:1px;
   display: inline-block;
   -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; }
.ie nav#main ul li a { padding: 12pxx; }


nav#main ul li a:hover { background: #0073bb url(../img/nav-selected.png) no-repeat center 38px; color: #ffd200; padding: 10px 12px 20px 12px; }
nav#main ul li a:active { background: #0073bb url(../img/nav-selected.png) no-repeat center 38px; color: #fff; }

nav#main ul > li:hover a.dropdown { color: #ffd200; } 


 /* Submenu
------------------------------------ */
.megamenu { 
	display: none; 
	position: absolute; 
	top: 50px; 
	left: 0; 
	width: 100%; 
	/*height: 165px; */
	padding:0;
	font-size: 16px;
	  font-weight: 700;
	  line-height: 16px;
	  color: #701471;
	overflow: hidden;
	background: #9a9b9b; /* Old browsers */
	background: -moz-linear-gradient(top,  #9a9b9b 0%, #b9b9b9 25%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a9b9b), color-stop(25%,#b9b9b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9a9b9b 0%,#b9b9b9 25%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9a9b9b 0%,#b9b9b9 25%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9a9b9b 0%,#b9b9b9 25%); /* IE10+ */
	background: linear-gradient(to bottom,  #9a9b9b 0%,#b9b9b9 25%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9b9b', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
}
.megamenu.expanded { height: 290px; }
	
.megamenu ol {
	list-style:none; 
	margin: 0;
	width:auto;
	padding: 25px 80px;  }
.megamenu ol li {
	width: 150px;
	height: 140px;
	float: left;
	margin-right: 13px;
	background: none !important;
	padding: 0 !important;
	-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; }
	.megamenu ol li a { background: none !important; padding: 0 !important; }
	.megamenu ol li a:hover { background: none !important; padding: 0 !important; }
	.megamenu ol li:nth-child(7n+0) { margin-right: 0; }
.megamenu ol li a {
	font: 14px/16px 'Roboto Slab', 'serif' !important;
	text-transform: none !important;
	color: #2c2d2d !important;
	display:block; }
.megamenu ol li a img {
	width: 150px;
	height: 75px;
	margin: 0 0 3px 0;
	opacity: .5;
	-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; }
	.megamenu ol li a:hover img { opacity: 1.0 !important; }
.megamenu ol li span {
	padding: 0;
	letter-spacing: 0;
	-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; }
.megamenu ol li span::after { 
	content:">";
	font-family: 'trilogyicons';
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 10px; }
	.megamenu ol li:hover span {
		background: #ffd200;
		color: #0073bb; }



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

#snav, #votenav { 
   padding: 20px;
   text-align: left;
   background: #fff;
   display: inline-block;
   -webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; 


}



   
#votenav {
	background: url("../img/tile-signup.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
	    border-radius: 3px;
	width: 260px;
	padding: 20px;
	margin: 20px auto;
}
 
#votenav p, #votenav h2, #votenav h1, #votenav h3 {
	color: #fff;
} 
   
#votenav a {
	color: #fff;
}  

#votenav a:hover {
	color: #FFD202;
}  
   
#snav h3 {
    font-size: 24px; }
    
#snav ul { list-style: none; margin: 0.5em 0; padding: 0; }   
#snav li { 
   margin: 0 0 .5em 0;
   padding: 0;
   color: #0173bc;
   line-height: 0;
   display: inline-block;
   width: 100%;
   -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.simple li { padding: 5px 5px 10px 5px; border-bottom: 1px #ccc solid; width: 245px; }  
#snav li a { 
	display: inline-block;
    background-size: 150px 75px; /* image's size */
    height: 75px; /* image's height */
    padding-left: 160px; /* image's width plus 10 px (margin between text and image) */
	display: inline-block; }  
#snav.simple li a { background-size: none; height: auto; padding: 0;}

#snav li:hover, #snav li.active { background: #0173bc; }
#snav.simple li:hover, #snav.simple li.active { background: none; }

#snav li span.title {
	vertical-align: middle;
	font: 16px/16px 'Roboto Slab', 'serif';
	color: #0173bc;
	height: 75px; /* image's height */
    display: table-cell;
    vertical-align: middle;
	 -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.simple li span.title { font-size: 20px; color: #0173bc; height: auto; }
#snav li:hover span.title, #snav li.active span.title { color: #ffd202;  }  
#snav.simple li:hover span.title, #snav.simple li.active span.title { color: #f94c3a; } 
#snav li span.title::after { 
	content:">";
	font-family: 'trilogyicons';
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 10px; }
#snav li:last-child { margin: 0; }


#snav ol li {
    color: #0173BC;
    line-height: 16px;
	width: 200px;
}

#snav ol li a {
	color: white;
	/*background-size: 150px 75px;*/
	height: 20px;
	padding-left: 135px;
	display: inline-block;
}

#snav ol li a:hover {
	color: #f94c3a;
}

#snav li div {
	margin-top: 10px;
}

 /* Blog Nav
------------------------------------ */

#bnav { 
   text-align: left;
   background: #eee;   
   padding: 15px;
   margin-bottom: 10px;
   -moz-border-radius:     6px;
   -webkit-border-radius:  6px;
   border-radius:          6px; 
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: background-color .35s ease-in-out;
   -o-transition:   background-color .35s ease-in-out;
   -ms-transition:  background-color .35s ease-in-out;
   transition:      background-color .35s ease-in-out; } 
#bnav:hover { background-color: #dcdcdc; }
   
#bnav h3 { 
   text-transform: uppercase;
   color: #0fb7e0; 
   margin: 10px 0 5px; }
#bnav h3:first-child { margin-top: 0; }

#bnav select { 
   background: #677d86;   
   border: none;
   width: 190px;
   margin: 0 auto;
   padding: 7px 9px 6px 6px; 
   border-radius:         4px;
   -moz-border-radius:    4px; 
   -webkit-border-radius: 4px;    
   cursor: pointer; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   line-height: 13px;
   color: #fdbc32;
   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; } 
#bnav option { 
   border-radius:         4px;
   -moz-border-radius:    4px; 
   -webkit-border-radius: 4px; } 
#bnav select:hover { 
   background: #ff7100; 
   color: #fff; 
   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); }
#bnav select:focus { 
   background: #8c9ca3 ;   
   color: #fff;
   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); }
      

/* Footer Nav
------------------------------------ */
nav#footer { background: none; float: left;  }
    
nav#footer ul { list-style: none; text-align: center; clear: both; }
   
nav#footer ul li {
   float: left; 
   position: relative;
   display: inline-block;
   padding: 0; } 
   
nav#footer ul li a {
   height: 20px;
   padding:0 8px;
   font-size: 15px;
   line-height: 1;
   color: #e5e6e6;    
   display: inline-block;
   -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#footer ul li:after { 
	content:"\2022";
	color: #e5e6e6; }
nav#footer ul.minor li a, nav#footer ul.minor li:after { color: #aeaeae; font-weight: 300; }

nav#footer ul li a:hover { color: #0073bb; }
nav#footer ul li a:active { color: #ffd200; }

nav#footer ul li:first-child a { padding-left: 0px; }
nav#footer ul li.last:after { content:""; }


footer ul#select { display: none; }

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

.actions {
    background: #eee;   
    width: 200px;
    padding: 10px;
    margin: auto;
    -moz-border-radius:    6px;
    -webkit-border-radius: 6px;
    border-radius:         6px; 
    }  
    
    #home .actions {
        width: 960px; 
        margin: 10px auto; 
        }  
       
.actions h2 {
   margin: 13px 0 8px;
   font-family: "deva-ideal",sans-serif;
   line-height: 1;
   font-weight: 300;
   color: #fff; 
   font-size: 18px;
   } 

   #home .actions h2 { font-size: 22px; }  

.actions section { 
   float: left;
   width: 200px;
   margin: 0 0 10px 0;
   -moz-border-radius:     6px;
   -webkit-border-radius:  6px;
   border-radius:          6px; 
   }
    
.act .actions section:first-child { margin-bottom: 0; }
    
  #home .actions section { 
      float: left;
      width: 313px;
      height: 100px;
      margin: 0 10px 0 0;
   }
      
#options .actions section:last-child { margin-bottom: 0px; }

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



/* --- Search --- */
.search, #block-search-form div.content { 
	padding: 0;
	background: #125b9e;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	padding: 5px 8px;
	height: 20px;
	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; }
	.search:hover, .search:focus, #block-search-form div.content:hover, #block-search-form div.content:focus { background: #fff; }
.search input.searchfield, #edit-search-block-form--2, #snav.search-resources input { 
   background: none;
   width: 145px;
   border: none; 
   cursor: pointer; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 1;
   color: #fff;
   float:left;
   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; } 
  
#snav.search-resources input.text {
	color: grey;
	background-color: lightgrey;
	width: 80%;
	padding:10px;
}

.search:hover input.searchfield, #block-search-form:hover input.form-text { 
   color: #125b9e; }

.search input.searchfield:focus, #block-search-form input.form-text:focus { 
   color: #125b9e;
   cursor: text; } 
   
.search button span { display: none; }
.search button, #block-search-form input.form-submit, #snav.search-resources input.form-submit {
	background:none;
	height: 20px;
	border: none;
	font-family: 'trilogyicons';
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	display: block;
	float: right;
	padding: 0;
	margin: 0;
	position: relative;
	cursor: pointer;
	transition: background-color .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;  } 
	
#snav.search-resources input.form-submit {
	color: grey;
	z-index: 10000;
	margin-top: -28px;
	left: 20px;
}
	
.search:hover button, #block-search-form:hover input.form-submit { color: #125b9e; }
.search button:hover, #block-search-form input.form-submit:hover { color: #ffdf52; }  
.search button:active, #block-search-form input.form-submit:active { color: #ffdf52; }


/* --- Donate --- */
.donate { 
  width: auto;
  padding: 0; 
  color: #91afd1;
  font-size: 21px;
  -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; }
.donate:hover {  }

.donate h2 a {	color: #ffd200; padding: 0px;}

.donate h2 { 
	float: left; 
	color: #ffd200;
	margin: 0; 
	padding-right: 0; 
	background: #fff;
	padding: 5px;
	margin-top: 5px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; }
	 
nav#main ul li h2 a { color: #fff; background: none; padding: 14px 0 16px 12px; margin-right: .5em; }  
nav#main ul li h2 a:hover { color: #fff; background: none; padding: 14px 0 16px 12px;  }        

.donate form { 
	float: left;
	background: #fff;
	padding: 5px;
	margin-top: 5px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; 
	display: inline-block;
	-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; }  

.donate:hover form {  }

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

.donate form ol li { 
  display: inline !important;
  position: relative !important; }

.donate input { 
  background: none;   
  border: none;
  width: 55px;
  margin: 0 auto;
  padding: 0 5px;
  cursor: pointer;
  font-size: 24px;
  text-align: right;
  line-height: 1;
  color: #91afd1;
  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; } 

.donate input:hover { 
  background: none;
  color: #4c4d4f; }

.donate input:focus { 
  background: none;
  color: #0073bb;
  cursor: text;  }

.donate button {
  background: #0073bb;
  -webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
  width: 40px;
  height: 28px;
  border: none;
  position: relative;
  top: 0;
  left: 0;
  font: 16px/16px 'Roboto Slab', 'serif';
  font-weight: 400;
  color: #ffdf52;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  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; } 

.donate button:hover { 
  background-color: #ffdf52;
  color: #0073bb; }  

.donate button:active { 
  background-color: #0073bb; color: #fff; } 


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

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

   .feed li a { 
      background-color: #f8d7bb;
      height: 10px;
      display: block;
      position: relative;
      -moz-border-radius:       5px;
         -webkit-border-radius: 5px;
      	border-radius:         5px; 
      -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 { 
      background-color: #e87c1e;
      -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 { 
      background-color: #e87c1e;
      -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 { 
      background-color: #e87c1e;
      -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.tabs li a {
border-radius: 0; height: auto; }


div.header-links {
	float: left;
}

#block-search-form {
	float: right;
}


.taxonomy-term {
	display: none;
}

.pager a {display: inline-block; margin: auto 5px;}

.pager a.current-page {color: #125b9e;}