nav {
   margin: 0;
   height: 48px;	
   float: right;
   position: absolute;
   right: 0;
   bottom: 0; }
#home nav { bottom: -1px; }

body.simple.page-simple header nav { display: none; }
   

nav ul#menu { list-style: none; margin: 0 auto; float: left; }

nav ul#menu li {      
  float: none; 
  position: relative;
  display: inline-block;
  padding: 0; } 
  nav ul#menu  li.nav-menu { display: none; }

nav ul#menu li#home a { display: inline-block; font-family: 'trilogyicons'; font-size: 17px; padding: 14px 7px; color: #2f71cd; }
nav ul#menu li#home a:hover { color: #e15604; background: none !important; }

nav ul#menu li a {
   height: 19px;
   padding: 14px 12px;
   font-family: "Raleway", serif;
   /*font-size: 19px;*/
   font-weight: 400;
   line-height: 1;
   color: #1d2939;
   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 ul#menu li a:hover { background-color: #e15604; color: #fff; }
nav ul#menu li a:active { background-color: #2f71cd; color: #fff; }

nav ul#menu li.active {  }
nav ul#menu li.active a {  }

nav ul#menu > li:hover a.dropdown {
  background-color: #e15604;
  color: #FFF; }   



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

nav#main ol { 
   background: #e15604;
   list-style: none;
   width: 240px;
   margin: 0;
   padding: 6px;
   display: none;
   position: absolute;
   left: 0px;
   top: 47px;
   z-index: 100;
   font-size: 15px !important;
   line-height: 15px !important;
   text-transform: none !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;
   -webkit-box-shadow: 1px 5px 5px 0 rgba(0,0,0,.2);
   box-shadow: 1px 5px 5px 0 rgba(0,0,0,.2);}

nav#main li:hover ol,
nav#main li.over ol { display: block; }

nav#main ol li {
   background-image: none;
   padding: 2px !important;
   text-align: left; 
   float: none;
   display: block; }

nav#main ol li a {
   background-color: #e86315;
   width: auto;
   height: auto;
   padding: 6px 5px !important;
   display: block;
   color: #fff !important;
   font-size: 15px !important;
   line-height: 15px !important;
   float: none;   
   text-indent: 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; }

nav#main ol li a:hover { 
   padding: 6px 5px !important;
   background-color: #ff863f !important;    
   color: #fff !important; }
nav#main ol li a:active { 
   background-color: #ab3400 !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); }


/* Utility Nav
------------------------------------ */
#utility-nav {
   position: absolute;
   top:0;
   right: 0;
   height: 45px;
   width: 50%;
   font-family: "Hind", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   font-size: 13px;
   line-height: 13px;
   color: #2f71cd;
   text-align: right; }

#languages { float: right; padding: 16px 0; }
#languages a { color: #2f71cd; margin: 0 .5em; }
#languages a:focus, #languages a:hover { color: #e15604; }

#languages a.ch { font-family: "Hind", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; }

body.simple.page-simple #utility-nav { display: none; }


/* Section Nav
------------------------------------ */
#snav { 
   text-align: left;
   background: #eee;
   width: 240px;
   padding: 20px;
   height: auto;
   position: inherit;
   clear: both;
   margin-bottom: 1%;}
   
.simple.our-california #snav {
   clear: both;
   width: 96%;
   padding: 2%;
   margin: 0; }

#snav ul { list-style: none; } 
.simple.our-california #snav ul { margin: 0; }
#snav li { margin: 0 auto; } 
.simple.our-california #snav li { 
   padding: .25em; background-color: rgba(255,255,255,.4); margin: 1px 0;
   -webkit-transition: all .25s ease-in-out;
      -moz-transition:    all .25s ease-in-out;
      -o-transition:      all .25s ease-in-out;
      -ms-transition:     all .25s ease-in-out;
      transition:         all .25s ease-in-out; }
.simple.our-california #snav li:hover { background-color: rgba(255,255,255,.8); }

#snav li a { 
   position: relative;
   top: -1px;
   padding: .25em 0 .25em 16px; 
   display: block;
   font: 400 18px/1 "Raleway", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   color: #274d83;  
   -webkit-transition: all .25s ease-in-out;
   -moz-transition:    all .25s ease-in-out;
   -o-transition:      all .25s ease-in-out;
   -ms-transition:     all .25s ease-in-out;
   transition:         all .25s ease-in-out; }  
#snav li a:hover { color: #e15604; }
#snav li a:active { color: #2f71cd; }

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

#snav li:before { display: inline-block; font-family: 'trilogyicons'; content: ">"; font-size: 12px; color: #e15604; position: absolute; padding: .25em 0; }

#snav h2 {
   font: 600 14px/1 "Raleway", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   color: #1d2939;
   text-transform: uppercase; }
   
#snav h2 span.large {
   font-size: 24px;
   font-weight: 500;
   text-transform: none; }
   
#snav ul ul { margin: 0 0 1em 20px;  }
#snav ul ul li a { font-size: 14px; padding: .25em 0 .25em 10px; top: 1px;}
#snav ul ul li:before { font-size: 10px; }


