/** Main Items **/

body {
   /* helps display the main navigation menu system in older versions of Internet Explorer for Windows */
   behavior: url(csshover.htc);
}

body {
   background: #FFF;
   text-align: center;
   margin: 0;
   padding: 0;
   width: 100%;
}

div, span, p, ul, ol, li, tr, td, legend, dl, dt, dd, blockquote, h1, h2, h3, h4, h5, h6, form, select, input {
   font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
   font-size: 13px;
   color: #333;
}

div, span, p, ul, ol, li, tr, td, legend, dl, dt, dd, blockquote, h1, h2, h3, h4, h5, h6, form {
   text-align: left;
   line-height: 18px;
   border: 0px none;
   padding: 0;
   margin: 0
}

img {
   border: 0px none;
   padding: 0;
   margin: 0
}

p {
   margin-bottom: 0px;
}

ul, ol {
   margin: 0 0 10px 30px;
}

ol ul, ul ul {
   list-style: square;
   margin: 5px 0 5px 30px;
}

li {
   line-height: 18px;
}


/** General Links **/

a {
   color: #003399;
   text-decoration: none;
}

a:link, a:visited {
   color: #003399;
   text-decoration: none;
}

a:hover, a:active {
   text-decoration: none;
   color: #FFF;
   background: Red;
}


/** Body Sections **/

#main {
   background: #FFF;
   padding: 0 3px;
   margin: 0 auto;
   width: 770px; /* false value to trick old versions of IE/Windows */
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 100%; /* actual value for all other browsers */
   }

html>body #main {
   width: 100%; /* be nice to Opera */
   }

#header {
   background: #F8F8F8;
   border: #C8C5E2 1px solid;
   margin-bottom: 10px;
}

#navi {
   float: left;
   width: 140px;
}

#navi2 {
   float: left;
   width: 140px;
}

#content {
   float: left;
   padding: 0 20px 30px 20px;
   width: 454px; /* false value to trick old versions of IE/Windows */
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 414px; /* actual value for all other browsers */
   }

html>body #content {
   width: 414px; /* be nice to Opera */
   }

#sidebar, #sidebar_blog {
   float: left;
   width: 170px;
   margin-bottom: 20px;
}

#footer {
   clear: both;
   border-top: #DDDDDD 1px solid;
   margin-top: 10px;
   padding: 10px 10px 0 10px;
}


/** Body Items **/

h1, h2, h3, h4 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 25px;
   font-weight: normal;
   color: #039;
   padding: 5px 0 20px 0;
}

h1 {
   border-bottom: #CCC 1px solid;
   padding: 5px 0 2px 0;
   margin-bottom: 15px;
}

h1.h1_home {
   border-bottom: none;
   padding: 5px 0 20px 0;
   margin-bottom: 0;
}

h2 {
	font-size: 17px;
	padding: 5px 0;
	font-weight: bold;
}

h4 {
   font-size: 15px;
}

h3 {
   /* Navi headers */
   font-family: Tahoma, Georgia, Arial, Helvetica, Verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 1px;
   text-align: center;
   color: #039;
   padding: 3px 6px;
}


#navi h3 {
   background: #DEE1F2 url('Images/tab_navi.jpg') no-repeat;
}

#navi2 h3 {
   background: #CCCCC2 url('Images/tab_navi.jpg') no-repeat;
}

#blog_recent h3, #sidebar_blog h3 {
   background: #DEE1F2 url('Images/tab_sidebar.jpg') no-repeat;
}

.text_bold {
   font-weight: bold;
}

img#headshot {
   float: right;
   padding: 0 0 0px 10px;
}

p.intro_trans {
   font-size: 10px;
}

div.photoset img {
   display: block;
   margin: 10px auto 5px auto;
}

div.photoset p {
   color: #777;
   background: #F8F8F8;
   font-size: 10px;
   text-align: center;
   margin: 0 auto 25px auto;
   width: 350px;
}

.press, .contribute_block {
   background: #F8F8F8;
   border: #DDD 1px solid;
   padding: 30px;
}

.contribute_block {
   padding: 10px;
}

dl {
   margin-left: 10px;
}

dd, dt {
   float: left;
   margin: 2px 0 3px 0;
}

