/*
Description: The structure of this website theme was built on the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/



/* TO DELETE EVENTALLY

#landingpagefloatmenu { width: 220px; float:right; margin-left:15px; margin-bottom:15px;}
#landingpagefloatmenu h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; text-align:center; color:#fff; background-color:#283890; padding:3px;}
#landingpagefloatmenu ul {margin: 0px 20px 0px 0px ; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; text-indent: 0px; list-style:none; }
#landingpagefloatmenu ul li { margin:0px 40px 0px 10px; padding:0px; line-height: 15px; list-style:none; }
#landingpagefloatmenu ul li a:link, #landingpagefloatmenu ul li a:visited {display: block; padding: 5px 3px 5px 10px; width:185px; background-color:#fff; border-bottom: 1px solid #c1cdd8; border-left: 1px solid #c1cdd8; border-right: 1px solid #c1cdd8; font-size:1.1em; color: #333; text-decoration: none;}
#landingpagefloatmenu ul li a:hover {color: #fff; background-color: #b9bfe1;}


#landingpageleftmenu {width:270px;}
#landingpageleftmenu h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#A9B2BD; font-weight:normal; padding:10px 0px 5px 35px; background: url(/images/circle_ltblue.gif) no-repeat bottom left; border-bottom: 1px dotted #c3ccdb;}
#landingpageleftmenu ul li {border-bottom:1px dotted #eee; padding:2px 0px 2px 0px; font-size:10px; list-style-image: url(/images/bullet.gif); text-indent:-10px;}
#landingpageleftmenu li a:hover {text-decoration:none; color:#c60;}



 */





/*  .................................... MAIN CONTENT STRUCTURE  .................................... */
body { font-size: 12px; /* Resets 1em to 10px */ font-family: Arial, Helvetica, Sans-Serif; 
   color: #333; text-align: center; margin:0px; background: #cccc99 url(/images/background2.jpg) top left repeat-x;}
#page { background-color: white; border: 1px solid #959596;}
#header { margin: 0px; padding: 0px; width: 1000px; text-align: left;}
#content {font-size: 1.2em; width:100%; padding:20px 0px 20px 0px;}
#content p {line-height:22px; margin-left:5px;}

#contentwrapper { margin: 0px; padding: 0px; width:950px;background-color:#fff; border-left:1px solid #999; border-right:1px solid #999;}
#contentwrapper h3.feeds {font-size:12px; color:#777; font-weight:normal; border-bottom:1px dotted #777; margin-top:0px; padding:4px;}
#homepagewrapper {width:100%; border-top:1px dotted #999999;}
#homepagecontent {background-color:#fff; padding:20px; text-align:left;}
#homepagecontent p {font-size:12px; line-height:18px; margin-top:2px;}
#homepagecontent h2 {font-size:14px; color:#283890; padding-bottom:3px; margin-left:0px; font-weight:bold;}
#homepagecontent h3 {font-size:14px; color:#333; padding-bottom:0px;}

a:hover {  color: #147;  text-decoration: underline;  }  
a:visited { color:#906; }
a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }


/*  .................... HEADERS .................... */

h1, h2, h3 { font-family: Verdana, Arial, Helvetica, Sans-Serif;  }

h1 { font-size: 1.7em;  line-height: 1.1em;  padding:3px 0px 5px 40px;  font-weight:normal;  background:url(/images/circle_ltblue.gif) top left no-repeat;  border-bottom:1px solid #CCCCCC;  text-align:left;  }
h2 {  font-size: 1.4em;  color:#336600;  font-weight:normal;  text-transform: capitalize; margin: 30px 0 0 0px; } 
h2.newsevents { font-size: 1.2em;  line-height:1.4em; color: #333;  font-weight:bold; margin-top:0px; }
h2.pagetitle {  font-size: 1.6em;  }
h3.taggedposts {font-size: 1.3em; margin-top:15px; border-top:1px solid #333; padding:15px 0 10px 0;}
#sidebar h2 {  font-family: Verdana, Sans-Serif;  font-size: 1.2em;  }
h3 {  font-size: 1.1em;  margin: 30px 0 0 0px; }
h2 a, h2 a:visited, h3, h3 a, h3 a:visited {  color: #333;  }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {  text-decoration: none;  }

h2.pagetitle { margin-top: 30px; text-align: center;}

#sidebar h2 { margin: 5px 0 0 0; padding: 0;  }

h4 {color:#930; margin:15px 0 -7px 0; padding:0px;}
  



/*  ........................................ FRONT PAGE  ........................................ */
/*  .................... 3 col front layout .................... */

#fronttablecontainer3 { float:left; width:100%; background:#fff; overflow:hidden;  position:relative; padding:0px; margin: 30px 0px 0px 0px;}
#fronttablecontainer2 {float:left; width:100%; background:#fff; position:relative; right:34%; padding:0px; margin:0px;}
#fronttablecontainer1 { float:left; width:100%; font-size: 11px; background: #fff; position:relative; right:35%; padding:0px; margin:0px;}
#col1 { float:left; width:45%; padding-top: 5px; text-align: left; /* background: #F6F6F6; */ position:relative; left:70%; padding:0px; min-height:250px; }
#col2 { float:left; width:45%; border-left: 1px dotted #ccc; padding-top: 5px; margin-left:10px; text-align: left; /* background: #F6F6F6; */ position:relative; left:70%; padding:0px; min-height:250px;}

/* ORIGINAL 
border-top:10px solid #283891; 
#col1 { float:left; width:32%; padding-top: 5px; text-align: left; position:relative; left:70%; padding:3px; min-height:250px; }
#col2 { float:left; width:32%; border-left: 1px dotted #ccc; padding-top: 5px; text-align: left;position:relative; left:70%; padding:3px; min-height:250px;}
#col3 { float:left; width:32%; border-left: 1px dotted #ccc; padding-top: 5px; text-align: left; position:relative; left:70%; padding:3px; min-height:250px;}
*/


#frontpagefeeds ul {list-style-image: url(/images/bullet.gif); margin-left:5px;}
#frontpagefeeds ul li, #frontpagefeeds ul li a {padding-bottom:6px; margin-left:5px; margin-right:5px; text-indent:-5px; }

h4.frontpage a:hover {text-decoration:none; color:#875639;}
h4.frontpage {font-size:13px; font-weight:bold; color:#333; border-bottom:1px solid #ccc; text-decoration:none;}




/*  ........................................ COMMENTS ON FRONT PORCH BLOG  ........................................ */

.entry p a:visited { color:#660066; }
.commentlist ol {margin-top:0px;}
.commentlist li, #commentform input, #commentform textarea { font: 0.9em Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: .9em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1em; }
.commentlist p { font-weight: normal; line-height: 0.9em; text-transform: none; }

#commentform p {  font-family: Verdana, Arial, Sans-Serif; font-size:.9em; }
.commentmetadata { font-weight: normal; font-size:0.8em;}
h3.comments { padding: 10px 0; margin: 40px 100px 0 100px; font-weight:normal; font-size:1.3em; color:#999; border-left:1px dotted #999; border-right:1px dotted #999; text-align:center;} 
/* h3.comments { padding: 3px; margin: 45px 20px 0 0 ; font-weight:normal; font-size:1.1em; background-color:#ccc; color:#666; text-align:center;}*/


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike { color: #777; }
code { font: 0.8em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

#sidebar { font: 1em Verdana, Arial, Sans-Serif;}





/*  ........................................ to possibly delete ........................................ */


/* Begin Structure */
body {
  margin: 0 0 20px 0;
  padding: 0;
  }

#page {
  background-color: white;
  margin: 0px ;
  padding: 0px 20px 0px 20px;
  width: 860px;
  border: 1px solid #959596;
  }



#headerimg {
  margin: 0;
  height: 200px;
  width: 100%;
  }

.narrowcolumn {
  float: left;
  padding: 0 0 20px 0px;
  margin: 0px;
  width: 450px;
  }

.widecolumn {
  padding: 10px 0 20px 0;
  margin: 5px 0 0 0px;
  width: 450px;
  }
  
.widecolumn .entry p { font-size: 1em; font-family: Arial, Helvetica, Sans-Serif !important; color: #333; line-height:22px;}
  
.excerpt {font-size: 1em; font-family: Arial, Helvetica, Sans-Serif !important; color: #333; line-height:22px !important;}

.post {
  margin: 0 0 40px;
  text-align: left;
  }

.post hr {
  display: block;
  }

.widecolumn .post {
  margin: 0;
  }

.narrowcolumn .postmetadata {
  padding-top: 5px;
  }

.widecolumn .postmetadata {
  margin: 30px 0;
  }

.widecolumn .smallattachment {
  text-align: center;
  float: left;
  width: 128px;
  margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
  text-align: center;
  margin: 5px 0px;
}

.postmetadata {
  clear: both;
}

.clear {
  clear: both;
}

#footer {
  padding: 0;
  margin: 0 auto;
  width: 760px;
  clear: both;
  }

#footer p {
  margin: 0;
  padding: 20px 0;
  text-align: center;
  }
  
#pressreleases {text-align:left; margin-left:15px;}
/* End Structure */



/* Begin Images */

p img {
   margin: 9px ;
  padding: 0;
  max-width: 100%;
  }

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
  float: left
  }
/* End Images */



/* Begin Lists

  Special stylized non-IE bullets
  Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul, #contentwrapper ul, #pressreleases ul {
  margin-left: 5px;
  padding: 0 0 5px 30px;
  /* list-style: none; */
  padding-left: 10px;
  font-size:1em;
  }
 

html>body .entry li {
  margin: 7px 0 8px 10px;
  }

#content ul li { list-style-image: url(/images/bullet.jpg); line-height:20px; }
#content ul { margin-left:20px; }

/*
.entry ul li:before, #sidebar ul ul li:before, #content ul li:before, #homepagecontent ul li:before,  #homepagelists ul li:before, #pressreleases ul li:before, {
  content: "\00BB \0020";
  }
  
#homepagecontent ul li:before, #homepagelists ul li:before, #fronttablecontainer3 ul li:before, #pressreleases ul li:before, #sidebar ul ul li:before, #table ul li:before, #post ul li:before {
  content: "\00BB \0020";
  }

*/


/*.entry tbody ul li:before {
  content: "\00BB \0020";
} */

.entry ol {
  padding: 0 0 0 35px;
  margin: 0;
  }

.entry ol li {
  margin: 0;
  padding: 0;
  }

.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
  }

#sidebar ul, #sidebar ul ol {
  margin: 0;
  padding: 0;
  }

#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
  }

#sidebar ul p, #sidebar ul select {
  margin: 5px 0 8px;
  }

#sidebar ul ul, #sidebar ul ol {
  margin: 5px 0 0 10px;
  }

#sidebar ul ul ul, #sidebar ul ol {
  margin: 0 0 0 10px;
  }

ol li, #sidebar ul ol li {
  list-style: decimal outside;
  }

#sidebar ul ul li, #sidebar ul ol li {
  margin: 3px 0 0;
  padding: 0;
  }
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
  margin: 6px auto;
  padding: 5px 3px;
  text-align: center;
  }
#searchform #searchsubmit { background: transparent url(/images/magnifying_glass.jpg) no-repeat center top; border:none; cursor: pointer; } 

#sidebar #searchform #s {
  width: 200px;
  padding: 4px;

  }

