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

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content .image-box,
#content ol,
#content ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#content .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}

#content h1 {
  /*margin-top: -5px;*/
}

.content p,
.content h3 {
  margin-bottom: 12px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: underline;
  color: #dd1936;
}

a:hover {
  text-decoration: underline;
  color: #dd1936;
}

a.more {
  text-decoration: underline;
}

ul, ol {
  padding-left: 20px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 75% Verdana, Arial, Helvetica, sans-serif;
  color: #231f20;
  background: #ffffff;
  padding-bottom: 50px;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

h1 a, h2 a,  h3 a, h4 a, h5 a {
  text-decoration: none;
  color: #231f20;
}

h1 {
  font-size: 250%;
}

h2 {
  font-size: 167%;
}

h3 {
  font-weight: bold;
  font-size: 133.5%;
}

h4 {
  font-size: 134%;
}

h5 {
  font-size: 100%;
  font-weight: bold;
}

img {
  display: block;
}

input {
  font-size: 100%;
}

/*
## CLEARFIX
*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}

.clearfix {
  display: block;
 }
/* End hide from IE-mac */

/*
## Framework style
*/

#wrapper {
  width: 960px;
  margin: 0 auto;
  margin-top: 20px;
}

#header {
  height: 100px;
  width: 960px;
  position: relative;
  margin-bottom: 3px;
  background: #dd1936;
}

#logo {
  position: absolute;
  top: 35px;
  left: 30px;
}

#helpMenu {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 25px;
  width: 500px;
}

#aboutMenu {
  position: absolute;
  top: 75px;
  right: 10px;
  height: 25px;
  width: 500px;
}

/*
#top_container {
  background-color: #f5f5f5;
}
*/

#searchForm {
  float: right;
  width: 169px;
  padding: 6px 0;
}

#searchForm label {
  font-size: 117%;
  margin-right: 8px;
}

#searchForm .query {
  width: 134px;
}

#tools {
  width: 930px;
  padding: 25px 0 25px 0; /*30px;*/
  background-color: #ffffff;
}

#breadcrumbs {
  float: left;
  color: #939496;
  font-size: 83.5%;
}

#breadcrumbs a {
  text-decoration: none;
  color: #939496;
}

#breadcrumbs a:hover {
  text-decoration: underline;
}

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

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

#navTools li a {
  color: #A1A1A1;
}

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

#frontpageContent {
  position: relative;
  height: 210px;
  width: 960px;
}

#frontpageContent .newsHeading {
  z-index: 100;
  position: absolute;
  top: 190px;
  left: 0;
}

#frontpageContent .newsHeading h5 {
  margin-bottom: 0;
  text-transform: uppercase;
  color: #dd1936;
  font-weight: normal;
}

#frontpageContent .newsHeading h5 a {
  text-decoration: none;
  color: #dd1936;
}

#frontpageContent .newsHeading h5 a:hover {
  text-decoration: underline;
}

#frontpageContent #frontpageArticle {
  position: absolute;
  top: 0;
  left: 0;
  height: 185px;
  width: 670px;
  padding: 25px 0 0 30px;
  background-position: top right;
  background-repeat: no-repeat;
}

#frontpageContent #frontpageArticle .content {
  width: 240px;
}

#frontpageContent #frontpageArticle .content h1 {
  margin-bottom: 12px;
  color: #dd1936;
  font-size: 333.5%; /*400%;*/
}

#frontpageContent #frontpageArticle .content h1 div.extraTitle {
  color: #231f20; 
  font-size: 50%; /*41.7%;*/
}

#frontpageContent #frontpageArticle .content .text {
  font-size: 133.5%;
}

#frontpageContent #frontpageArticle .content a.readmore {
  display: block;
  padding: 2px 30px 4px 0;
  background: url(../GFX/iconArrow.gif) top right no-repeat;
  height: 23px;
  text-decoration: underline;
  text-align: right;
  font-size: 117%
}

#frontpageContent #iconMenu {
  position: absolute;
  top: 0;
  left: 690px;
  width: 250px;
  padding: 10px 0 10px 20px;
}

#iconMenu ul {
  list-style: none;
  padding: 0;
}

