body {
   margin: 0;
   background: #3E3E40;
   color: silver;
}

.headerLeft {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 333px;
   height: 100px;
   margin: 0;
   background: #6BCC09;
   background-image: url("images/masthead_left.jpg");
   background-repeat: no-repeat;
   z-index: 2;
}

.headerRight {
   position: absolute;
   top: 0px;
   left: 0;
   width: 100%;
   height: 100px;
   margin: 0;
   background: #6BCC09;
   background-image: url("images/masthead_right.jpg");
   background-position: right;
   background-repeat: no-repeat;
   z-index: 1;
}

.headerBar {
   padding: 0px;
   margin: 0px;
   position: absolute;
   top: 100px;
   left: 0px;
   height: 12px;
   font-size: 1;  /* ie needs this or it makes it the height of the font */
   width: 100%;
   background: black;
   background-image: url("images/bar.jpg");
   background-position: right;
   background-repeat: no-repeat;
}

.sideBarTop {
   position: absolute;
   top: 140px;
   left: 700px;
   width: 150px;
   height: 120px;
   background: #606163;
   border: 1px solid #FFFFFF;
}

.sideBarMid {
   position: absolute;
   top: 280px;
   left: 700px;
   width: 150px;
   background: #606163;
   border: 1px solid #FFFFFF;
}

.sideBarBottom {
   position: absolute;
   top: 440px;
   left: 700px;
   //right: 0px;
   width: 150px;
   height: 200px;
   background: #606163;
   border: 1px solid #FFFFFF;
}

.content {
   position: absolute;
   top: 140px;
   left: 180px;
   //right: 150px;
   width: 500px !important;
   background: #606163;
   border: 1px solid #FFFFFF;
   background-image: url("images/gradient.jpg");
   background-repeat: repeat-x;
   background-position: top;
}

.menu {
   position: absolute;
   top: 140px;
   left: 0px;
   width: 180px;
   background: #3E3E40;
   border: 0px;
}

.menu table {
   border: 0px;
   width: 100%;
   background: #3E3E40;
   border-spacing: 0px;
}

.menu .item {
   padding-left: 1em;
   border-bottom: 1px solid #6BCC09;
   font-family: sans-serif;
   font-size: 1em;
   color: #FFFFFF;
   background: #3E3E40;
   text-shadow: 0.2em 0.2em 0.2em #111111;
}

.submenu {
   padding-left: 2em;
   border-bottom: 1px solid #6BCC09;
   font-family: sans-serif;
   font-size: 1em;
   color: #FFFFFF;
   text-shadow: #111111;
}

.menu .itemLast {
   padding-left: 1em;
   font-family: sans-serif;
   font-size: 1em;
   color: #FFFFFF;
   background: #3E3E40;
   text-shadow: 0.2em 0.2em 0.2em #111111;
}

.menu .parentExtended {
   padding-left: 2em;
   border-bottom: 1px solid #6BCC09;
   font-family: sans-serif;
   font-size: 1em;
   color: #FFFFFF;
   text-shadow: #111111;
   background-image: url('images/menu_glow.jpg');
   background-repeat: no-repeat;
}

.menu a:link, .menu a:visited {
   font-family: sans-serif;
   font-size: 1em;
   color: #FFFFFF;
   text-decoration: none;
   text-shadow: #111111;
}

.menu a:hover {
   font-family: sans-serif;
   font-size: 1em;
   color: #6BCC09;
   text-shadow: #111111;
}

.Item h1, .Item h1 a:link, .Item h1 a:visited {
   font-family: sans-serif;
   font-size: 1em;
   color: #4BAC09;
   text-decoration: none;
   background: black;
   border-top: 1px solid #DDDDDD;
   border-bottom: 1px solid #DDDDDD;
   padding-top: 4px;
   padding-bottom: 4px;
}