#sidebar #searchsubmit {
  padding: 1px;
  }

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
  }

select {
  width: 130px;
  }

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
  }

#commentform {
  margin: 5px 10px 0 0;
  }
#commentform textarea {
  width: 100%;
  padding: 2px;
  }
#respond:after {
    content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
  }
#commentform #submit {
  margin: 0 0 5px auto;
  float: right;
  }
/* End Form Elements */



/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
  }

.commentlist {
  padding: 0;
  text-align: left;
  }

.commentlist li {
  margin: 15px 0 10px;
  padding: 5px 5px 10px 10px;
  list-style: none;

  }
.commentlist li ul li { 
  margin-right: -5px;
  margin-left: 10px;
}

.commentlist p {
  margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
  margin: 5px 0;
  }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  }

.commentmetadata {
  margin: 0;
  display: block;
  }
/* End Comments */



/* Begin Sidebar */
#sidebar
{
  padding: 20px 0 0px 0;
  margin: 0 0 0 0 ;
  width: 190px;
   float: left ;
   text-align: left ;
  }

#sidebar form {
  margin: 0;
  }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
  }

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
  }

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
  }

#wp-calendar a {
  display: block;
  }

#wp-calendar caption {
  text-align: center;
  width: 100%;
  }

#wp-calendar td {
  padding: 3px 0;
  text-align: center;
  }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
  cursor: help;
  }

acronym, abbr {
  border-bottom: 1px dashed #999;
  }

blockquote {
  margin: 15px 30px 0 20px;
  padding-left: 20px;
  border-left: 10px solid #ccc /*#c4d7bf*/;
  }
  
blockquote.special {
  margin: 15px 30px 0 20px;
  padding-left: 20px;
  font-style:italic;
  border-left:none;
  color:#666;
  }

blockquote cite {
  margin: 5px 0 0;
  display: block;
  }

.center {
  text-align: center;
  }

.hidden {
  display: none;
  }

hr {
  display: none;
  }

a img {
  border: none;
  }

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
  }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  /* border: 1px solid #ddd; */
  text-align: center;
  background-color: #fff;
  padding-top: 4px;
  margin: 0px 6px;
  line-height: 12px !important;

}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption, .wp-caption-text, p.wp-caption-text {
  font-size: 10px;
  line-height: 12px !important;
  padding: 5px 4px 5px;
  margin: 0;
  font-style:italic;
  text-align: left;
}
/* End captions */




/* NEW Styles */


.quote {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:33px; color:#999; font-weight:normal;} 

a.donatelinks {font-size:14px; text-decoration:none; text-align:left; margin-left:20px;}
a:visited.donatelinks { margin-left:20px; text-decoration:none;}

#line {height:15px; border-bottom:1px dotted #ccc; margin:0px 30px 0px 30px;}
#line2 {height:20px; border-top:1px solid #ccc; margin:25px 80px 0px 80px;}
#line3 {height:20px; border-top:1px dashed #ccc; margin:20px 300px 0px 0px;}
#line4 {height:10px; border-top:1px dotted #ccc; margin:10px 300px 0px 0px;}
#line5 {height:15px; border-bottom:1px dotted #ccc; margin-bottom:30px;}


#twitter_update_list ul li{
  list-style-type: circle;
  list-style-image: none;
}



/* .......................... Sidebar Nav .......................... */

#avright_navcontainer { width: 200px; padding-top:20px; margin-left:30px; }
#avright_navcontainer h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align:left; color:#ccc;}
#avright_navcontainer ul { margin-left: 0; margin-bottom:0px; padding-left: 5px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; text-align: left; }
#avright_navcontainer ul li a { list-style-type: none; !important}
#avright_navcontainer a {  display: block; padding: 10px 3px 10px 20px; width: 200px; background-color:#fff; border-bottom: 1px solid #c1cdd8; border-left: 1px solid #c1cdd8; font-size:1.1em;}
#avright_navcontainer a:link, #navlist a:visited, #avright_navcontainer #navlist_sub a:visited { color: #333; text-decoration: none; }
#avright_navcontainer a:hover {background-color: #283890; color: #fff; }
#avright_navcontainer ul#navlist_sub{  padding-left: 0px;  padding-bottom: 0px;  border: 0px; }
#avright_navcontainer #navlist_sub a{  display: block;  padding: 5px 8px 5px 5px;  margin-right: 5px;  width: 176px;  background-color:#e6ebf1;  border-top: 1px solid #fff;  border-left: 0px;  font-size:1.1em; text-indent: 0px; }
#avright_navcontainer #navlist_sub a:hover {background-color: #fff;   /*#9ab2ca;  #0c9545;*/ color: #333;}


/* Featured */
#avright_navcontainer ul li a.featured {color:#900;}
#avright_navcontainer ul li a:hover.featured {color:#fc6;}




/* .......................... NEW Sidebar MENU and Front Porch Blog Feed .......................... */

#avright_sidebar { width: 200px; padding-top:10px; margin-left:30px; }
#avright_sidebar2 { width: 240px; padding-top:10px; margin-left:30px; }


#avright_menu h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align:left; color:#ccc;}
#avright_menu ul { margin-left: 0; margin-bottom:0px; padding-left: 5px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; text-align: left; }
#avright_menu ul li a { list-style-type: none; !important}
#avright_menu a {  display: block; padding: 10px 3px 10px 20px; width: 200px; background-color:#fff; border-bottom: 1px solid #c1cdd8; border-left: 1px solid #c1cdd8; font-size:1.1em;}
#avright_menu a:link, #avright_menu a:visited, #avright_navcontainer #navlist_sub a:visited { color: #333; text-decoration: none; }
#avright_menu a:hover {background-color: #283890; color: #fff; }
#avright_menu ul#navlist_sub { padding-left: 0px;  padding-bottom: 0px;  border: 0px; }
#avright_menu ul li li a {display: block; color: #333; background-color: #ccc; width: 1em; padding: 8px 3px 8px 25px !important; margin-left:0px; text-decoration: none; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom:1px solid #fff !important; font-weight: normal;}
#avright_menu ul ul li a:hover {display: block; color: #fff; background-color: #666; width: 1em; padding: 5px 3px 5px 25px; border: none;}



/* Featured */
#avright_menu ul li a.featured {color:#900; background-color:#eaead1;}
#avright_menu ul li a:hover.featured {color:#eaead1; background-color:#900;}
#avright_menu ul li a.resources {color:#fff; background-color:#999;}


#avright_menu ul li a.after_nest {border-top: 1px solid #c1cdd8;}


#avright_menu ul li a.takeactionlink {background-color:#900; color:#fff; background: #900 url(/images/arrow_circle_red.png)center left no-repeat; }
#avright_menu ul li a:hover.takeactionlink {background-color:#fc6; color:#900;}
.takeactiontext {margin-left:20px;}

/* .takeaction {background:url(/images/arrow_circle_red.png) center left no-repeat; background-color:#900; padding:3px 0 3px 35px; margin-right:300px; font-weight:normal; font-size:20px; color:#fff;} */




/* RESOURCES BOX */
#avright_menu h3 {margin:0px 7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; text-align:center; color:#fff; background-color: #999; padding:3px; width:200px;}
#avright_menu ul ul { padding-left: 0px;  padding-bottom: 0px;  border: 0px; width:85%; margin-right:20px; margin-left:5px; }
#avright_menu ul ul li { list-style:none; margin:0px 15px 0px 3px; padding:0px; line-height: 15px; }
#avright_menu ul ul li a {display: block; width: 193px !important; margin-right:25px; list-style:none; padding: 5px 5px 5px 5px; background-color:#eee; border-bottom: 1px solid #c1cdd8; border-left: 1px solid #c1cdd8; border-right: 1px solid #c1cdd8; font-size:1em; color: #333; text-decoration: none;}
#avright_menu ul ul li a:hover {color: #fff; background-color: #283890;}



/* FRONT PORCH BLOG FEED -- for landing page feeds see LANDINGPAGELEFTMENU 
#fpbfeed { width:200px; background-color:#fff; border:1px solid #333; padding:6px 10px 6px 6px; box-shadow: 0px 3px 5px #888; margin-left:10px;}
#fpbfeed ul {margin-top:0px;}
#fpbfeed ul {list-style-image:url(/images/bullet.jpg); }
#fpbfeed ul li {list-style-image:url(/images/bullet.jpg); font-size: .97em; margin-bottom:7px; margin-left:5px; text-align:left; text-indent:-5px;}
#fpbfeed ul li a {color:#630; text-decoration:none; }
#fpbfeed ul li a:hover { color:#CC6600; text-decoration:none; }

#fpbfeed_header {width:150px; float:left; background-color:#333; color:#fff; font-size:12px; line-height:20px; padding-left:10px; margin: 20px 0px 0px 10px; text-align:left; border-radius:0px 10px 0px 0px; -moz-border-radius:0px 10px 0px 0px; -webkit-border-radius:0px 10px 0px 0px; }

#fpbfeed_header a {color:#fff;}
#fpbfeed_header a:hover {color:#c60; text-decoration:none;}
*/

/* ---------JARED EDIT--------FRONT PORCH BLOG FEED -- for landing page feeds see LANDINGPAGELEFTMENU */

#fpbfeed { 
    width:200px; 
    background-color:#fff; 
    border: 1px solid #d9d9d9; 
    padding: 10px 10px 5px 10px; 
    margin-left:10px;
}

#fpbfeed h2 { background-color:#283368; padding:3px; margin:0 0 8px 0; font-size:14px; color:#fff;}
	
