/* Redblack style based on redsun.css - copyright ©2005 Beau Bishop */

body { 
  background-color:#000; /*BB0000 #500*/
  font-family: Verdana, Arial, sans-serif;
  margin: 0;	
 }

#wrapper { 
  width: 700px !important;
  padding: 0;
  border: 0;
  margin: 0 auto;
  background: #fff;
  color: #000;
  position: relative; 
  z-index: 0;
 }

#header {
  width: 100%;
  height: 80px;
  padding: 0;
  margin: 0;
  border: 0;	   
  position:relative;
  top:0;
  background: #fff;
 }

#header span { 
  position: absolute; 
  top: 0; 
  font: normal 29px Georgia, serif; 
  margin: 20px;
  padding: 0;
  color: #444; 
 }

#menu { 
  background-color: #900; /*#b00*/
  width: 100%;
  height: 26px;
  margin: 0;
  color: #fff;
  position: relative;
  z-index: 1;
  border:0;
 }

#menu ul {
  margin: 0; 
  padding: 0; 
  list-style: none; 
  float:left; 
  background:#fff;
  position:relative;
  left:2px;
  border-left:1px solid #000;
 }

#menu ul li { 
  margin: 0; 
  padding: 0;
  float:left;
  text-align: center; 
}

#menu ul li a { 
  margin: 0;  
  display: block;
  padding: 5px 15px; 
  background-color: #900; 
  color: #fff;
  border:1px solid #000;
  border-bottom: 2px solid #900; 
  border-right: 0; 
  font: bold 11px Tahoma, sans-serif;
 }

#menu ul li a:hover { 
  background: #fff; 
  color: #000; 
  border-bottom:2px solid #fff; 
 }

#feature { 
  background: #000;
  width: 100%;
  height: 200px;
  margin: 1px 0;
  text-align: center;
  position: relative;
  z-index:0; 
  clear: right; 
 }

#feature h2 { 
  position: absolute; 
  left: 140px;
  font-family:  comic sans MS, sans-serif;
  color: #999;
  font-size: 34pt;
  padding: 0; 
  margin:80px 0 0 0; 
 }

#content { 
  position: relative;
  width: 100%;
  background: #fff;
  margin: 0px;
}

.gt { margin:5px 17px; }
.clear { clear: left; height:15px; }

.tile {
  margin: 5px;
  width: 210px;
  background: #f9f9f9;
  padding: 0;
  font: normal .9em Trebuchet MS,sans-serif;
  color: #444;	   
  border: 1px solid #aaa;
  text-align: left;
  position:relative;
  float:left; 
  display:inline; /* IE needs this to display correctly */
 }
.doubletile {
  margin: 5px;
  width: 430px;
  background: #f9f9f9;
  padding: 0;
  font: normal .9em Trebuchet MS,sans-serif;
  color: #444;	   
  border: 1px solid #aaa;
  text-align: left;
  position:relative;
  float:left; 
  display:inline; /* IE needs this to display correctly */
 }
.tripletile {
  margin: 5px;
  width: 650px;
  background: #f9f9f9;
  padding: 0;
  font: normal .9em Trebuchet MS,sans-serif;
  color: #444;	   
  border: 1px solid #aaa;
  text-align: left;
  position:relative;
  float:left; 
  display:inline; /* IE needs this to display correctly */
 }

.tile p { margin: 0 5px 5px; }
.tile h2, h3 { margin: 5px;}
.tile h2 { font: bold 1.4em Trebuchet MS, sans-serif;}
.tile .image {  position:relative;float:right;top:-5px;left:5px; right:5px; text-align:right;color:#bbb;margin:0; width:75px; height:75px; background:#eee; border:1px solid #bbb; }

.doubletile p { margin: 0 5px 5px; }
.doubletile h2, h3 { margin: 5px;}
.doubletile h2 { font: bold 1.4em Trebuchet MS, sans-serif;}
.doubletile .image {  position:relative;float:right;top:-5px;left:5px; right:5px; text-align:right;color:#bbb;margin:0; width:75px; height:75px; background:#eee; border:1px solid #bbb; }

.tripletile p { margin: 0 5px 5px; }
.tripletile h2, h3 { margin: 5px;}
.tripletile h2 { font: bold 1.4em Trebuchet MS, sans-serif;}
.tripletile .image {  position:relative;float:right;top:-5px;left:5px; right:5px; text-align:right;color:#bbb;margin:0; width:75px; height:75px; background:#eee; border:1px solid #bbb; }

.redtext { color:#CC0000; font-weight:600; }


#footer  { 
  position: relative;
  width:100%;
  background: #fff;
  padding:0;
  margin: 0px;
  text-align: center;
  font-size:.7em;
 }

#copyright { 
  margin-top: 10px;
  height:20px;
  background-color: #900;
  font: normal 11px Tahoma, Arial, sans-serif;
  color: #ffffff;
  padding: 5px 0 0 0;
  text-align: center;  
 }