#body {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 990px;
      -moz-border-radius: 6px;
      -webkit-border-radius:  6px;
    border-radius: 6px;   
}

#top {
 width: 100%;
 position: relative;
 border: medium none;
}

#hero {
   height: 300px;
   position: relative;
   width:70%;
   float: left;}

#issues-menu {
 width: 30%;
 position: absolute;
 height:300px;
 right: 0;
 top: 0;
 z-index: 999;
 background: url("/theme/img/issues-menu-bg.png") transparent;
}

#issues-menu li {
  font-size: 24px;
  padding: 19px 20px;
  font-family: "jaf-bernino-sans", arial; 
  text-transform: uppercase;
  font-weight:300;
}

#issues-menu li:lastchild {
  border-bottom: 0 solid #ede4da;
}

#issues-menu li a {
 padding: 1px 0 1px 55px; 
}

#issues-menu li a:hover {
 opacity: .8;
 color: #483F3C;
}
      .education {
      background: url("/theme/img/ico-edu.png") no-repeat scroll 0 -3px transparent;
      color: #72aeb5;
      }
      
      .housing {
      background: url("/theme/img/ico-housing.png") no-repeat scroll 0 -4px transparent;
      color: #f3ab05;
      }
      
      .immigration {
      background: url("/theme/img/ico-imm.png") no-repeat scroll 0 -5px transparent;
      color: #6fb03e;
      }
      
      .leadership {
      background: url("/theme/img/ico-lead.png") no-repeat scroll 0 -5px transparent;
      color: #78496a;
      }
	
.slide {
	background-repeat: no-repeat;
	background-position: center top;
   position: relative; }	
	

.slide a { 
   width: 100%;
   height: 300px;
   position: relative;
   display: block; }

#hero .text {
  font-family: "jaf-bernino-sans", arial;
  font-size: 15px;
  font-weight: 300;
  background: rgba(103,151,156,.9);
  max-width: 480px;
  padding: 20px;
    -moz-border-radius:       0 6px 6px 0;
    -webkit-border-radius:  0 6px 6px 0;
  border-radius:          0 6px 6px 0;   
  color: #fff;
  position: absolute;
	  -webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		-o-transition:   background .3s ease-in-out;
		-ms-transition:  background .3s ease-in-out;
	transition:      background .3s ease-in-out; } 
  #hero .text.bottom { bottom: 30px; }
  #hero .text.top { top: 30px; }


      #hero a:hover .text { background: rgba(103,151,156,1); }
      
      #hero a h1 {
        color: #fff;
      	font-size: 26px;
        line-height: 1.3;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 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; }	
        #hero a:hover h1 { color: #ffd781; }
      
      #hero a p {
      	color: #fff;
      	line-height: 1.5;
        margin-bottom: 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; }      
      
      #hero .button { 
          padding: 0 0 0 10px;
          display: inline-block;
          text-transform:uppercase;
          color: #fff;  
          background: url("/theme/img/sprite.png") no-repeat 0 -27px transparent;
          }	      
      #hero a:hover .button { 
        background-position: 0 -61px;
        color: #ffd781;
          }   
      #hero a:active .button { 
          background-position: 0 0;
          }

/* --- Slide Tabs --- */

#hero ul {
    background: none repeat scroll 0 0 #FFFFFF;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    bottom: 0;
    display: inline;
    font: 300 11px/1 "jaf-bernino-sans",arial;
    left: 43%;
    list-style: none outside none;
    padding: 5px 5px 2px;
    position: absolute;
    z-index: 100;}
  
  .ie #hero ul { left: 43%; }
      
#hero li { 
   display: inline-block;}

  #hero li a { 
      background: none repeat scroll 0 0 #e79326; 
      height: 10px;
      margin: 0 2px;
      padding: 0 5px;
      text-indent: -99999px;
      display: block;
        -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; }
  
  #hero li:hover a { 
      background: #72aeb5; 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
      border-radius: 5px;
        -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); }
   
   #hero li:active a { 
      background: #78496a;
        -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); }
   
   #hero li.ui-tabs-active a { 
      background: #78496a;
        -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); }
   
   #hero li.ui-tabs-active hover a { background: transparent; }

/* --- Back/Next Buttons --- */