#fpbfeed ul {
    margin-top:0px;
}
#fpbfeed ul {
    list-style-type: square;
}
#fpbfeed ul li {
    list-style-type: square; 
    font-size: .97em; 
    margin-bottom:10px; 
    margin-left:5px; 
    text-align:left; 
    text-indent:-5px;
}
#fpbfeed ul li a {
    color:#630; 
    text-decoration:none; 
}
#fpbfeed ul li a:hover { 
    color:#CC6600; 
    text-decoration:none; 
}

#fpbfeed_header {
    padding: 0;
    margin: 20px 0 -14px 10px;
}

#fpbfeed_header a {
    color:#fff; 
    text-indent: -9999px !important;
    width:222px;
    height: 50px;
    background: url(/images/frontPorchUpdateHead.png) no-repeat;
    display: block;
}


/* SPECIAL FRONT PORCH BLOG FEED -- for special pages */
#fpbfeed_header2 {width:150px; float:left; background-color:#930; color:#fff; font-size:12px; line-height:20px; padding-left:10px; margin: 20px 0px 0px 10px; text-align:left; border-radius:0px 10px 0px 0px; -moz-border-radius:0px 10px 0px 0px; -webkit-border-radius:0px 10px 0px 0px; }

#fpbfeed_header2 a {color:#fff;}
#fpbfeed_header2 a:hover {color:#FC3; text-decoration:none;}

#fpbfeed2 { width:200px; background-color:#fff; border:1px solid #333; padding:6px 10px 6px 6px; box-shadow: 0px 3px 5px #888; margin-left:10px;}
#fpbfeed2 ul {margin-top:0px;}
#fpbfeed2 ul {list-style-image:url(/images/bullet.jpg); }
#fpbfeed2 ul li {list-style-image:url(/images/bullet.jpg); font-size: 12px; margin-bottom:5px; margin-left:5px; text-align:left; text-indent:-10px;}
#fpbfeed2 ul li a {color:#630; text-decoration:none; }
#fpbfeed2 ul li a:hover { color:#CC6600; text-decoration:none; }



/* FRONT PORCH BLOG FEED -- for inserting into Main Body text */
#fpbfeed3_container {width:520px; text-align:center;}
#fpbfeed3 { background-color:#eaead4; border:1px solid #333; padding:6px 10px 6px 6px; box-shadow: 0px 3px 5px #888; margin:0px;}
#fpbfeed3 ul {margin-top:0px;}
#fpbfeed3 ul {list-style-image:url(/images/bullet2.jpg); }
#fpbfeed3 ul li {list-style-image:url(/images/bullet2.jpg); font-size: 1em; margin-bottom:5px; margin-left:5px; text-align:left; text-indent:-10px;}
#fpbfeed3 ul li a {color:#630; text-decoration:none; }
#fpbfeed3 ul li a:hover { color:#CC6600; text-decoration:none; }

#fpbfeed3_header {width:300px; background-color:#930; color:#fff; font-size:14px; line-height:20px; padding-left:10px; margin: 20px 0px 0px 0px; text-align:left; border-radius:0px 10px 0px 0px; -moz-border-radius:0px 10px 0px 0px; -webkit-border-radius:0px 10px 0px 0px; }

#fpbfeed3_header a {color:#fff;}
#fpbfeed3_header a:hover {color:#FC3; text-decoration:none;}


#moreposts_left {width:200px; float:left; margin: 13px 0 13px 0 ; padding: 0 ;}
#moreposts_left a {font-size:14px;font-weight:600; background: url(/images/arrow_blue2.gif) no-repeat left; padding:5px 8px 5px 16px; text-decoration:none; background-color:#e6eff4;}
#moreposts_left a:hover {background: url(/images/arrow_red2.gif) no-repeat left; text-decoration:none; background-color:#e6eff4; }
#moreposts_left a:visited {color:#666;}

#moreposts_right {width:200px; float:right; margin: 13px 0 13px 0 ; padding: 0 ; text-align:right;}
#moreposts_right a {font-size:14px; font-weight:600; background: url(/images/arrow_blue.gif) no-repeat right; padding:5px 16px 5px 8px; text-decoration:none; background-color:#e6eff4;}
#moreposts_right a:hover {background: url(/images/arrow_red.gif) no-repeat right; text-decoration:none; background-color:#e6eff4;}
#moreposts_right a:visited {color:#666;}



/* #avright_menu #navlist_sub a{  display: block;  padding: 5px 8px 5px 5px;  margin-right: 5px;  width: 176px;  background-color:#e6ebf1;  border-top: 1px solid #fff;  border-left: 0px;  font-size:1.1em; text-indent: 0px; }
#avright_menu #navlist_sub a:hover {background-color: #fff; color: #333;} */



/* #quotebox {background-color:#e2e2bf; border-radius: 10px 0px 0px 10px; margin-right:-31px; padding:0px; width:222px; float:right;} */



/* --------- ROUNDED CORNER INFO BOXES --------- */

#infobox_left {width:200px; padding:5px; background-color:#eae5d9; margin: 5px 10px 10px 0px; float:left;
border-top-right-radius: 20px 15px;
border-bottom-right-radius: 20px 15px;
-moz-border-top-right-radius: 10px 5px;
-moz-border-bottom-right-radius: 10px 5px;
border-left:15px solid #996633;
border-right:2px groove #CCCCCC; 
border-bottom:1px groove #CCCCCC; 
}

#infobox_left ul, #infobox_left ul li {list-style: none; font-size: 10px; margin-bottom:0px; margin-left:5px; padding-left:0px; text-align:left;}
#infobox_left ul li a {color:#630; text-decoration:none; background: url('/images/bullet_whitesq.jpg') no-repeat top left; margin-left:0px; padding-left:20px;}
#infobox_left ul li a:hover { background: url('/images/bullet_orangesq.jpg') no-repeat top left; color:#CC6600; text-decoration:none; margin-left:0px; padding-left:20px; }
#infobox_left ul li a:visited {color:#630; text-decoration:none;}



#infobox_right {width:200px; padding:5px; background-color:#eae5d9; margin-left:10px; float:right;
border-top-right-radius: 20px 15px;
border-bottom-right-radius: 20px 15px;
-moz-border-top-right-radius: 10px 5px;
-moz-border-bottom-right-radius: 10px 5px;
border-left:15px solid #996633;
border-right:2px groove #CCCCCC; 
border-bottom:1px groove #CCCCCC; 
}

#infobox_right ul, #infobox_right ul li {list-style: none; font-size: 10px; margin-bottom:0px; margin-left:5px; padding-left:0px; text-align:left;}
#infobox_right ul li a {color:#630; text-decoration:none; background: url('/images/bullet_whitesq.jpg') no-repeat top left; margin-left:0px; padding-left:20px;}
#infobox_right ul li a:hover { background: url('/images/bullet_orangesq.jpg') no-repeat top left; color:#CC6600; text-decoration:none; margin-left:0px; padding-left:20px; }
#infobox_right ul li a:visited {color:#630; text-decoration:none;}



