/*
## layout.css - Contains style for page layout
*/

#wrapper {
  margin:0 auto;
  width:960px;
  border:none;
  background:#FFF;
}

#header {
  height: 157px;
  padding-bottom: 10px;
  margin-top: 50px;
}
#header img {
  margin: 14px;
  display: inline;
}

#header .headerLogo {
  background-image: url(filestore/dev/GFX/transparentHeader.gif)
  height: 60px; 
  witdh: 70px;
  padding-top: 10px;
  margin-left: 10px;
}

#tools_container {
  padding: 5px 0;
}

#breadcrumbs {
  color: #000;
  margin: 10px;
  font-size: 92%;
}

#breadcrumbs a {
  color: #6c9d31;
}
#breadcrumbs .active {
  color:#383838;
}

#nav_tools {
  padding:0;
  float:right;
  list-style:none;
}

#nav_tools li {
  float:left;
  margin-left:20px;
}

#nav_tools li a {
  color:#A1A1A1;
}

#nav_tools li img {
  display:inline;
  margin-right:5px;
}

#main {
  float: left;
  width: 750px;
}

#left_column {
  float:left;
  width:200px;
}

.menubox h3, #right_column label {
  display: block;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  background-color: #8cc63f;
  font-size: 108%;
  margin-bottom: 0px;
}

#mid_column {
  float:right;
  width:510px;
  padding: 0 20px;
}

#right_column {
  float: right;
  width: 210px;
  margin-top: 10px;
}
#footer {
  width: 960px;
  border-top: 1px solid #8cc63f;
  margin-top: 25px;
  clear: both;
}

.footer-content {
  padding: 10px;
  text-align: center;
}

#idium div.idium {
  text-align: center;
  margin: 10px auto 10px auto;
  width: 160px;
}

#idium div.idium, div.idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

#idium div.idium span {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  text-transform: lowercase;
  word-spacing: 3px;
  line-height: 23px;
  padding-left: 6px;
}

#idium div.idium img {
  width: 25px;
  height: 25px;
  float: left;
}

#idium div.idium a.idium-url {
  /*xcolor: #FFFFFF;*/
}


/******************
## COMMON STYLES ##
******************/
h4.box-title {
  color:#FFFFFF;
  background:#A1A1A1;
  padding:5px 20px;
  margin-bottom:0;
}

div.box {
  border-bottom:1px solid #F0F0F0;
}

div.box .content {
  padding:15px 10px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
/*
div#content.article-list .summary, #content.article-list .article {
  border-bottom:1px solid #F0F0F0;
}
*/

#content .summarypic {
  float: left;
  margin: 0 10px 10px 0;
}

#content .summary, #content .article {
  padding: 0 28px 25px 0;
}

#content .summary h1 a, #content .summary h2 a {
  margin-bottom: 3px;
  color: #383838;
}
#content .summary h1, #content .summary h2 {
  font-size: 150%;
  clear: both;
}

#content .article h1 {
  font-size: 150%;
}

.article-content h2 {
  font-size: 133%;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 15px;
}
.article-content h3 {
  font-size: 133%;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 15px;
}
.article-content h4 {
  font-size: 108%;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 15px;
}
.article-content h5 {
  font-size: 108%;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 15px;
}

/****************
## FRONT PAGE ##
*****************/

.frontpage {
  margin-top: 10px;
}

.lower {
  margin-top: 0px;
}

.upper {
  padding-top: 10px;
}

.lower .summary {
  width: 220px;
  float: left;
  margin-left: 0px;
  padding-right: 0px;
  font-weight: normal;
}

.lower .even {
  float: left;
}

.date {
  font-style: italic;
  margin-bottom: 6px;
}

#content .upper .article h1 {
  font-size:250%;
  color: #6c9d31;
}