#hero .control {
   background-position: center center;
   background-repeat: no-repeat;
	width: 20px;
	height: 20px;  
	position: absolute;
	top: 180px;
	opacity: .9; 
	-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; }	
   #hero .control:hover { 
      -moz-box-shadow:       1px 1px 1px rgba(0,0,0,.2);
         -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
         box-shadow:         1px 1px 1px rgba(0,0,0,.2); }
   #hero .control:active { 
      -moz-box-shadow:       inset 0 1px 1px rgba(0,0,0,.2);
         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
         box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); }
         
	#hero .control.back {
		background-image: url(/theme/img/left.png);
		left: 0; }			
	#hero .control.next {
		background-image: url(/theme/img/right.png);
		right: 0; }			



/* --------------- Below --------------- */

.below {
   width: 100%;
   padding: 30px;
   text-align: left;
   position: relative;
   z-index: 9999;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */ } 
   
.below .video {
   width: 320px;
   margin: 0 20px;
   float: left; }    

.below .video .embed { margin: 10px 0; }  

.below .video object,
.below .video embed,
.below .video iframe {
   width: 320px !important;
   height: 200px !important; }     

.below a.rss {
   background: #0099ad url(/theme/img/rss.png) no-repeat center center;      
   width: 18px;
   height: 18px;
   -moz-border-radius:       9px;
      -webkit-border-radius: 9px;
      border-radius:         9px;    
   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; }
.below a.rss:hover {
   background-color: #eb6e1f;
   -moz-box-shadow:       0 1px 1px rgba(0,0,0,.2);
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
      box-shadow:         0 1px 1px rgba(0,0,0,.2); }
.below a.rss:active {
   background-color: #00aec5;
   -moz-box-shadow:       inset 0 1px 1px rgba(0,0,0,.2);
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
      box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); }      
      
      

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

.feed .panel { min-height: 210px; } 

.feed.list {
   width: 370px;
   float: left; }
   
.facebook .text p {
  color: #78496A;
  font-size: 22px;
}

.facebook .text p:hover {
  color: #b04292;
}   
   
/* ------------ Sidebar ------------ */   
   
.sidebar {
    position: relative;
    margin: -40px 0 0 20px;
    width: 280px;
    z-index: 999999;
    font-family: "jaf-bernino-sans", arial;
    display: block;
    float: left;}
    
.events {
  background: #68411b;
  border-radius: 6px 6px 6px 6px;
  margin-top:20px;
  padding: 0;
    -moz-box-shadow:       0px 0px 2px rgba(0,0,0,.35);
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.35);
  box-shadow:         0px 0px 2px rgba(0,0,0,.35);}
    
    .events .content {
      background: #FFFFFF;
      display: block;
      border-radius: 0 0 6px 6px;
      padding: 20px;}
    
    .events h2 {
      color: #FFFFFF;
      font-weight: 300;
      margin: 0;
      padding: 10px 20px;
      text-transform: uppercase;
      font-size: 19px;
      line-height:1.3em;}     
    .events h2:hover { color: #fee592; }       
    
    .events h4 {
      border-bottom: 1px solid #EEEEEE;
      color: #78496A;
      display: block;
      font-size: 18px;
      font-weight: 300;
      line-height: 1.5em;
      margin-bottom: 10px;
      padding-bottom: 10px;}
    
    .events h4:hover {
     color: #b04292; 
    }
      
  
.feed .text {
    float: left;
    display: block;
    }

#home .feed { 
    float: left;
    width: 70%; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding-right:15px;
    border-right: 1px solid #EDE4DA;
        }
        
#home .socialfeed {   
  width: 30%;
  float:left;
  padding-left:15px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

#home .socialfeed article {   
    overflow: hidden;  
  }
    
#home .feed article {
    border-bottom: 1px solid #EDE4DA;
    font-family: "jaf-bernino-sans",arial;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: auto;
}    

#home .feed article:last-child {
    border-bottom: none;
    padding-bottom: 20px;

} 



#section-nav {
    background-color: #e49025;
    background-image: url("/theme/img/starburst-middle.png");    
    background-position: 50% top;
    background-repeat: no-repeat;    
    width: 100%;
    display: table;
  }