.large_infobox_right {width:250px; float:right; margin-left:10px; background-color:#eae5d9; border:1px solid #ccc; border-radius:10px 10px 10px; box-shadow:3px 3px 5px #666;}
.large_infobox_right p {font-size: 13px; line-height:18px !important; margin-bottom:9px; padding:0 10px 0 10px;}
.large_infobox_right h3 {color:#fff; font-size:16px; font-weight:normal; background-color:#996633; margin: 12px 0 0 0; padding:6px;}

.SpecialLink {display:block; }
.strongred {color:#900; font-weight:bold;}




/* --------- VOICE PAGE --------- */
h3.voicemenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; text-align:center; color:#660033 !important; border-bottom:1px solid #660033; margin-bottom:0px;}
.archivestable {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#voicemenu ul {list-style-type: none !important; text-align: left; }
#voicemenu ul li { list-style-type: none !important;}
#voicemenu ul li a {background: transparent url(/images/list-off.gif) left center no-repeat; padding-left: 15px; text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; color: #666; list-style-type: none;}
#voicemenu ul li a:hover {background: transparent url(/images/list-on.gif) left center no-repeat; color:#006600;list-style-type:none;}
#voicemenu ul li a#current { background: transparent url(/images/list-active.gif) left center no-repeat; color: #666; list-style-type:none; }




 /* --------- SHOW HIDE BOX --------- BUSINESS LEAGUE & INTERNSHIP PAGES */
h3.internships {margin-top:10px; margin-bottom:0px; font-weight:normal; padding-top:0px; padding-bottom:0px;}
#internships {margin:5px 0px 10px 40px;}
h3.showhidebox {margin-top:10px; margin-bottom:0px; font-weight:normal; padding-top:0px; padding-bottom:0px;}
h2.alphabet { font-size:12px; font-weight:bold; color:#363; }
#showhide {margin:30px;}
#showhide p {margin-top:0px; margin-bottom:5px;}
#showhidebox {padding-left:40px;}
#showhidebox p {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}

    /* This CSS is used for the Show/Hide functionality */
   #internships .more {display: none; color:#666; border: 1px solid #ccc; border-top: 5px solid #999; padding: 0px 15px; margin-left: 10px; margin-right:100px; }
   a.showLink, a.hideLink {font-size:9px; padding-top:0px; margin-top:0px; text-decoration: none; color: #369; padding-left: 10px;}
   a.hideLink { background: transparent url(up.gif) no-repeat left;}
   a.showLink:hover, a.hideLink:hover { border-bottom: none; }
  
  
  
/* .more {display: none; color:#900; border-bottom: 1px solid #900; padding-left:15px; margin-top:5px; margin-right:100px; } */
#showhide .more {display: none; color:#900;}
#action_items .more {display: none; color:#900;}
#action_items p.more {font-size:10px;}
#action_items .more:p {font-size:10px;}


  
  
   /* FRONT PORCH BLOG STYLES */
   
#frontporchcontent {background-color:#fff; text-align:left; float: left ; width: 560px ; margin: 0 10px 0 0; }
#frontporchcontent p {font-size:12px; line-height:18px; margin-top:2px;}


#blogsidebar { float: right ; width: 247px ; margin: 10px -10px 0 0 ; padding: 0 0 0 7px ; text-align:left; }

#s {padding:5px; }
#bloggers a:link {color:#003366; text-decoration:none;}
#bloggers a:hover {color:#CC6600; text-decoration:none;}
#bloggers p {margin:5px 0px; padding:0px;}

#featured_blogger {width:270px; margin:0px; padding: 0 6px; background-color:#fff;}
#featured-blogger-content {text-align:left; padding:6px 6px 10px 6px; text-align:left; }
#featured-blogger-image {width:90px; float: right; margin: 10px 0 0 5px;}

#featured-blogger-page-image {float: left ; width:90px; margin: 0 15px 0 0 ; padding: 0 ; text-align: center ;}
#featured-blogger-page-bio {float: left ; width:401px; margin: 0 ; padding: 0 ; font-size: 1em ; line-height:15px;} 
#featured-blogger-page-bio p {margin: 0 ; padding: 0 0 0 23px ; }
#featured-blogger-page-bio h3 { margin:0px ; padding: 0 ; }


#blogtags {border:1px dotted #8b6e39; background-color:#ede7db; padding:10px; }
#blogtags ul {list-style-type:none; margin:10px; padding:0px;}
#blogtags ul li a:link {color:#003366; text-decoration:none; font-size:11px; padding:4px;}
#blogtags ul li a:hover {color:#CC6600; text-decoration:none;}
#blogtags a:link, #blogtags a:visited {color:#003366; text-decoration:none;}

#blogroll {border:1px dotted #c9a868; background-color:#ede7db; padding:10px; }
#blogroll ul {list-style-type:none; margin:0px; padding:0px;}

#blogroll ul li a:link, #blogroll ul li a:visited  {display:block; border-bottom:1px dotted #fff; padding:2px; color:#003366; text-decoration:none; }
#blogroll ul li a:hover {color:#990000;}


h3.fpb {font-size:1.2em; margin-top:10px; }
a.fpb:link { font-size:1.2em; color:#333; margin-bottom:0px;}
a.fpb:visited {color:#333;}
a.fpb:hover {color:#369;}

.blogpostinfo {font-size:10px; line-height: 12px; color:#333333; margin-top:0px; padding-top:0px;}
h2.frontporchheadline { font-size: 1.5em;  line-height:1.3em; color: #333;  font-weight:bold; margin:0px 20px 10px 0px; }


#frontporchnav {padding-left: 0; margin: 0 20px 0 -10px; width: 290px; border-top:1px dotted #ccc;}
#frontporchnav ul {margin-top:0px;}
#frontporchnav li { font-size:1.1em; list-style: none; margin: 0; background-color:#fff; border-bottom: 1px solid #ccc; text-align:left; display:block; }
#frontporchnav li a { text-decoration: none; display:block; padding: 8px 4px 8px 4px; }
#frontporchnav li a:hover {background-color:#eee; padding: 8px 4px 8px 4px; }





/* INTERIOR TOP NAV, I.E. REPORTS PAGE */
#reportnav {margin: 10px 0 0 10px; padding: 0; height: 20px;}
#reportnav ul { border: 0; margin: 0; padding: 0; list-style-type: none; }
#reportnav ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#reportnav ul li a { background: #e5e5f4; width:150px; height: 20px; border: 2px solid #fff; padding: 0; margin: 0 0 10px 0; color: #282890;
      text-decoration: none; display: block; text-align: center; font: normal 12px/18px Arial, Helvetica, sans-serif; }
#reportnav ul li a:hover {color: #930; background: #f5d7b4;}
#reportnav ul li:before { content: none; }



/* ........ SPECIAL PAGE CONTENT ........ */


/* ........ BEFORE AFTER PAGE ........ */

.beforefter_leftp {float:left; margin-bottom:2px; color:#339;}
.beforeafter_rightp {float:right; margin-bottom:2px; margin-top:-12px; color:#C00;}
.beforeafter_rightdate {float:right;margin-bottom:2px; font-weight:bold;}
.beforeafter_leftdate{float:left; margin-bottom:2px; font-weight:bold;}
#before_div {float:left; width: 400px;margin:0;padding:0;}
h2.before {color:rgb(0,0,153);border-left:20px solid rgb(0,0,153);padding-left:10px;}
h2.after {color:rgb(0,0,153);border-left:20px solid rgb(0,0,153);padding-left:10px;}
#beforediv {float:left; width: 400px;margin:0;padding:0;}
#afterdiv {float: right; width: 400px; text-align:left;margin:0;padding:0;}


/* ..................... DONATIONS PAGE ..................... */

/* ... Div styles .... */
#donation_onetime {width:48%; height:255px; float:left; padding:0px; margin:0px; background:#fff url(http://www.appvoices.org/images/donations_onetime.jpg); border-radius:0px 0 10px 0;}
#donation_monthly {width:48%; height:255px; float:right; padding:0px; margin:0px; background:#fff url(http://www.appvoices.org/images/donation_monthly1.jpg); border-radius:0 0 0 10px;}
#donation_gifts {width:48%; height:255px; float:left; padding:0px; margin:0px; background:#fff url(http://www.appvoices.org/images/donation_onetime.jpg); border-radius:0 10px 0 0;}
#donation_bequests {width:48%; min-height:255px; float:right; padding:0px; margin:0px; background:#fff url(http://www.appvoices.org/images/donations_bequests.jpg);}
#donation_text {margin-left: 30px; margin-right: 30px;}

.donatetoptext {border-bottom:1px solid #fff; }
.donationbottomtest {font-size:12px; line-height:24px;}

/* Link styles */
#donation_onetime a {display:block; margin:0px; padding:10px 0 10px 0; margin-top:140px; text-align:center; text-decoration:none; font:21px Arial, Helvetica, sans-serif; font-weight:normal; text-shadow:-1px 2px #333; color:#fff; background:#7f7f7f; background:rgba(0,0,0,0.4);}
#donation_monthly a {display:block; margin:0px; padding:10px 0 10px 0; margin-top:140px; text-align:center; text-decoration:none; font:21px Arial, Helvetica, sans-serif; font-weight:normal; text-shadow:-1px 2px #333; color:#fff; background:#7f7f7f; background:rgba(0,0,0,0.4);}
#donation_gifts a {display:block; margin:0px; padding:10px 0 10px 0; margin-top:140px; text-align:center; text-decoration:none; font:21px Arial, Helvetica, sans-serif; font-weight:normal; text-shadow:-1px 2px #333; color:#fff; background:#7f7f7f; background:rgba(0,0,0,0.4);}
#donation_bequests a {display:block; margin:0px; padding:10px 0 10px 0; margin-top:140px; text-align:center; text-decoration:none; font:21px Arial, Helvetica, sans-serif; font-weight:normal; text-shadow:-1px 2px #333; color:#fff; background:#7f7f7f; background:rgba(0,0,0,0.4);}

/* Hover styles */
#donation_onetime a:hover {text-decoration:none; color:#333; background:#fff; background:rgba(255,255,255,0.5); text-shadow:none;}
#donation_monthly a:hover {text-decoration:none; color:#333; background:#fff; background:rgba(255,255,255,0.5); text-shadow:none;}
#donation_gifts a:hover {text-decoration:none; color:#333; background:#fff; background:rgba(255,255,255,0.5); text-shadow:none;}
#donation_bequests a:hover {text-decoration:none; color:#333; background:#fff; background:rgba(255,255,255,0.5); text-shadow:none;}


#donation_sidebar {width:220px; float:right; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; margin: 6px 10px 0px 10px; box-shadow:-2px 3px 4px #999; background-color:#fff;}	
#donation_sidebar p {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#777; margin-left:15px;}
#donation_sidebar p.image {margin:0px; text-align:center;}
#donation_sidebar h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#333; text-align:center;}

#donation_sidenav ul {list-style-type:none; margin-left:0px; padding-left:0px;}
#donation_sidenav ul li {margin-left:0px; padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; list-style-image: none;}
#donation_sidenav ul li a {display:block; border-bottom:1px solid #ccc; padding:10px; color:#333; text-decoration:none;}
#donation_sidenav ul li a:hover {background-color:#eee; text-decoration:none;} 

#donation_will {padding:10px; border:1px solid #ccc;}



/* ..................... CAMPAIGNS PAGE ..................... E */

.campaigns_thumbnail  {
  float: left; 
  padding: 0px; 
  width: 236px;
}

.campaigns_text {
  float: right; 
  padding-right: 10px; 
  width: 355px; 
  text-align:top;
}

.campaigns_text h2  {
  margin-top:0px; 
  font-size:17px;
  color: #333333;
  text-indent: 3px;
  font-weight: bold;
}

.campaigns_bottom_border  {
  border-bottom:1px dotted #ccc;
}

.campaigns_learn  {
  float: right;
  background: #0B9444;
  width: 100px;
  height: 25px;
}

.campaigns_learn a {
  line-height: 25px;
  color: #fff;
  text-align: center;
  width: 100px;
  height: 25px;
  display: block;
}

.campaigns_learn a:hover  {
  background: #3EAE73;
  color: #fff;
  text-decoration: none;
}

.campaigns_learn a:active {
  background: #0B9444;
}

.campaigns_learn a:visited {
  color: #fff;
}



/* GET INVOLVED PAGE */
.gi_text  {

    margin-bottom: 35px;
}
  .gi_thumb_Wrap {
    width: 100%;
    height: 122px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 40px;
    border-top: 1px solid #ccc;
    border-bottom:1px solid #ccc;


  }

  .gi_thumb_Wrap a  {

    text-decoration: none;
  }

  .gi_thumb_Wrap p  {
    margin: 0;
    padding: 6px;
    color: #000;
    font-family: arial;
    font-size: 14px;


  }

  .gi_thumb_long_right  {
    width: 290px;
    float: right;
  
  }

  .gi_thumb_long_left   {
    width: 290px;
    float: left;

  }

  .gi_thumb_small_left  {
    width: 190px;
    float: left;

  }

  .gi_thumb_small_right {
    width: 190px;
    float: right;
  }

  .gi_thumb_small_middle  {
    width: 190px;
    margin: 0 auto;
  }

  .clear  {
    clear: both
  }

  .gi_learn  {
  float: right;
  background: #283890;
  width: 100px;
  height: 25px;

}

.gi_learn a {
  line-height: 25px;
  color: #fff;
  text-align: center;
  width: 100px;
  height: 25px;
  display: block;
}

.gi_learn a:hover  {
  background: #3D56DC;
  color: #fff;
  text-decoration: none;
}

.gi_learn a:active {
  background: #283890;
}

.gi_learn a:visited {
  color: #fff;
}


  /* MORE INTERESTING STORIES SIDEBAR (right-align version) */

.moreStoriesSidebar  {
  width:275px;
  float:right;
  background: #f1f0e3;
  margin: 15px;
  padding: 5px;
}
  
.moreStoriesSidebar_left  /* Left Version */   {
  width:275px;
  float:left;
  background: #f1f0e3;
  margin: 15px;
  padding: 5px;
}

.moreStoriesSidebar a, .moreStoriesSidebar_left a {
  color: #036;
  font-size: 13px;
  text-decoration: none;
}

.moreStoriesSidebar a:hover, .moreStoriesSidebar_left a:hover {
    text-decoration: underline;
}

.moreStoriesSidebar a:visited, .moreStoriesSidebar_left a:visited {
    color: #036;
}

.moreStoriesSidebar h1, .moreStoriesSidebar_left h1 /* Header tag for image header is for SEO purposes */ {
  margin: 0 0 10px 0;
  padding: 5px;
  size: 14px;
  color: #FC6;
}

.moreStoriesSidebar h3, .moreStoriesSidebar_left h3 {
	margin:5px 10px 2px 10px;
	color:#2a4f96;
	font-size:17px;
	text-align:center;
}

.moreStoriesSidebar h4, .moreStoriesSidebar_left h4 {
	margin:5px 10px 2px 10px;
	color: #666;
	font-size:15px;
	text-align:center;
	letter-spacing: 3px;
	margin-bottom: 10px;
	border-bottom: 1px solid #2a4f96;
	padding-bottom: 2px;
}

.moreStoriesSidebar ul, .moreStoriesSidebar_left ul {
  margin: 0 0 6px 0; 
  padding: 0;
 list-style-image: url(/images/bullet.gif);
}

.moreStoriesSidebar li, .moreStoriesSidebar_left li {
  padding: 0 10px 8px 0; 
  margin: 0 0 0 5px; 
    list-style-image: url(/images/bullet.gif);
  }
  

/* WOMEN OF APPALACHIA PAGE */
#appalachianwomen {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666;}
#appalachianwomen ul {list-style: none; }
#appalachianwomen ul li { margin: 0; padding: 10px 10px 10px 5px; border-bottom: 1px dotted gray; list-style:none; }
#appalachianwomen ul li a { text-decoration: none; color:#333; font-size:11px; }
#appalachianwomen ul li a:hover { text-decoration: none; color:#990000; }



/* ENERGY SAVINGS ACTION CENTER */
#coops h3 {color:#039;}
#coops h4 {margin-left:15px; margin-bottom:4px; padding-bottom:0px;}
#coops p {margin-left:25px; margin-top:2px; padding-top:0px;}


/* DNC Navigation to delete or use later in some other way */
#dnc_nav {width: ;220px; padding: 0;margin-bottom: 1em;font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;background-color: #90bade;color: #333;}
#dnc_nav ul {list-style: none;margin: 0;padding: 0;border: none;}
#dnc_nav li {border-bottom: 1px solid #90bade;margin: 0; list-style:none;}
#dnc_nav li a, #dnc_nav li a:visited {display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; list-style:none;}
html>body #dnc_nav li a { width: auto; }
#dnc_nav li a:hover{border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff;}
#dnc_nav ul li:before, #dnc_nav ul li a:before { content: none; list-style: none; }



.shadow {
  -moz-box-shadow: 3px 3px 7px #808080;
  -webkit-box-shadow: 3px 3px 7px #808080;
  box-shadow: 3px 3px 7px #808080;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');
}




/* Footer here */
#footer_av {width:100%; min-height:75px; background-color:#283891; padding:3px 0px 3px 0px; margin:0px; }
#footer_av p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding: 0px 20px 0px 20px; margin-top:5px; }
#footer_av a {text-decoration:none; color:#990;}
#footer_av a:hover {text-decoration:none; color:#cc9;}
#footer_av a:visited {text-decoration:none;}


#frontsliderbullets a {color:#036;}
#frontsliderbullets a:hover {color:#C90;}

.frontsliderbullets a {color:#036;}
.frontsliderbullets a:hover {color:#C90;}



/* Advocate Main Page */
#advocatesidebarcontainer ul {list-style-type:none; margin-left:10px; padding-left:0px; margin-top:0px;}
#advocatesidebarcontainer h3 {padding-bottom:0px; margin-bottom:0px; font-size:12px; color:#930;} 

#advocatearchives ul {margin-left:5px; width:150px; border-right:1px dotted #ccc;}
#advocatearchives ul li {padding:0px; margin:0px; text-align:left; font-size:12px; line-height:15px;}
#advocatearchives ul li a:hover {text-decoration:none; background-color: #eee;}
#advocatearchives h3 {padding-bottom:0px; margin-bottom:0px; font-size:13px; color:#369;}
.advocatearchives_header {padding:5px 8px 5px 20px; font-size:14px; color:#666; font-weight: normal; background-color:#ccc;}


/* Main page sidebar styles */
#homepagesignup {width:200px; margin-top:10px; float:right; background-color:#fff; border-left:1px dotted #ccc; margin-left:0px;}
#frontpg_navcontainer h2, #homepagesignup h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 23px; text-align:left; color:#333; border-bottom:1px dotted #ccc;}


#frontpg_navcontainer {padding:0px; margin:0px; }
#frontpg_navcontainer ul { margin:0px; padding: 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;}
#frontpg_navcontainer ul li a { list-style-type: none; !important}
#frontpg_navcontainer a { display: block; padding: 15px 3px 15px 8px; width: 190px; background-color:#fcf5d1; border-bottom: 1px solid #fff; /*#c1cdd8;  border-left: 1px solid #c1cdd8; */ font-size:1.1em;}
#frontpg_navcontainer a:link, #frontnavlist a:visited, #frontpg_navcontainer #frontnavlist_sub a:visited { color: #333; text-decoration: none;}
#frontpg_navcontainer a:hover { background-color: #fff;  /*#283890; #9ab2ca;  #0c9545; #cfd3e8; */ color: #333; border-bottom: 1px solid #ccc;}
#frontpg_navcontainer ul#frontnavlist_sub {padding-left: 0px; padding-bottom: 0px; border: 0px;}
#frontpg_navcontainer #frontnavlist_sub a{display: block; padding: 5px 8px 5px 5px; margin-right: 5px; width: 150px; background-color:#e6ebf1; border-left: 0px; font-size:1.1em; text-indent: 0px;}
#frontpg_navcontainer #frontnavlist_sub a:hover {background-color: #fff;   /*#9ab2ca;  #0c9545;*/ color: #333;}





.sidebar_caption {font-size:.8em; line-height:1.3em !important; color:#333;}
.topimage_caption {font-size:11px; line-height:12px; color:#333; margin-top:3px; margin-bottom:25px; padding-top:0px; text-align:right;}
.spotlight {font-size:.758em; color:#283890; text-align:center; padding:0px; margin:0px; line-height:13px !important;}
#takeaction {color:#900; font-weight:bold;}

.takeaction_title {font-weight:bold; color:#930;}


.pdf_link {background: url(/images/pdf_symbol_sm.jpg) right center no-repeat; padding-right:25px;}
.video {background: url(/images/video-play-button2.jpg) right center no-repeat; padding-right:25px; line-height:18px;}
.image_link {background: url(/images/image-link-button2.jpg) right center no-repeat; padding-right:25px; line-height:18px;}


#latest_campaign_news {float:left; width:200px; margin-right:15px; padding:10px; background-color:#eee; border-right: 10px solid #ccc; border-radius: 5px 0px 0px 5px / 10px;}
/* {width:250px; float:left; padding:10px 10px 10px 3px; margin-right:15px; border-radius:15px 5px; -moz-border-radius:15px 5px; background-color:#fff; border:1px solid #333; box-shadow: 2px 4px 5px;} */
#latest_campaign_news p {font-size:.9em; line-height:1.2em !important;}
#latest_campaign_news ul {margin-bottom:0px; list-style-type:url(/images/bullet2.jpg); }
#latest_campaign_news li {font-size:.9em; line-height:1.2em !important; color:#333; margin:0px; padding:0 0 3px 0; list-style:circle !important;}
#latest_campaign_news h3 {margin:0 0 0 5px; padding-top:0px; color:#666;}


#main_resources_box {float:left; width:200px; margin-right:15px; padding:10px; border-right: 5px solid #ccc;}
#main_resources_box p {font-size:.9em; line-height:1.2em !important;}
#main_resources_box ul {margin-bottom:0px; list-style-type:url(/images/bullet2.jpg); }
#main_resources_box li {font-size:.9em; line-height:1.2em !important; color:#333; margin:0px; padding:0 0 3px 0; list-style:circle !important;}
#main_resources_box h3 {margin:0 0 0 5px; padding-top:0px; color:#666;}

#main_resources_box_right {float:right; width:200px; margin-left:15px; padding:10px; border-left: 5px solid #ccc;}
#main_resources_box_right p {font-size:.9em; line-height:1.2em !important;}
#main_resources_box_right ul {margin-bottom:0px; list-style-type:url(/images/bullet2.jpg); }
#main_resources_box_right li {font-size:.9em; line-height:1.2em !important; color:#333; margin:0px; padding:0 0 3px 0; list-style:circle !important;}
#main_resources_box_right h3 {margin:0 0 0 5px; padding-top:0px; color:#666;}

#featured_content_box {width:90%; background-color:#eee; margin:15px auto 15px auto; padding:10px; float:center; border-radius:10px 0px; -moz-border-radius:10px 0px; border-top: 10px solid #ccc;}
#featured_content_box p {font-size:.9em; line-height:1.2em !important;}
#featured_content_box ul {margin-bottom:0px; list-style-type:url(/images/bullet2.jpg); }
#featured_content_box li {font-size:.9em; line-height:1.2em !important; color:#333; margin:0px; padding:0 0 3px 0; list-style:circle !important;}
#featured_content_box h3 {margin:0 0 0 5px; padding-top:0px; color:#666;  -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover; /* Mozilla*/ -o-background-size: cover; /* Opera*/  background-size: cover; /* Generic*/}

#featured2col_left {width:47%; float:left; border-right:1px dotted #ccc; padding-right:10px;}
#featured2col_left ul {margin-left:15px;}
#featured2col_left li {font-size:.935em;}
#featured2col_left h4 {font-size:.85em; text-transform:uppercase; margin:0 0 0 5px; padding-top:0px; color:#333;}

#featured2col_right {width:48%; float:right;}
#featured2col_right ul {margin-left:0px; list-style-type:none;}
#featured2col_right li {text-indent:-10px; font-size:.935em;}
#featured2col_right h4 {font-size:.85em; text-transform:uppercase; margin:0 10px 0 5px; padding-top:0px; color:#333;}



.imageleft {float:left; margin-right:10px;}
.imageright {float:right; margin-left:10px;}
.unfinished {color:#900; font-weight:bold;}


table#coalash {font-size:.9em; border:1px solid #ccc;}
.toprow {background-color:#333; color:#fff; font-weight:bold;}
#coalash td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}


table#data {font-size:.9em; border:1px solid #ccc; text-align:left;}
.toprow {background-color:#333; color:#fff; font-weight:bold;}
.featured_col {background-color:#ccc;}
table#data td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}




/* ..................... Special DIV boxes ....................... */

#main2col_left {width:290px; float:left; border-right:1px dotted #ccc; padding-right:10px;}
#main2col_left h3 {margin:0 0 0 5px; padding-top:0px; color:#666;}
#main2col_left ul {margin-bottom:0px; list-style-type:url(/images/bullet2.jpg); }
#main2col_left li {font-size:.935em; line-height:1.2em !important; color:#333; margin:0px; padding:0 0 3px 0; list-style:circle !important;}


#main2col_right {width:290px; float:right;}
#main2col_right h3 {margin:0 0 0 5px; padding-top:0px; color:#666;}
#main2col_right ul {margin-bottom:0px; list-style-type:url(/images/bullet2.jpg); }
#main2col_right li {font-size:.935em; line-height:1.2em !important; color:#333;  margin:0 0 0 -3px; padding:0 0 3px 0;}


#right_div_300 {width:308px; float:right; margin: 10px 0px 5px 10px; border:1px solid #036;}
#right_div_300 ul li {font-size:12px; line-height:14px; margin-right:10px;}
#right_div_300 p {margin:5px 10px 5px 10px;}

#maincol_full_box {width:85%; margin:10px 20px 10px 20px; border:1px solid #036; padding:8px;}
#maincol_full_box p {margin:5px 10px 5px 10px;}



#left_125box {width:125px; float:left; padding:10px; margin:6px 15px 6px 0; background-color:#fff; border:1px solid #333; border-radius:10px 0px 10px 0px; -moz-border-radius:10px 0px 10px 0px;}
#left_125box p {font-size:12px; line-height:14px; color:#333;}
#left_125box ul {margin-bottom:0px; list-style-type:url(/images/bullet2.jpg); }
#left_125box li {font-size:.935em; line-height:1.2em !important; color:#333; margin:0px; padding:0 0 3px 0; list-style:circle !important;}

#right_125box {width:125px; float:right; padding:10px; margin:6px; background-color:#fff; border:1px solid #333; border-radius:10px 0px 10px 0px; -moz-border-radius:10px 0px 10px 0px;}
#right_125box p {font-size:12px; line-height:14px; color:#333;}
#right_125box ul {margin-bottom:0px; list-style-type:url(/images/bullet2.jpg); }
#right_125box li {font-size:.935em; line-height:1.2em !important; color:#333; margin:0px; padding:0 0 3px 0; list-style:circle !important;}


#large_feature_box { border:1px solid #ccc; background-color:#fff; width:615px; padding:0 10px 0 6px; margin-bottom:15px; box-shadow:0px 5px 10px #ccc; -moz-box-shadow: 0px 5px 10px #ccc;}

#left_230box {width:230px; float:left; padding:10px; margin:6px; background-color:#eee; border:1px solid #333; border-radius:10px; -moz-border-radius:10px;}
#left_230box h3 {margin-top: 0;}
#left_230box p {font-size:12px; line-height:14px; color:#333;}

#right_230box {width:230px; float:right; padding:10px; margin:6px; background-color:#eee; border:1px solid #333; border-radius:10px; -moz-border-radius:10px;}
#right_230box h3 {margin-top:0px;}
#right_230box p {font-size:12px; line-height:14px; color:#333;}


#pullquote {width: 200px; padding: 6px; background-color:#eaead1; border:3px solid #fff; border-radius: 5px 5px 5px 5px; box-shadow:3px 2px 6px #333;}
#pullquote p {font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; color:#960;}

#photobox {width:150px; background-color:#fff;}



/* ................................. NEW NAVIGATION .................................*/

/* Pure CSS Drop-down Menu
  Author: Justin Spegele, Spegele Design and Development
  http://www.spegele.com/
  Modified: 5/6/08 by appvoices.org
  This code is free to modify and use for any purpose, as
  long as proper credit is given to the original designer */

    #avmainnav {
        position:relative; 
    width:100%;
        z-index:1000;
        font-size:12px;
        /* font-family: Arial, Helvetica, sans-serif; */
        text-align:center;
    padding-top:8px;
    margin-left:20px;
    }
    #avmainnav ul {
        padding:0 0 6px 0;
        margin:0;
        list-style-type:none;
    /* margin-right:60px; */
    }
    #avmainnav ul ul {
        /* width:120px; */
        text-align:left;
    border-top:none;
    background-color:#fff;
    padding:5px 0 5px 0;
    margin:4px 0px;
    border:1px solid #283890;
    border-top:none;
    box-shadow: 0px 2px 5px #888;

}
/*  Main list ------------------------*/
    #avmainnav li {
        float:left;
        /* width:120px; */
        position:relative;
    margin:0px 5px 0px 5px;
    padding-bottom:5px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size:13px;

    }
  
  
/*  First Level ------------------------*/
    /* Links */
    #avmainnav a, #avmainnav a:visited {
    display:block;
    text-decoration:none; 
    color:#e8e9f4; 
    line-height:28px;
    text-decoration: none;
    font-weight:normal;
    margin:0px 15px 0px 15px;
    transparency:90%;
    }
  
#avmainnav a.homebutton {
    color:#96a0d4 !important;
  }
  
#avmainnav a.homebutton:hover {
    color:#fff !important;
  }
  
#avmainnav a.donate {
    color:#fff !important;
    background-color:#900;
    padding:3px;
    margin-bottom:6px;
  }

  
  
    /* Links on hover */
    #avmainnav a:hover, #avmainnav ul ul a:hover{
        color:#FFCC66;
    }
    #avmainnav :hover > a, #avmainnav ul ul :hover > a {
        color:#FFCC66;
    }
  
  
/*  Second Level ------------------------*/
    /* Links */
    #avmainnav ul ul a, #avmainnav ul ul a:visited {
        background-color:#fff;
    color:#283890 !important;
        line-height:1.1em; 
        padding:10px 5px 10px 10px;
    border-bottom:1px solid #fff;
    margin:0px;
        width:190px;
    font-weight:normal;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom:1px dotted #ddd;

    }


#avmainnav ul ul a.special {
    color:#900 !important;
    font-weight:bold;
    background-color:#fc6;

}

#avmainnav ul ul a.special:hover {
    color:#fc6 !important;
    font-weight:bold;
    background-color:#900;

}

    /* Links on hover */
    #avmainnav ul ul a:hover {
        /*background:#CC0000;*/
    border-bottom:1px dotted #283891;
    color:#dda12a !important; }
    
#avmainnav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
  text-decoration:none;
  color:#fc6;
}

#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration:none;
  color:#283891;

    }
    /* Visibility */
    #avmainnav ul li:hover ul, #avmainnav ul a:hover ul{
        visibility:visible; 
    }

/*  All Sub Levels ---------------------*/
    /* Default visibility */
    #avmainnav ul ul {
        visibility:hidden;
        position:absolute;
        top:28px;
        left:-10px; 
    }
  
/*  IE Table --------------------------*/
    #avmainnav table {
        position:absolute;
        top:0;
        left:0;
        border-collapse:collapse;
    }

/* ................................. END NAVIGATION .................................*/




/* --------------------------------------- NEW VOICE 2014 --------------------------------------- */

/* New AV styles 

TABLE OF CONTENTS
1. Global Voice Styles
2. Sidebar Styles
3. Landing Page Styles
    3.1 Main Content Styles 
4. Issue Page Styles
    4.1 Issue Featured
    4.2 Regulars
    4.3 Regular Update Boxes
5. Story Page Styles
6. Category Pages Styles
7. Archive Page Styles
8. Extras


*/

/* 
1. Global Voice Styles 
------------------------------------------------------- */
#VoiceContent    {
    width: 590px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 22px;
} 

#VoiceContent h1   {
    background: none;
    border: none;
	margin-top:40px;
	font-size:24px;
} 

.SectionH2 {
    color: #999;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
    margin: 50px 0 20px 0;
    letter-spacing: 2px;
    text-align: center;
    border-bottom: 1px solid #999;
    height: 40px;
}

.topmarginfix {
     margin-top: 75px;   
}

.AVPost    {
    margin-bottom: 30px; 
    padding: 0; 
}

.AVPost img {
    float: left; 
    margin-right: 0px;
    max-width: 144px;
    max-height: 144px;
}

.postTextGroup    {
    width: 434px; 
    float: right;
}

.AVPostHeadline {
    margin: 0 0 5px 0;
    padding: 0; 
    font-weight: bold;
    font-size: 17px;
    margin: 0 0 5px 0;
    padding: 0;
    cursor: pointer;
    text-align: left;
    color: #5b6a9e !important;
}

.AVPostHeadline a {
    text-decoration: none; 
    color: #5b6a9e !important;
    text-align: left;
}

.AVPostHeadline a:hover {
    text-decoration: underline; 
    color: #5b6a9e !important;
}


.AVPostAuthor, .AVPostDate, .AVPostComment {
    color: #999;
    font-style: italic;
    display: inline-block;
    padding: 0 20px 0 0;
    margin: 0;
    border-right: solid 1px #ccc;
}

.AVPostDate, .AVPostComment {
    padding-left: 20px;  
}

.AVPostComment  {
    border: none;
}

.noborder {
    border: none;
}



.AVPostComment a {
    color: #999;
    text-decoration: underline;
}
    
.AVPostComment a:hover {
    text-decoration: none;
}

.AVPostTextExerpt  {
    color: #666;
    font-size: 14px;
    margin: 5px 0 0 0;
    padding: 0;
    text-align: left;
}

.clear {
    clear: both;   
}

/*
2. Sidebar Styles
------------------------------------------------------- */

#AVsidebar {
    margin-top: 20px;
    padding: 0;
    float: right;
    width: 240px;
}

.appVoiceLogo {
    position: absolute; 
    z-index: 2;
    background: url("http://appvoices.org/images/NewVoiceImages/theVoiceLogoYellow.png") no-repeat;
    width: 250px;
    height: 105px;
}

.appVoiceLogo2 {
    background: url("http://appvoices.org/images/NewVoiceImages/theVoiceLogo.png") no-repeat;
    width: 250px;
    height: 105px;
    margin-bottom: 20px;
}

.appVoiceLogo2 a {
    text-indent: -9999px;
    display: block;
    width: 250px;
    height: 105px;
}

.appVoiceLogo a {
    text-indent: -9999px;
    display: block;
    width: 250px;
    height: 105px;
}

.currentIssue {
    width: 209px;
    margin: 0 auto 50px auto;
    background: #f1f0e3;
    padding: 10px;
    position: relative;
    top: 20px;
    z-index: 1;
}

.currentIssueTitleOverlay {
    position: absolute;
    bottom: 10px;
    right: 11px;
    z-index: 3;
    background: url("http://appvoices.org/images/NewVoiceImages/arrow.png") no-repeat 170px #2a4f96;
    width: 207px; 
    height: auto;
    padding: 10px 0 10px 0;
    opacity:0.8;
    transition:opacity .5s;
    transition-timing-function:linear;
    /* Safari */
    -webkit-transition:opacity .5s;
    -webkit-transition-timing-function:linear;
}

.currentIssueTitleOverlay:hover {
    opacity: 1;
    
}

.currentIssueTitleOverlay img {
     border: none;   
}

.currentIssueTitleOverlay p {  
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    text-align: left; 
    margin: 0;
    padding: 0;
    z-index: 4;
    width: 160px;
}

p.CISmallText {
    font-size: 13px;
    padding: 0;
    color: #cc9;
    font-weight: normal;
    font-style: italic;
}

.AVmenu {
    text-indent: none;
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0 !important;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.AVmenuli {
    text-indent: none;
    list-style-type: none;
    border-bottom: solid 1px #ccc;
    height: 41px;
    padding: 0; 
    text-align: left;
}

.AVmenuli a {
    line-height: 43px;  
    color: #666;
    font-size: 16px;
    text-decoration: none;
    width: 100%;
    display: block;
    height: 100%;
    padding: 0;
}

.AVmenu a:hover {  
    background: #f1f0e3;
}

.AVmenuHeader {
    line-height: 43px;  
    background: #2a4f96;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    width: 100%;
    display: block;
    height: 100%; 
    text-align: center;
    padding: 0;
}

.AVmenuIcon {
    margin: 8px 15px 0 15px; 
    float: left;
}



/* root element for tabs  */
ul.AVtabs { list-style:none; margin: 10px 0 0 -10px !important; padding:0; height:8px; }

/* single tab */
ul.AVtabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }

/* link inside the tab. uses a background image */
ul.AVtabs a { background-color:#333; color:#fff; font-size:12px; line-height:26px; display:block; text-align:center; text-decoration:none; padding:0 10px 0 10px; margin:0 5px 0 0; position:relative; top:1px;	}

ul.AVtabs a:active, tab_clicked { border:1px dotted #ccc; background-color:#fff;}

/* when mouse enters the tab move the background image */
ul.AVtabs a:hover { background-color:#ccc; color:#333; }
    
    /* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.AVtabs a.current, ul.AVtabs a.current:hover, ul.AVtabs li.current a { cursor:default !important; color:#000 !important; }

.AVpanes .AVpane { display:none; }

#AVpanes {border:1px solid #ccc; padding:6px; background-color:#f2f4f9; margin-bottom: 30px;}
#AVpanes ul { list-style-image:url(/images/bullet.gif);}
#AVpanes ul li { margin: 0px 0px 10px 5px; padding:0px; text-align:left; font-size: 12px; }
#AVpanes ul li a {color: #5b6a9e; font-weight: bold;}
#AVpanes ol li { margin: 0px 0px 10px -15px; padding:0px; text-align:left; font-size: 12px; }
#AVpanes ol li a {color: #5b6a9e; font-weight: bold;}


.AVregulars {
    margin-bottom: 10px;
    background: #f2f4f9;
    height: 55px;
}

.AVregulars:hover {
    background: #f1f0e3;
}

.AVregularsImg {
    float: left; 
	margin-right:10px;
}

.AVregulars a {
    color: #5b6a9e;
    text-decoration: none;
    line-height: 55px;
    font-size: 15px;
    text-align: left;
}

.AVregulars a:hover {
    background: #5b6a9e;
}

/* 
3. Landing Page Styles
--------------------------------------------------------

    3.1 Landing page - Main Content Styles 
    ------------------------------------------------------- */  

    #slider {
        width: 590px;
        margin-top: 20px;
        padding: 0;
        float: left;
    }

    .sliderTitleOverlay {
        position: absolute; 
        bottom: 0px; 
        left: 0px;
        background: url("http://appvoices.org/images/NewVoiceImages/arrow.png") no-repeat 550px #000;
        width: 590px; 
        height: auto;
        padding: 10px;
        opacity:0.7;
        transition:opacity .5s;
        transition-timing-function:linear;
        /* Safari */
        -webkit-transition:opacity .5s;
        -webkit-transition-timing-function:linear;
    }

    .sliderTitleOverlay:hover {
        opacity: 1;   
    }

    .sliderTitleOverlay p {  
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        text-decoration: none;
        text-align: left; 
        margin: 0 50px 0 0;
        width: 525px;
    }

/*
4. Issue Page Styles
------------------------------------------------------- */

.issueH1 {
    color: #2a4f96;
    text-align: left;
    font-size: 24px;
    background: url("http://appvoices.org/images/NewVoiceImages/newsIcon.png") no-repeat !important;
    padding-left: 65px;
    height: 60px;
    line-height: 60px;
}

    /* 
    4.1 Issue Page Featured Stories
    ------------------------------------------------------- */
    
    /*.blueFeaturedBox {
        background: #;
        padding: 0px;
        margin-bottom: 30px;
    }
    
    .greenFeaturedBox {
        background: #d8ffea;
        padding: 10px;
        margin-bottom: 30px;
    }

    .blueFeaturedBox img, .greenFeaturedBox img {
        float: right;
        max-width: 350px;
        max-height: 250px;
		padding: 0px;
		margin: 0px;
    }

     .greenFeaturedBox img {
        float: left;
        max-width: 200px;
        max-height: 200px;
    }
    .topStoryGroup {
        float: left;
        width: auto;
    }
    .topStoryIssuePageHeadline {
        color: #5b6a9e;
        font-size: 24px;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .topStoryIssuePageHeadline a {
        text-decoration: none; 
        color: #5b6a9e;
    }

    .topStoryIssuePageHeadline a:hover {
        text-decoration: underline; 
        color: #5b6a9e;
    }

    .relatedStories {
        font-size: 18px;
        color: #666;
        margin: 10px 0;
        padding: 0;
        text-align: left;
		width: 300px;
		float: left;
		line-height: 26px;
    }

    .relatedStoriesUL {
        margin-top: 15px;
        padding: 0;
        list-style-type: none;
		width: auto;
		float: left;
		margin-left: 0;
	
    }

    .relatedStoriesUL li {
        margin: 0px;
		display: inline;
		
    }

    .relatedStoriesUL li a {
        color: #666;
        font-size: 12px;
        text-decoration: none;
		display: inline-block;
		vertical-align: top;
		width: 100px;
		border-right: solid 1px #666;
		padding-right: 10px;
		line-height: 15px;
		text-align: center;
    }

    .relatedStoriesUL li a:hover {
        text-decoration: underline;
    }*/
	
	.blueFeaturedBox {
        padding: 0px;
        margin-bottom: 30px;
		width: 600px;
		height: auto;
		border-bottom: 1px solid #666;
    }
    
    .greenFeaturedBox {
        background: #d8ffea;
        padding: 10px;
        margin-bottom: 30px;
    }

    .blueFeaturedBox img, .greenFeaturedBox img {
        float: right;
        max-width: 300px;
        max-height: 450px;
		padding: 0;
		margin: 0;
	}

     .greenFeaturedBox img {
        float: left;
        max-width: 200px;
        max-height: 200px;
    }
    .topStoryGroup {
        float: left;
        width: 600px;
    }
    .topStoryIssuePageHeadline {
        color: black;
        font-size: 24px;
		line-height: 25px;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .topStoryIssuePageHeadline a {
        text-decoration: none; 
        color: #5b6a9e;
    }

    .topStoryIssuePageHeadline a:hover {
        text-decoration: underline; 
        color: #5b6a9e;
    }

    .relatedStories {
        font-size: 18px;
		line-height: 24px;
        color: #5b6a9e;
        margin-top: 10px;
        padding-right: 10px;
        text-align: left;
		float:left;
		width: 270px;

    }

    .relatedStoriesUL {
		width: 230px;
        
		margin-bottom: 20px;
		margin-left: 0px;
		padding-left: 0;
        padding: 0;
		float: left;
    }

    .relatedStoriesUL li {
		margin: 0;
		padding: 0;
		list-style-position: outside;
		list-style-image: url('http://appvoices.org/images/bullet.gif');
    }
	

    .relatedStoriesUL li a {
        color: #666;
        font-size: 12px;
        text-decoration: none;
		margin: 0;
		padding: 0;
    }

    .relatedStoriesUL li a:hover {
		color: #999;
		text-decoration: underline;
    } 


    /* 
    4.2 Issue Page Regulars
    ------------------------------------------------------- */

    .regularsIssuePageUL {
        margin: 0 0 50px 0;
        padding: 0;
        list-style-type: none;
    }

    .regularsIssuePageUL li {
        list-style-type: none;
        margin: 0 14px 0 0;
        padding: 0;
        text-align: center;
        float: left;
        position: relative;
        left: -12px;
    }

    .regularsIssuePageUL li img {
        margin: 0;
        padding: 0;
        border: none;
        text-indent: 0;
        
    }

    .regularsIssuePageUL li p {
        margin: 5px 0;
        padding: 0;
        text-indent: 0;
        width: 133px;
    }

    .regularsIssuePageUL li a {
        color: #5b6a9e;
        text-decoration: none;
        font-size: 12px;
		line-height:16px;
        font-weight: bold;
        text-indent: 0;
        margin: 0;
        padding: 0;
        
    }
	
	.regularsDescription {margin-left:40px;}

    li.noMargin {
         margin-right: 0;   
    }
    
    /*    
    4.3 Issue Page Regulars Update Boxes
    ------------------------------------------------------- */
    .regularGroupIssuePage  {
        border: 1px solid #ccc;
        margin: 30px 0 30px 0;
        padding: 20px;
        width: 530px;
    }

    .regularGroupIcon {
        margin-top: 5px;
        float: left;
        text-align: center;
    }

    .regularGroupIcon img {
        margin: 0;
        padding: 0;
        border: none;
    }

    .regularGroupIcon p {
        color: #ccc;
        font-size: 16px;
        margin: 5px 0 0 0;
        padding: 0;
    }

    .regularGroupLinks {
        float: right;
        width: 370px;
    }
    
    .regularGroupLinks ul {
        margin: 0;
        padding: 0;
        list-style-image: url(/images/bullet.gif);
    }

    .regularGroupLinks ul li {
        margin-bottom: 10px;
    }

    .regularGroupLinks ul li a {
        color: #5b6a9e;
        font-size: 14px;
        text-decoration: none;
    }

    .regularGroupLinks ul li a:hover {
        text-decoration: underline;
    }

    .margin-left20 {
         margin-left: 20px;   
    }

    .margin-left10 {
         margin-left: 10px;   
    }





/*
5. Story Page Styles
---------------------------------------------- */

.storyHeadline {
    color: #5b6a9e;
    font-size: 25px;
    font-weight: normal;
    margin: 40px 0 10px 0;
    padding: 0;
}

.storySubheadline {
    color: #4d4d4d;
    font-size: 20px;
    margin: 0 0 10px 0;
}

.AVStoryAuthor, .AVStoryDate, .AVStoryComment {
    color: #999;
    font-style: italic;
    display: inline-block;
    padding: 0 20px 0 0;
    margin: 0;
    font-size: 13px;
    text-align: left;
    border-right: solid 1px #ccc;
}

.AVStoryComment {
    padding-left: 20px;  
}

.AVStoryComment a {
     color: #999;
    text-decoration: underline;
}

.AVStoryComment {
     border: none;
}

.AVStoryComment a:hover {
    text-decoration: none;
}
.AVarticleText {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    text-align: left;
    margin-top: 20px;
}
/*
.AVarticleText h1, h2, h3, h4, h5, h6 {
    margin: 15px 0;
    color: #2a4f96;
    line-height: normal;
}

.AVarticleText h1 {
    font-size: 30px; 
}

.AVarticleText h2 {
    font-size: 25px; 
}

.AVarticleText h3 {
    font-size: 20px; 
}

.AVarticleText h4 {
    font-size: 18px; 
}

.AVarticleText h5 {
    font-size: 15px; 
}

.AVarticleText h6 {
    font-size: 12px; 
}
*/
.imgRight {
    float: right;
    margin: 4px 0 15px 15px;
}

.imgLeft {
    float: left;
    margin: 4px 15px 15px 0;
}

.AVstoryTrailer {
    width: 570px;
    margin:20px 0 10px 0; 
    border-top:1px solid #333; 
    border-bottom:1px solid #333;
    text-align: left;
    padding: 10px 0 10px 0
}

.AVCategories {
    font-size:11px; 
    line-height:10px; 
    color:#666;  
    margin-bottom: 10px;   
}

.AVCategories a {
    font-size:11px; 
    line-height:10px; 
    color:#666; 
    text-decoration: underline;
}

.AVCategories a:hover {
    text-decoration: none;
}

.AVTags {
    font-size:11px; 
    line-height:10px; 
    color:#666;  
    margin-bottom: 10px; 
}

.AVTags a {
    font-size:11px; 
    line-height:10px; 
    color:#666; 
    text-decoration: underline;
}

.AVTags a:hover {
    text-decoration: none;
}

.AVStoryShare { 
    padding: 0;
    float: right;
}

/*
6. Category Pages Styles
---------------------------------------------- */

.catH1 {
    color: #2a4f96;
    text-align: left;
    font-size: 28px;
    background: none;
    margin: 20px 0 0 0;
    padding:0;
}

.catP {
     font-size: 14px;
    margin: 0 0 20px 0;
    padding: 0;
}

/* root element for tabs  */
ul.Cattabs { list-style:none; margin: 10px 0 0 130px !important; padding:0; height:8px; }

/* single tab */
ul.Cattabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }

/* link inside the tab. uses a background image */
ul.Cattabs a { background-color:#333; color:#fff; font-size:12px; line-height:26px; display:block; text-align:center; text-decoration:none; padding:0 10px 0 10px; margin:0 5px 0 0; position:relative; top:1px;	}

ul.Cattabs a:active, tab_clicked { border:1px dotted #ccc; background-color:#fff;}

/* when mouse enters the tab move the background image */
ul.Cattabs a:hover { background-color:#ccc; color:#333; }
    
    /* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.Cattabs a.current, ul.Cattabs a.current:hover, ul.Cattabs li.current a { cursor:default !important; color:#000 !important; }

.Catpanes .Catpane { display:none; }

#Catpanes {border:1px solid #ccc; padding:6px 6px 0 6px; background-color:#fff; margin-bottom: 30px; width:500px;}
#Catpanes ul { list-style-image:url(/images/bullet.gif);}
#Catpanes ul li { margin: 0px 0px 10px 5px; padding:0px; text-align:left; font-size: 12px; }
#Catpanes ul li a {color: #5b6a9e; font-weight: bold;}


.GroupArchiveIcon {
        margin: 5px 30px 0 5px;
        float: left;
        text-align: center;
    }

.rGroupArchiveIcon img {
        margin: 0;
        padding: 0;
        border: none;
    }

.GroupArchiveIcon p {
        color: #cccccc;
        font-size: 16px;
        margin-top: 10px;
        padding: 0;
    }

/*
7. Archive Page Styles
------------------------------------------------------- */

.archiveWrap {
    width: 100%;
    margin-bottom: 20px;
    overflow: auto;
        
}
        
.archiveH3 {
    border-bottom: 1px solid #2A4F96;
    color: #2A4F96;
    width: 100%;
    margin-bottom: 20px;
}
        
.archiveIssueGroup {
    padding: 0;
    width: 155px; 
    margin-right: 60px;
    float: left;
}
        
.archiveIssueGroup p {
    font-size: 17px;
    font-family: arial;
    padding: 0;
    margin: 10px 0 0 0;
    color: #2A4F96;
    text-align: center;
}
        
.nomarginright {
    margin-right: 0 !important;   
}

.nomarginleft {
    margin-left: 0 !important;   
}



/*
8. Extras
------------------------------------------------------- */

.subscriptions p {background-color:#eee; padding:5px;}
.subscriptions a {background-color:#2a4f96; color:#fff; text-decoration:none; padding:5px;}
.subscriptions a:hover {background-color:#eee; color:#333; text-decoration:none; padding:5px;}
.subscriptions a:visited {text-decoration:none; padding:5px;}




/* -------- Our Appalachian Voices styles --------- */

#ourappvoices_button a {display:block; width:90%; background-color:#fc6; font-family: 'Lato', sans-serif; font-size:20px; line-height:22px; color:#333; text-decoration:none; padding:15px; text-align:center; background: #ffdb93; /* Old browsers */
background: -moz-linear-gradient(top,  #ffdb93 0%, #d3b154 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdb93), color-stop(100%,#d3b154)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffdb93 0%,#d3b154 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffdb93 0%,#d3b154 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffdb93 0%,#d3b154 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffdb93 0%,#d3b154 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb93', endColorstr='#d3b154',GradientType=0 ); /* IE6-9 */ }
#ourappvoices_button a:hover { background-color:#900; color:#fff; text-decoration:none;}



#ourappvoices_button2 a {display:block; width:90%; background-color:#900; font-family: 'Lato', sans-serif; font-size:20px; line-height:22px; color:#fff; text-decoration:none; padding:15px; text-align:center; 
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ }
#ourappvoices_button2 a:hover { background-color:#5b0202; color:#fc6; text-decoration:none;}



.sharing-buttons {list-style: none; text-decoration: none; text-align: left; }
.sharing-buttons li {display: inline; margin-left:0px; padding-left:0px;}
.sharing-buttons a {border: 1px solid; padding: 0.5em; color: #fff; text-decoration: none;}
.sharing-buttons a:hover {color: #c5d7fa; text-decoration: none;}
/* .fa {adding: 0.5em;} */
.facebook{background: #616b7f /*#3B5998;*/}


#ourappvoices_facebookbutton a, #ourappvoices_facebookbutton a:visited {display:block; width:90%; font-family: 'Lato', sans-serif; font-size:20px; line-height:22px; margin-top:20px; color:#fff; text-decoration:none; padding:15px; text-align:center; background: #4e6693; /* Old browsers */
background: -moz-linear-gradient(top,  #4e6693 0%, #3b5998 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e6693), color-stop(100%,#3b5998)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4e6693 0%,#3b5998 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4e6693 0%,#3b5998 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4e6693 0%,#3b5998 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4e6693 0%,#3b5998 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e6693', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */
 }
.ourappvoices_facebookbutton a:hover { background-color:#900; color:#fc6 !important; text-decoration:none;}

#ourappvoices_featured {border:1px dotted #999; background-color:#fff; padding: 3px 10px 3px 10px; box-shadow: 0px 2px 3px #666; min-height:170px;}

#ourappvoices_sidebar {float:left; width:220px; padding:20px; background:#fff url(/images/ourvoices/grey_background.jpg) repeat-x top left;}
#ourappvoices_main {float:right; width:560px; padding:10px 10px 10px 25px; border-left:1px dotted #999;}
#ourappvoices_sharestory {margin:0 30px 0 30px; padding:20px; border:1px dotted #999;}
#ourappvoices_sharestory h2 {margin-top:0px;}
#coming_soon_left {width:250px; float:left; border:1px dotted #999; background-color:#fff; box-shadow: 0px 2px 3px #666; }
#coming_soon_left p {text-align:right; margin-top:40px;}
#coming_soon_right {width:250px; float:right; border:1px dotted #999; background-color:#fff; box-shadow: 0px 2px 3px #666}
#coming_soon_right p {text-align:right; margin-top:40px;}