dd {
   margin-right: 10px;
   width: 195px;
}

dd.dd_indent {
   padding-left: 15px;
   width: 180px;
}

dt {
   width: 175px;
}

dt span {
   color: #AAA;
   font-size: 10px;
   line-height: 15px;
}

.clear_both {
   clear: both;
}


/** Header **/

#accessibility_and_email_list {
   text-align: right;
   border-top: #C8C5E2 1px solid;
   padding: 5px;
}

#accessibility_and_email_list form {
   display: inline;
}

#accessibility_and_email_list, #accessibility_and_email_list form, #accessibility_and_email_list input {
   font-size: 10px;
}





/** Navigation **/

div#navi ul#navi_links {
   background: #EEE;
   list-style: none;
   border-right: #C8C5E2 1px solid;
   border-bottom: #C8C5E2 1px solid;
   border-left: #C8C5E2 1px solid;
   margin: 0;
   padding: 5px 0;
}

div#navi ul#navi_links li {
   font-size: 10px;
   letter-spacing: 1px;
   font-weight: bold;
   line-height: 18px;
   padding: 1px;
   width: 136px;
}

div#navi ul#navi_links li:hover {
   text-decoration: none;
   background: #F73A3F;
   color: #FFF;
}

div#navi ul#navi_links li a {
   display: block;
   background: url('Images/navi_listmark.png') no-repeat 9px 6px;
   text-decoration: none;
   padding-left: 19px;
   width: 117px
}

div#navi ul#navi_links li a:hover {
   background: #F73A3F;
   color: #FFF;
}

div#navi>ul#navi_links a {
   width: auto;
}

   div#navi ul#navi_links ul {
      padding: 0;
      margin: 2px 0 0 15px;
   }

   div#navi ul#navi_links ul li {
      list-style: none;
      width: 119px;
   }

   div#navi ul#navi_links ul li a {
   background: url('Images/navi_sublistmark.png') no-repeat 9px 6px;
      width: 100px
   }

a.button_link {
   background: #FFF;
   margin-left: 5px;
}


/** Sidebar **/

#blog_recent ul#blog_feed {
   background: #EEE;
   list-style: none;
   border-right: #C8C5E2 1px solid;
   border-bottom: #C8C5E2 1px solid;
   border-left: #C8C5E2 1px solid;
   padding: 5px 0;
   margin: 0 0 10px 0;
}

#blog_recent ul#blog_feed li {
   font-size: 10px;
   letter-spacing: 0;
   font-weight: normal;
   line-height: 16px;
   padding: 0 10px 10px 10px;
}

img.blog_item_icon {
   float: left;
}

#blog_recent ul#blog_feed li span.blog_item_title {
   color: #555;
   font-size: 10px;
   font-weight: bold;
}

#blog_recent ul#blog_feed li span.blog_item_date {
   font-size: 9px;
   color: #999;
}

#blog_recent ul#blog_feed li p {
   color: #555;
   font-size: 10px;
   padding: 0;
   margin: 0;
}

#rss_info {
   font-size: 10px;
   line-height: 16px;
   padding: 0 10px;
}

ul#rss_feeds {
   list-style: none;
   text-align: center;
   margin: 0;
}

ul#rss_feeds li {
   display: inline;
   line-height: 18px;
}


/** Sidebar (Blog) **/

#sidebar_blog #blog_info {
   background: #EEE;
   list-style: none;
   border-right: #C8C5E2 1px solid;
   border-bottom: #C8C5E2 1px solid;
   border-left: #C8C5E2 1px solid;
   padding: 5px 0;
   margin: 0 0 10px 0;
}

#sidebar_blog #blog_info ul {
   list-style: none;
   padding: 0 0 0 10px;
   margin: 0;
}

#sidebar_blog #blog_info ul li {
   font-size: 10px;
   letter-spacing: 0;
   font-weight: normal;
   line-height: 16px;
   padding: 0 0 5px 0;
}

#sidebar_blog #blog_info form#searchform {
   margin-top: 1px;
}

#sidebar_blog input {
   font-size: 10px;
}

#sidebar_blog input#s {
   width: 90px;
}

#sidebar_blog input#searchsubmit {
   width: 50px;
}