#iconMenu ul li {
  float: left;
  width: 60px;
  padding: 0 10px 30px 10px;
  text-align: center;
}

#frontpageContent #iconMenu ul li {
  padding: 30px 0 0 20px;  
}

#iconMenu ul li a {
  display: block;
  font-size: 83.5%;
  text-decoration: none;
  color: #231f20;
}

#iconMenu ul li a:hover {
  text-decoration: underline;
}

#iconMenu ul li a img {
  margin: 0 auto;
  margin-bottom: 5px;
}

#main {
  width: 960px;
  padding: 0 0 20px 0;
}

#mainFront {
  width: 960px;
  padding-top: 15px;
  border-top: 1px solid #dd1936;
}

#main #leftColumn {
  float: left;
  width: 150px;
  padding-right: 30px;
}

#mainFront #leftColumn {
  float: left;
  width: 500px;
}

#main #midColumn {
  float: left;
  width: 635px;
  /*padding: 0 50px 0 30px;*/
}

#main #rightColumn {
  float: right;
  width: 85px;
  padding-left: 50px;
}

#mainFront #rightColumn {
  float: right;
  width: 435px;
}

#content {}

#footer {
  height: 50px;
  padding: 0px 30px;
  background: url(../GFX/footerBG.gif) bottom left no-repeat;
  text-align: center;
  color: #ffffff;
}

#footer p {
  margin: 0px;
  line-height: 50px;
}

/******************
## COMMON STYLES ##
******************/
div.mainMenuBox {
  margin-bottom: 15px;
  padding: 15px;
  border: 1px solid #d1d2d1;
}

div.mainMenuBox .summary {
  padding: 9px 11px 11px 11px;
}

div.mainMenuBox h5 {
  margin-bottom: 4px;
  text-transform: uppercase;
  color: #dd1936;
  font-weight: normal;
}

div.mainMenuBox h5 a {
  text-decoration: none;
  color: #dd1936;
}

div.mainMenuBox h5 a:hover {
  text-decoration: underline;
}

div.mainMenuBox p {
  margin-bottom: 4px;
}

div.mainMenuBox ul {
  list-style: none;
  padding: 0;
}

div.mainMenuBox ul li {
  float: left;
  width: 134px;
}

div.mainMenuBox ul li a {

}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/

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

#content .summary, #content .article {
  /*border-bottom: 1px solid #F0F0F0;*/
}

/*#content .odd {
  float: left;
  width: 278px;
}

#content .even {
  float: right;
  width: 277px;
}*/

#content .summary, #content .article,
.content .summary, .content .article {
  padding: 0;
  padding-bottom: 20px;
}

#content .summary h1, #content .summary h2 {
  margin-bottom: 4px;
  font-size: 133.5%;
}

#content h1 a.title, #content h2 a.title, #content h3 a.title,
.content h1 a.title, .content h2 a.title, .content h3 a.title {
  color: #231f20;
}

#content .summary img {
  float: left;
  margin-right: 15px;
  border: 1px solid #dfe0df;
}

.content .summary img {
  float: right;
  margin-left: 15px;
  border: 1px solid #dfe0df;
}

#content .summary .text {
  margin-bottom: 4px;
  /*font-size: 108.5%;*/
}

#content .article .text {
  margin-bottom: 18px; 
  font-size: 117%;
}

#content .summary a.readmore {
  padding-bottom: 1px;
  padding-left: 21px;
  background: url(../GFX/readMoreArrow.gif) top left no-repeat;
  height: 18px;
  text-decoration: underline;
}

/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 20px 0;
   border-bottom: 1px solid #F0F0F0;
}

#comments dt {
  background: url(../GFX/quote.gif) top left no-repeat;
  padding-left: 25px;
}

#comments dd {
  padding-left: 25px;
  margin-top: 4px;
  margin-bottom: 14px;
}

form#commentForm {
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

form#commentForm fieldset {
  padding: 0;
}

#commentForm input.block {
  width: 40%;
}

/*************************
## IDIUM REFERENCE LOGO ##
*************************/
#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: #232323;
  text-transform: lowercase;
  word-spacing: 3px;
  line-height: 23px;
  padding-left: 6px;
}

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