/******************************************************************************
File	style.css:	Style for blostma.net
Version	$Id: style.css,v 1.4 2006/04/16 18:00:13 mapenn Exp mapenn $
******************************************************************************/
body {
  margin: 0px;
  padding: 0px;
  background-image: url("images/hdr_fill.png");
  background-repeat: repeat-x;
}

div.innerdiv {width:100%}

.newsstuff {
	color: #000000;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}

td {
	color: #000000;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}

/* CSS for news and articles info */
.headline			{ color: #ffffff; font-size: 105%; font-weight: bold; }
.headinfo			{ color: #ffffff; font-size: 75%; }
.newstitle			{ color: #000000; font-size: 110%; font-weight: bold; }
.articleheader		{ color: #ffffff; font-size: 115%; font-weight: bold; }
.articlesubheader	{ color: #ffffff; font-size: 105%; font-weight: bold; }
.articleyellowtext	{ color: #e2d084; }
.yellowtext			{ color: #e2d084; }

/* Menu and pixel set CSS info */
.menu				{ font-size: 13px; font-weight: bold; }
.smallcontent		{ font-size: 10px; }

/******** Top container for header and navagation.  ********/
#topcontainer {
  margin: 0px;
  padding: 0px;
  border: 5px;
  height: 102px;
}

#topleft {
  position: absolute;
  left: 0px;
}

#topright {
  position: absolute;
  right: 0px;
}

#topnavcontainer {
  position: absolute;
  top: 77px;
  margin-left: 60px;
  padding: 0px;
  height: 28px;
}

#topnav {
  margin: 0px;
  padding: 0px 0px;
  display: block;
}

#topnav li {
  list-style: none;
  float: left;
}

#topnavcontainer a, #topnav li.extend {
  margin: 0px;
  display: block;
  border-top: 1px solid #FAFAFA;
  padding: 4px 11px;
  text-decoration: none;
  font: normal 14px verdana, serif;
  color: #000;
}

#topnavcontainer a:hover, #topnavcontainer a#current {
  padding: 4px 10px;
  background-color: #FAFAFA;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
  border-top: 1px solid #FAFAFA;
  border-bottom: 1px solid #333;
  color: #000;
}

#topnavcontainer a#current {
  background-color: #F6F6F6;
  font-weight: bold;
}

#topnavcontainer li#active {
  border-right: 2px solid #828282;
  border-bottom: 2px solid #828282;
}

/******** Left container for navagation.  ********/
#left {
  position: absolute;
  top: 120px;
  left: 0px;
  font-size:80%;
  margin-top: 0px;
  margin-left: 10px;
  padding: 10px;
  width: 120px;
}

/* Vertical Nav Bar */
#left ul {
  list-style-type: none;
  margin-left: -10px;
  text-align: left;
}

#left ul li a {
  background: transparent url(images/unselected.png) 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: #999;
}

#left ul li a:hover {
  background: transparent url(images/unselected.png) left center no-repeat;
  color: black;
}

#left ul li a#current {
  background: transparent url(images/selected.png) left center no-repeat;
  color: #666;
}

/******** Middle/Main container for content, no left.  ********/
#leftandmiddle {
  margin-top: 20px;
  margin-right: 160px;
  padding: 10px;
}

/******** Middle/Main container for content.  ********/
#middlemain {
  margin-top: 10px;
}

/******** Middle/Main container for content.  ********/
#middle {
  margin-top: 20px;
  margin-right: 160px;
  margin-left: 160px;
  padding: 10px;
}

/******** Right container for navagation.  ********/
#right {
  position: absolute;
  top: 120px;
  right: 0px;
  margin-top: 0px;
  margin-right: 10px;
  padding: 10px;
  width: 120px;
}