/*
 * Basic formating and structuring rules:
 * - With styles follow this structure, order:
 *   + Position, Coords (top, left, bottom, right), Float, Clear
 *   + Display, Width, Height, Margin, Padding, list
 *   + Background details, Border
 *   + Text, font details
 * - Start CSS files with Basic styles for different elements
 * - Follow with structure, box-model styles
 * - Continue with Menu, and custom element styles. (i.e. news-box)
 * - Always section different styles to groups of sets, which could be extracted to
 *   an external file.
 * - Follow CSS 2.1 standard and validify your styles
 * - Test with at least IE6, FF2 and newer.
 *
 * Some basic tips: Borders actually grow the size of a block - so i.e. a block
 * with width of 80px and border of 2px is actually 82px wide. IE though is
 * an exception from this. Atleast IE6 makes the border within the block by default.
 */
  
 /* Structure styles */
div.pageBackground {
  width:980px;
  margin: 0 auto 0 auto; /* Element centering */
  background-color:white;

  padding:5px;
  padding-right:0px;
  
  text-align:left;
}

div.pageHeader {
  float: none;
  clear: both;
  display:block;
  width:970px;
  height:80px;
  padding:0px;
}
div.contentBlocks {
  position:relative;
  overflow: hidden;
  margin-left:20px;
  margin-right:20px;
  width:930px;
  margin-top:10px;
}

div.contentBlocks div {
  position: relative;
}

div.block1 {
  z-index:250;

  width: 680px;
  float:left;
  clear:none;
  overflow:hidden;

  margin:0px;
  padding:0px;
  width:650px;
}

div.block2 {
  z-index:250;

  margin:0px;
  padding:0px;
  width: 250px;
}
div.contentBlocks div.block2 {
  float:right;
  clear:none;
}

div.contentBlocks div.crumbTrail {
  width:930px;
  font-size:8pt;
  margin-bottom:2px;
}
div.contentBlocks div.crumbTrail a {
  text-decoration:none;
}