/*
 * http://www.the500inc.org
 * Global CSS file - fivehundred.css
 * Optimized for Firefox (IE is dealt with in fivehundred_ie.css)
 * Copyright 2007 Figaro Interactive
 * Authored by: Shaun Gish (shaungish@mac.com)
 *
 */
 
 body {
 	background: #233e0c url(/img/bkg.gif);
 	font-size: 75%;
 	margin: 0;
 	padding: 0;
 	font-family: Arial; 
 }
 
 ul {
 	list-style: none;
 }
 
 a {
 	text-decoration: none;
 	color: #b32f07;
 }
 
 a:hover {
 	text-decoration: underline;
 }
 
 h1, h2, h3, h4, h5, ul, li {
	margin: 0;
	padding: 0;
 }
 
 img {
 	border: none;
 }
 
 .event-snapshot {
 	float: left;
 	border: 1px solid #ccc;
 	width: 96%;
 	margin-top: 5px;
 	padding: 10px;
 }
 
 .event-snapshot img {
 	margin-right: 10px;
  	float: left;	
 }
 
 #background-top-gradient {
 	background: url(/img/bkg-top.png) repeat-x;
	width: 100%;
	height: 114px;
	position: absolute;
	top: 0;
	z-index: 5;
 }
 
 #content-wrapper {
 	width: 900px;
 	margin: 0 auto;
 	z-index: 10;
 	position: relative;
 }
 
 #search-bar {
 	width: 335px;
 	float: right;
 	margin-right: 10px;
 	background: #85b6e7;
 	padding: 3px 5px;
 	height: 24px;
 	width: 300px;
 }
 
 #search-bar form {
 	float: left;
 }
 
 .search-button {
 	color: #aaccee;
 }
 
 #search-bar p {
 	float: left;
 	padding-left: 10px;
	margin-top: 5px;
	color: #fff;
 }
 
 #search-bar a {
 	color: #fff;
 	text-decoration: none;
 }
 
 #search-bar a:hover {
 	text-decoration: underline;
 }
 
 .search-field {
 	width: 135px;
 }
 
 #header {
 	height: 139px;
 	background: url(/img/headerbkg.gif);
 }
 

 
 .member-header {
 	background: #ccc;
 	padding: 3px;
 }
 
 #fivelogo {
 	width: 155px;
 	height: 97px;
 	margin: 10px;
 }
 
 h1.hidden-header {
 	font-size: .001em;
	width: 180px;
	height: 110px;
	padding-top: 10px;
 }

  #main-nav {
    float:left;
  }
  
 .hor-nav {
 	background: #fff;

	text-align: center;
 	margin: 0 auto 5px 0;
 	padding: 5px 5px 5px 25px;
 }

 .hor-nav li {
 	display: inline;
 	padding: 5px;
 	font-size: 1.3em;
 	margin-right: 15px;
 }
 
 .hor-nav a {
 	color: #336633;
 }
 
 .hor-nav a:hover {
 	color: #0865b4;
 }
 
 .full-banner {
 	background: #fff;
 	padding: 1px 10px 10px 10px;
 	margin: 0;
 }
 
 #full-banner-link {
	position: relative;
	top: -18px;
	left: 50px;
	color: #c4d2b8;
 }
 
 #full-banner-link a {
 	color: #c4d2b8;
 }
 
 .column {
 	width: 285px;
 	margin: 5px 5px 5px 0;
 	padding: 5px;
 	background: #fff;
 	float: left;
 }

 .member-ad {
 	width: 285px;
 	margin: 5px 5px 0 0;
 	padding: 5px;
 	background: #fff;
 	float: left;
 }
 
 .headlines h3 {
 	color: #fff;
 	background: #0865b4;
 	width: 100%;
 	text-align: center;
 	padding: 5px 0;
 }
 
 .story h3 {
  	color: #fff;
 	background: #336633;
 	width: 100%;
 	text-align: center;
 	padding: 5px 0;
 }
 
 .story ol {
 	font-size: 98%;
 	font-weight: bold;
 	color: #336633;
 	margin-left: -15px;
 	
 }
 
 .story li {
 	margin-bottom: 5px;
 }
 
 .member-ad {
 	background: #f68f1e;
 	height: 150px;
 }
 
 .member-ad h3 {
  	color: #fff;
 	background: #f9b162;
 	text-align: left;
 	padding: 5px 0 5px 5px;
 }
 
 .media-player {
 	margin-top: 5px;
 	height: 250px;
 }
 
 .media-player h3 {
   	color: #fff;
 	background: #0865b4;
 	width: 100%;
 	text-align: center;
 	padding: 5px 0;
 	margin-top: 5px; 
 }
 
 #footer {
 	text-align: center;
 	color: #fff;
 	margin: 10px 0;
 }
 
 /* 
  * headline styles 
  */
  
  .headline-ul {
  	list-style: none;
  	margin-top: 10px;
  }
  
  .headline-li {
  	margin-top: 5px;
  	margin-bottom: 15px;
  	border-bottom: 2px solid #ccc; 
  	padding-bottom: 5px;
  }
  
  .headline-timestamp {
	color: #999;
  }
  
  .headline-header {
  	font-weight: bold;
  	color: #ff0000;
  }
  
  .headline-text {
  
  }
  
  .headline-link {
  
  }
  
  .nav-column {
  	width: 185px;
 	margin: 0 5px 5px 0;
 	padding: 5px;
 	background: #fff;
 	float: left;
  }
  
  .body-column {
  	width: 690px;
 	margin: 0 0 5px 0;
 	padding: 5px;
 	background: #fff;
 	float: left;
  }
  
   .body-column p {
 	margin: 5px;
 }
  
  .body-column img {
  	margin: 0 10px 5px 0;	
  }
  
  .body-column ul {
  	list-style: disc;
  	margin-left: 30px;
  	list-style-position: inside;
  }
  
  .body-column ul li {
  	margin-bottom: 5px;
  }
  
  .member-ad-small {
 	background: #f68f1e;
 	height: 150px;
 }
 
 .member-ad-small h3 {
  	color: #fff;
 	background: #f9b162;
 	text-align: left;
 	padding: 5px 0 5px 5px;
 }
 
 .calendar-small {
 	margin: 10px 0 5px 0;
 	border: 1px solid;
 }

 .calendar-small h3 {
 	padding: 5px;
 	background: #ccc;
 }
 
  .calendar {
 	margin: 0 0 5px 0;
 	border: 1px solid;
 }

 .calendar h3 {
 	padding: 5px;
 	background: #ccc;
 }
 
 .calendar-box td {
  width: 100px;
  height: 100px;
  padding: 5px;
  background: #eee;
  border: 1px solid #ccc;
 }
 
 td.calendar-box-null {
  border: none;
  background: #fff;
 }

  .member-column {
    width: 48%;
    margin: 5px;
    float: left;
    border: 1px solid #ccc;
   }
  
  .member-column h3 {
    text-align: center;
    margin: 5px;
    color: #fff;
    background: red;
    padding: 3px; 
  }
  
  .vertNav {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  
  .vertNav li {
    margin-bottom: 10px;
    font-weight: bold;
    margin-left: 10px;
  }
  
  .clear {
  	clear: both;
  }
  
  .body-column table {
  	margin: 10px;
  	border: 1px solid #ccc;
  }
  
  .body-column table td {
  	padding: 5px;
  }