.Item h1 a:hover { color: #3B8907; }

.Gallery table{
   width: 100%;
   text-align: center;
}

.Image { width: 500px;}

.Image .scaledImage {
   width: 480px;
}

.Image table, .Thumb table {
   background: #000000;
}

.Image table { width: 100%;}

.Image td, .Thumb table {
   vertical-align: top;
   text-align: center;
   font-family: sans-serif;
   margin: 0;
   padding: 0;
   padding-top: 10px;
}

.Image a:link, .Image a:visited,
.Thumb a:link, .Thumb a:visited
{ text-decoration: none; color: #626262; }

.Image a:hover,
.Thumb a:hover
{ color: #a2a2a2; }

.Image a:link img, .Image a:visited img,
.Thumb a:link img, .Thumb a:visited img
{ border: 2px solid black;}

.Image a:hover img,
.Thumb a:hover img
{ border: 2px solid #4BAC09;}

.Image .info, .Image .infoL, .Image .infoR,
.Thumb .info, .Thumb .infoL, .Thumb .infoR,
.ArticleBrief .info, .ArticleBrief .infoL, .ArticleBrief .infoR {
   font-size: 8pt;
   text-align: center;
   vertical-align: top;
}

.nolink { color: black;}

.Image .infoL, .Thumb .infoL, .ArticleBrief .infoL { text-align: left;}
.Image .infoR, .Thumb .infoR, .ArticleBrief .infoR { text-align: right;}

.Image .text, .Thumb .text {
   font-size: 8pt;
   text-align: center;
   background: #222222;
}

.ItemBrief, .ArticleBrief, .GalleryBrief {
   font-family: sans-serif;
   font-size: 8pt;
   padding: 0;
   margin: 0;
   width: 100%;
   border-bottom: 1px solid #303133;
}

.ItemBrief table, .ArticleBrief table, .GalleryBrief table {
   width: 100%;
   margin: 0;
   padding: 0;
   background: #606163;

}

.ItemBrief td, .ArticleBrief td, .ArticleBrief tr, .GalleryBrief td {
   margin: 0;
   padding: 0;
   font-size: 8pt;
}

.ItemBrief h1, .ArticleBrief h3, .GalleryBrief h3,
.ItemBrief h1 a:link, .ItemBrief h1 a:visited {
   font-size: 10pt;
   padding: 0;
   margin: 0;
   border: 0;
   background: #404143;
   color: #3B8907; //#4BAC09;
   background-image: url("images/gradient-grey.jpg");
   background-repeat: repeat-x;
   background-position: top;
}

.ItemBrief h1 a:link, .ItemBrief h1 a:visited, .ItemBrief h1 {
   color: #696A6D; //#306F06; //#3B8907;
   text-decoration: none;
   font-size: 8pt;
}

.ItemBrief h1 a:hover { color: #4BAC09;}

.ArticleBrief p, .GalleryBrief p {
   font-size: 8pt;
}

.listNavigation {
   font-size: 8pt;
   font-family: sans-serif;
   background: #404143;
}

.listNavigation b{
   font-weight: strong;
   color: #EEEEEE;
}

.listNavigation a:link, .listNavigation a:visited,
.ArticleBrief a:link, .ArticleBrief a:visited,
.GalleryBrief a:link, .GalleryBrief a:visited
{
   text-decoration: none;
   color: #c2c2c2;
}

.listNavigation a:hover,
.ArticleBrief a:hover,
.GalleryBrief a:hover
{
   color: #4BAC09;
}

.WelcomeMsg { 
  position: relative;
  text-align: center;
  vertical-align: middle;
  font-family: sans-serif;
  font-size: 10pt;
  font-weight: strong;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.BigLink {
   position: relative;
   text-align: center;   
   vertical-align: middle;
//   border-top: 15px solid #505153;
//   border-bottom: 15px solid #505153;
   font-family: sans-serif;
   font-size: 18pt;
   font-weight: strong;
}

.BigLink a:link, .BigLink a:visited {
   text-decoration: none;
   color: #4BAC09;
}

.BigLink a:hover {
   color: white;
}

.NewestList {
   font-family: sans-serif;
}

.NewestList h1 {
   font-size: 10pt;
   background: #404143;
   margin: 0;
   padding-bottom: 1em;
   text-align: center;
    background-image: url(images/gradient-grey.jpg);	
}

.NewestList:hover {
   background: black;
}

.NewestList .title {
   font-size: 8pt;
}

.NewestList a:link, .NewestList a:visited {
   text-decoration: none;
   color: silver;
}

.NewestList a:hover {
   color: #4BAC09;
}

.NewestList .date {
   font-size: 6pt;
   border-bottom: 1px solid #404143;
   color: #202123;
}
.article {
   width: 500px;
   font-family: sans-serif;
   font-size: 14px;
   padding-bottom: 2em;
}

.article p {
   font-family: sans-serif;
   font-size: 14px;
   margin-top: 0em;
   padding-top: 0em;
}

.article h1 {
   font-size: 18px;
   font-face: bold;
}

.article h2 {
   color: #c2c2c2;
}

.article h3 {
   font-size: 15px;
   padding-bottom: 0em;
   margin-bottom: 0em;
}

.articleParagraph {
   margin-bottom: 1em;
}

.articleImageLeft {
   position: relative;
   float: left;
   border: 1px solid #3E3E40;
   margin-left: 1em;
   margin-right: 1em;
   width; 100px;
}

.articleImageRight {
   position: relative;
   float: right;
   border: 1px solid #3E3E40;
   margin-left: 1em;
   margin-right: 1em;
   width; 100px;
}