#sidebar_blog #blog_info p {
   font-size: 11px;
}

.blog_navigation {
   margin: 20px 0;
}

.blog_alignleft {
   display: inline;
   float: left;
}

.blog_alignright {
   display: inline;
   float: right;
}


/** Blog **/

div.post {
   margin-bottom: 1px;
}

div.post small {
   font-size: 9px;
   color: #999;
   margin-bottom: 5px;
}

div.post p.postmetadata {
   font-size: 10px;
   background: #F7F7F7;
   padding: 2px;
}


/** Footer **/

#footer p {
   text-align: center;
   font-size: 10px;
   line-height: 15px;
}

#auth {
   text-align: center;
   margin: 0 auto;
   padding: 10px;
}

#auth span {
   font-family: Georgia, Verdana, Helvetica, Tahoma, Arial, sans-serif;
   font-size: 17px;
   border: #CCC 1px solid;
   padding: 5px;
}

ul#tagline {
   list-style: none;
   text-align: center;
   padding: 10px;
   margin: 0;
}

ul#tagline li {
   display: inline;
   line-height: 18px;
}


/** Site Map **/

ul.sitemap ul {
   list-style: square;
   padding: 2px 0 0 15px;
}

ul.sitemap li, ul.sitemap ul li {
   line-height: 22px;
}
.subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #039;
	background-color: #DEE1F2;
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 140px;
height: 4.4em;
background: #EEE;
list-style: none;
border-right: #C8C5E2 1px solid;
border-bottom: #C8C5E2 1px solid;
border-left: #C8C5E2 1px solid;
margin: 0;
padding: 3px 0;
}

.rssclass .rsstitle{
font-weight: bold;
font-size: 10px;

}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}
.av1sh{background-color:#000000;color:#FFFFFF;font-size:10px;font-weight:bold;padding-top:1px;padding-bottom:1px;padding-left:1px;}
.av1h{background-color:#CC0000;color:#FFFFFF;font-size:10px;font-weight:bold;padding-top:2px;padding-bottom:2px;padding-left:5px;}
.av1h3{background-color:#CC0000;color:#FFFFFF;font-size:10px;font-weight:bold;padding-top:2px;padding-bottom:0px;padding-left:5px;}
.avlh2{background-color:;color:#FFFFFF;font-size:12px;font-weight:bold;padding-left:5px;padding-top:2px;padding-bottom:2px}


/** Navigation **/

div#navi2 ul#navi_links {
   background: navy;
   list-style: none;
   border-right: #C8C5E2 1px solid;
   border-bottom: #C8C5E2 1px solid;
   border-left: #C8C5E2 1px solid;
   margin: 0;
   padding: 5px 0;
}

div#navi2 ul#navi_links li {
   font-size: 10px;
   letter-spacing: 1px;
   font-weight: bold;
   line-height: 18px;
   padding: 1px;
   width: 136px;
}

div#navi2 ul#navi_links li:hover {
   text-decoration: none;
   background: #F73A3F;
   color: #FFF;
}

div#navi2 ul#navi_links li a {
   display: block;
   background: url('Images/navi_listmark.png') no-repeat 9px 6px;
   text-decoration: none;
   padding-left: 19px;
   width: 117px
}

div#navi2 ul#navi_links li a:hover {
   background: #F73A3F;
   color: #FFF;
}

div#navi2>ul#navi_links a {
   width: auto;
}

   div#navi2 ul#navi_links ul {
      padding: 0;
      margin: 2px 0 0 15px;
   }

   div#navi2 ul#navi_links ul li {
      list-style: none;
      width: 119px;
   }

   div#navi2 ul#navi_links ul li a {
   background: url('Images/navi_sublistmark.png') no-repeat 9px 6px;
      width: 100px
   }

a.button_link {
   background: #FFF;
   margin-left: 5px;
}
<style type="text/css">

/*Sample CSS to style the two tickers in the demo*/

.cnnclass{
width: 400px;
height: 500px;
padding: 5px;
background-color: #F3F3F3;
border: 0px solid black;
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

.bbcclass{
width: 400px;
height: 400px;
padding: 6px;
background-color: lightyellow;
border: 1px solid #004A00;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 60%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

</style>