/* Footer Nav
------------------------------------ */
footer nav {
   width:740px;
   float: left;
   margin: 0;
   height: auto;  
   position: relative;
   right: inherit;
   bottom: inherit;
}

footer nav ul {
   width: 100%; }

footer nav ul#menu li {      
   float: left; 
   width: 25%;
   position: relative;
   display: inline-block;
   padding: 0;
   text-align: left; } 
   
   footer nav ul#menu li.vote { display: none; }

footer nav ul#menu li a {
   padding: 0;
   font-family: "Raleway", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", serif;
   font-size: 18px;
   font-weight: 400;
   line-height: 1;
   color: #fff;
   display: block;
   margin-bottom: .5em;
   -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; }

footer nav ul#menu li a:hover { background: none !important; color: #e15604 !important;}
footer nav ul#menu li a:active { background: none !important; color: #2f71cd !important;  }
   
footer nav ul#menu li ol { list-style: none; margin: 0 0 0 0; }   
footer nav ul#menu li ol li { margin: 0 auto; display: block; width: 100%; float: none; }  
footer nav ul#menu li ol li a { 
   position: relative;
   top: 1px;
   height: auto;
   padding: .25em 0 .25em 12px; 
   margin: 0;
   display: block;
   font: 400 13px/1 "Raleway", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   color: #999 !important;  
   -webkit-transition: all .25s ease-in-out;
   -moz-transition:    all .25s ease-in-out;
   -o-transition:      all .25s ease-in-out;
   -ms-transition:     all .25s ease-in-out;
   transition:         all .25s ease-in-out; }  
footer nav ul#menu li ol li a:hover { color: #e15604; }
footer nav ul#menu li ol li a:active { color: #2f71cd; }

footer nav ul#menu li ol li:before { display: inline-block; font-family: 'trilogyicons'; content: ">"; font-size: 9px; color: #e15604; position: absolute; padding: 0; }

   
/* --- Contribute --- */
a.contribute {
   font-family: "Arvo", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   /*font-size: 19px;*/
   padding: 14px 24px !important;
   background-color: #2f71cd;
   color: #fff !important;
   text-transform: uppercase;
   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; }
a.contribute:hover { background-color: #1d2939 !important; }
a.contribute:active { background-color: #e15604 !important; }

/* --- Contribute --- */
a.store {
   font-family: "Arvo", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   /*font-size: 19px;*/
   padding: 14px 24px !important;
   background-color: #e15604;
   color: #fff !important;
   text-transform: uppercase;
   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; }
a.store:hover { background-color: #1d2939 !important; }
a.store:active { background-color: #2f71cd !important; }

/* --- Device and Mobile Menu --- */
nav ul#menu li#top-menu  { 
   display: none !important;
   height: 68px;
   z-index: 1000; }

nav ul#menu li#top-menu > a {
   background-repeat: no-repeat;
   position: relative; 
   width: 68px;
   height: 68px;
   padding: 0;
   font-family: 'trilogyicons';
   text-transform: uppercase;
   font-size: 50px;
   vertical-align: middle;
   line-height: 68px;
   color: #2f71cd !important;
   margin: 0; }
nav ul#menu li#top-menu > a:hover,
nav ul#menu li#top-menu.active,
nav ul#menu li#top-menu.active a,
nav ul#menu li#top-menu  a:active { background: rgba(225,86,4,1); color: #fff !important; }

nav ul#menu li#top-menu #top-dropdown {
   background: rgba(226,86,4,1);   
   width: 220px;      
   box-shadow:            0 4px 3px rgba(0, 0, 0, 0.25);       
      -moz-box-shadow:    0 4px 3px rgba(0, 0, 0, 0.25);  
      -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);   
   display: none;
   color: #fff !important;
   margin: 0;
   position: absolute;
      top: 68px; 
      right: 0px;
	   left: inherit;
      z-index: 9999; }

nav ul#menu li#top-menu #top-dropdown li { 
   width: 100%;
   padding: 0 !important;
   border-right: 0;
   color: #fff;
   border: 0;
   margin-bottom: 2px; }
nav ul#menu li#top-menu #top-dropdown li:hover {  }
nav ul#menu li#top-menu #top-dropdown li:last-child { border-bottom: 0; }
   
nav ul#menu li#top-menu #top-dropdown li a {
   display: block;
   font-family: "Raleway", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", serif !important;
   text-transform: capitalize !important;
   width: auto;
   height: auto;
   background-color: rgba(255,255,255,.1) !important;
   padding: .5em !important;
   margin: 0;
   line-height: 1;
   color: #fff;
   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;}
nav ul#menu li#top-menu #top-dropdown li a:hover { padding: 0.5em !important; background-color: rgba(255,255,255,.3) !important; }
nav ul#menu li#top-menu #top-dropdown li:last-child a {}
      
nav ul#menu li#top-menu #top-dropdown li a:active {   
   background-color: #f16034 !important;
   color: #fff; }
   
nav ul#menu li#top-menu #top-dropdown li.close a { 
   padding: 5px 10px; 
   background: #f16034; 
   color: #fff; }
nav ul#menu li#top-menu #top-dropdown li.close a:active { background: #f16034; }