/* *********************************************/
/*  3col_leftNav.css                           */  
/*  Use with template 3col_leftNav.html        */ 
/***********************************************/ 
/***********************************************/
/*  HTML tag styles                            */ 
/***********************************************/

body {
     font-family: Arial, sans-serif;
     color: #333333;
     line-height: 1.166;
     margin: 0px;
     padding: 0px;
     background-repeat: repeat-x;
     background-color: #D1CDC8;
     background-image: url(../images/brown_body.png);
}

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

a:link {  color: #336699;
     text-decoration: none;
 }

a:visited {    color: #336699;
     text-decoration: none;
 }

a:hover {      color: #800000;
     text-decoration: underline;
 }

h1 {      font-family: Arial, Helvetica, sans-serif;
     font-size: 150%;
          color: #FFFFFF;
     margin: 0px;
     padding: 0px;
 }

h2 {
     font-family: "Arial", "sans-serif";
     color: #000000;
     font-size: 120%;
}

h3 {
     font-family: Arial, sans-serif;
     font-size: 100%;
     margin: 0px;
     padding: 0px;
     font-weight: bold;
     text-align: center;
}

h4 { font-family: Arial,sans-serif;
     font-size: 100%;
     font-weight: normal;

     color: #333333;
     margin: 0px;
     padding: 0px;
 }

h5 { font-family: Verdana,Arial,sans-serif;
      font-size: 100%;
      color: #334d55;
     margin: 0px;
      padding: 0px;
 }

ul { list-style-type: square;
 }

ul ul { list-style-type: disc;
 }

ul ul ul { list-style-type: none;
 }

label { font-family: Arial,sans-serif;
      font-size: 100%;
      font-weight: bold;
     color: #334d55;
 }

#page 
/* *********************************************/
/*  Layout Divs                                */
/***********************************************/
     {
     width:800px;
     margin: 20px auto;
     text-align: left;
     border: 1px solid #999999;
     background-color: #D1CDC8;
}

#masthead {
     padding: 10px 0px 0px;
     border-bottom: 1px solid #cccccc;
          width: 100%;
     background-color: #000000;
          background-image: url(../images/sinflogo.jpg);
          background-repeat: no-repeat;
     background-position: left;
     height: 193px;
     }

#navBar {
     float: left;
     width: 20%;
     margin: 0px;
     padding: 0px;
 }

#logo {
     margin: 5px;
     background-color: #FFFFFF;
 }

#sponsors {
     float:right;
     width: 20%;
     padding-right: 10px;
          line-height: 20px;
     font-size: 90%;
 }

#content {
      float: left;
      width: 55%;
      padding: 10px;
      font-size: 90% }

#siteName 
/* *********************************************/
/*  Components                                 */
/********************************************* */
     {
     padding-top: 10px;
     left: 400px;
     position: relative;
     top: 20px;
          color: #FFFFFF;
 }

.feature 
/* ************* .feature styles ************** */
     {
     padding: 0px 0px 10px 10px;
     font-size: 80%;
 }

.feature h3 {
     padding: 30px 0px 5px 0px;
 }

.feature img {
     float: right;
     padding-top: 10px;
     padding-right: 10px;
          margin-right: 10px;
     padding-bottom: 0px;
     padding-left: 0px;
 }

.story 
/* ************* .story styles **************** */ 
{    clear: both;
          padding: 10px 0px 0px 10px;
     font-size: 80%;
 }

.story p {
     padding: 0px 0px 10px 0px;
 }

#siteInfo 
/* ************ #siteInfo styles ************** */ 
{    clear: both;
          font-size: 75%;
     color: #666666;
     padding: 10px 10px 10px 10px;
          text-align: center;
 }

#siteInfo img {
     padding: 0px;
     vertical-align: middle;
     text-decoration: none;
     }

#search /* ************ #search styles ************** */
     {
     padding: 5px 0px 5px 10px;
     border-bottom: 1px solid #cccccc;
          font-size: 90%;
 }

#search form {
 margin: 0px;
 padding: 0px;
 }

#search label {
     display: block;
     margin: 0px;
     padding: 0px;
 }

ul#navlist 
/* ********** #navBar link styles ********** */
 {
     text-align: left;
      font-size: 90%;
     list-style: none;
     padding: 0;
          margin: 0 auto;
     width: 70%;
 }

ul#navlist li {
 display: block;
 margin: 0;
 padding: 0;
 }

ul#navlist li a {
     display: block;
     width: 100%;
     padding: 0.5em 0 0.5em 2em;
          color: #336699;
     text-decoration: none;
     border-right-width: 1px;
          border-bottom-width: 1px;
     border-right-style: solid;
          border-bottom-style: solid;
     border-right-color: #aaab9c;
          border-bottom-color: #ccc;
 }

ul#navlist li#active a {
 background: #f0e7d7;
 color: #800000;
 }

ul#navlist li a:hover, ul#navlist li#active a:hover {
     color: #800000;
      background: transparent;
     border-color: #aaab9c #fff #fff #ccc;
 }

#navBar ul a:li k, #navBar ul a:visited { 
display: block;
 }

#navBar ul { list-style: none;
 margin: 0px;
 padding: 0px;
 }

html>body #navBar li /* fix for browsers that don't need the hack */
     { border-bottom: none;
 }

.relatedLinks 
/* ********** .relatedLinks styles ********** */
     {
     position: relative;
     margin: 0px;
     padding: 0px 0px 10px 10px;
          font-size: 90%;
 }

.relatedLinks h3 {
     padding: 10px 0px 2px 0px;
     color: #999999;
 }

.relatedLinks a:link, .relatedLinks a:visited {
     display: block;
 }

#advert 
/* ************* #advert styles ************* */
     {
 padding: 10px 10px 10px 20px;
 font-size: 85%
 }

#advert img {
     display: block;
     margin: 5px;
 }

#sponsors 
/* ************* #headlines styles ************* */
 {
     margin: 0px;
          padding: 10px 0px 20px 10px;
     font-size: 80%;
 }

#sponsors p {
     padding: 5px 0px 5px 0px;
 }
.concertdate {
     font-weight: bold;
     font-size: 100%;
     color: #336699;
     text-decoration: underline;
}

.work {
     font-weight: bold;
     color: #333333;
     font-size: 105%;
 }

/* ************* podcast styles ************* */

.podcast {
	color: #336699;
	font-size: 70%;
	margin: 0px, 0px, 5px, 5px;
}

.podcast a:hover {
	color: #0000cc;
	text-decoration: none;
}

.podcast img {
	border: none;
	margin: 0px, 0px, 0px, 0px;
}


.interview {
	color: #336699;
	font-size: 100%;
	margin: 1px;
	padding: 10px;
	background-color: #efefef;
	border-style: solid;
}