div#section-nav a {
    background-repeat: no-repeat;  
    width: 25%;
    display: table-cell;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    font-weight: 500;
    color: #5f3b16;  
    padding: 1.3em 1em;
    font-size: 1.5em;
}
div#section-nav a:hover {
  color: #fff;
}

div#section-nav a span {
    display: block;
    font-size: 2em;
    text-transform: none;
    color: #fff;
    margin-top: .35em;
    -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;    
}
div#section-nav a:hover span {
    color: #5f3b16; 
}

div#section-nav a:first-child {
    background-image: url("/theme/img/starburst-left.png");    
    background-position: bottom left;
}

div#section-nav .donate {
  background-color: #6fb03e;
  background-image: url("/theme/img/starburst-donate.png");  
  background-position: bottom right;
  color: #ffffff;
}
div#section-nav .donate:hover {
  color: #ffebaa;
}

div#section-nav .donate:hover span {
  color: #fee795;
}



.mission { border-bottom: 1px solid #a0a0a0; margin-bottom: 15px;
}
.upper {
    border-bottom:  1px solid #a0a0a0;
    float: left; 
    display: block;
    margin-bottom:15px;
    padding-bottom:15px;
}

.lower {
    float: left; 
    width:100%; 
}


.blog, .news, .newsletter, .newevents {
    width: 50%;
    display: block;
    float:left;
}

.blog, .newsletter {
  padding-right:15px; 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */

}

.news, .newevents {
    padding-left:15px; 
    border-left:  1px dotted #a0a0a0;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */   
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}  

h4 {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size:15px;
    font-weight:600;
    color: #603c17;
}

.blog h4 {
    color: #e49125;
}

.news h4 {
    color: #78496a;
}

.newevents h4 {
    color: #6fb03e;
}

.blog h3, .news h3, .newsletter h3, .newevents h3 {
 font-size: 18px; 
 font-weight: 400;
  color: #333333; 
}


.twpost {
    border: 1px solid #72aeb5;
    padding: 1.5em;
    font-size: 1.15em;
    color: #333333;
    border-radius: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */   
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}
.twpost:before {
  font-family: 'trilogyicons';
  content: "t";
  background: #fff;
  padding: .2em;
  position: absolute;
  left: 50%;
  top: 0;
  color: #72aeb5;
  font-size: 1.5em;
  -moz-transform:    translateX(-50%) translateY(-50%);
	-ms-transform:     translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform:         translateX(-50%) translateY(-50%);	  
}

.twpost .tweet {
  padding-bottom: 1.3em;
}
.twpost .tweet:last-child {
  padding-bottom: 0;
}

.twpost article {
  margin-bottom: .7em;
  display: block;
}

.twpost a {
  color: #72aeb5;
}
.twpost .share {
  font-size: 11px;
}

.fbpost {
    border: none;
    background-color: #72aeb5;
    border-radius: 5px;
    padding: 1.45em;
    font-size: 1.2em;
    color: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */   
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.fbpost p {
    line-height: 1.3;
    margin-bottom: 0;
}
.fbpost .icon {
    font-size: 1.4em;
    margin-bottom: .8em;
    display: block;
}

.fbpost article a {
    color: #2f747c;
}


.fbpost a.view {
    font-size: .85em;
    display: table-cell;
    padding: .5em 0 0;
    text-transform: uppercase;
    color: #fff;
}
.fbpost a.view:hover {
  color: #fee795;
}

#issues-menu h4 {
  margin: 0 1em;
  font-weight: 700;
  font-size: 1em;
  padding: .7em 0 .7em .7em;
  color: #603c17;
  border-bottom: 1px solid #ede4da;

}

.newsletter article {
    border-radius: 5px;
    background-color: #78496a;
    display: block;
    padding:15px;
}

.newsletter article p, .newsletter article h3 {
  color: #ffffff;
}


.yt {
  margin: 20px auto;
}
.yt-player { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  margin-bottom: 10px;
}
.yt-player iframe,
.yt-player object, 
.yt-player embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}
.yt-title {
    font-size: 18px;
    font-weight: 400;
    color: #78496a;
    margin-bottom: 5px;  
}
.yt-description {
}

#alert {
   display: block;
   width: calc(70% - 2.7rem);
   float: left;
   padding: 1.35rem;
   background: #78496a;
   font-size: 1.2rem;
   font-weight: 700;
   color: white;
}