/* Copyright 2006-2007 Morose Media */

/* Base classes */

body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  background-color: #5F6D84; 
  color: #000000;
  font-family: Georgia;
  font-size: 12px;
}

div#maincontainer {
  position: relative;
  min-width: 880px;
  width: auto;
  height: 100%;
  overflow: hidden;
}  

div#main {
  position: relative;
  width: 880px;
  margin-left: auto;
  margin-right: auto; 
}

div#mainbackground {
  position: absolute;
  top: 0px;
  left: -520px;
  width: 1920px;
  height: 1200px;

  background-image: url('../images/layout/background-full.jpg');
}

div#mainlogo {
  position: absolute;
  top: 387px;
  left: -520px;
  width: 1048px;
  height: 1183px;
}

div#flashmenu {
  position: absolute;
  top: 0px;
  left: -40px;
  width: 960px;
  height: 360px;
}

div#hiddennavigation {
  position: absolute;
  display: none;
  visibility: hidden;
}

div#columns {
  position: relative;
  left: 22px;
  top: 285px;
  width: 843px;
  padding-bottom: 285px;
  
  z-index: 10;
}

div#columnleft {
  font-size: 16px;
  
  float: left;
  width: 566px;
  
  z-index: 20;
}

div#columnright {
  float: right;
  width: 270px;
  
  font-size: 12px;

  z-index: 15;
}

div#columnrightbottom {
  position: absolute;
  left: 577px;
  width: 270px;
  height: auto;
  bottom: 285px;

  font-size: 12px;

  z-index: 15;
}

div#columnend {
  clear: both;
}

div#footer {
  position: relative;
  width: 100%;
  padding-top: 34px;
  padding-bottom: 11px;

  text-align: center;
  font-size: 12px;
  line-height: 20px;
  
  z-index: 15;
}

.defaultlink a {
  font-weight: bold;
  color: #000066;
  text-decoration: underline;
}

.defaultlink a:link {
  font-weight: bold;
  color: #000066;
  text-decoration: underline;
}

.defaultlink a:active {
  font-weight: bold;
  color: #000066;
  text-decoration: underline;
}

.defaultlink a:visited {
  font-weight: bold;
  color: #000066;
  text-decoration: underline;
}

.defaultlink a:hover {
  font-weight: bold;
  color: #0033FF;
  text-decoration: none;
}

/* Sizes */

div.marginbottom {
  margin-bottom: 40px;
}

div.title {
  font-size: 24px;
  font-weight: bold;
}

div.subtitle {
  font-size: 22px;
  font-weight: bold;
}

div.subsubtitle {
  font-size: 16px;
  font-weight: bold;
}

/* Blocks */

div#columnright div.block,
div#columnrightbottom div.block { 
  position: relative;
}

div#columnright div.block div.header,
div#columnrightbottom div.block div.header {
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 1px;
  line-height: 1px;
  
  background-image: url('../images/layout/block-header.png');
}

div#columnright div.block div.caption,
div#columnrightbottom div.block div.caption {
  position: absolute;
  top: -1px;
  left: 50%;
  height: 30px;  
}

div#columnright div.block div.background,
div#columnrightbottom div.block div.background { 
  position: relative;
  width: 100%;
   
  background-image: url('../images/layout/block-content.png');
}

div#columnright div.block div.background div.content,
div#columnrightbottom div.block div.background div.content { 
  position: relative;
  width: 226px;
  left: 22px;
}

div#columnright div.block div.footer,
div#columnrightbottom div.block div.footer { 
  position: relative;
  width: 100%;
  height: 32px;
  font-size: 1px;
  line-height: 1px;
  background-image: url('../images/layout/block-footer.png');
}

/* ImageItemList */

div.imageitemlist {
  position: relative;
}  

div.imageitemlist div.flash { 
  position: absolute;
  left: -22px;
  top: 0px;
  width: 160px;
}

div.imageitemlist div.items { 
  position: relative;
  padding-top: 25px;
  left: 138px;
  width: 428px;
}

div.imageitemlist div.items div.item { 
  position: relative;
  height: 112px;
  margin-bottom: 28px;
  overflow: hidden;
}

div.imageitemlist div.items div.item div.description {
  text-align: justify;
}

div.imageitemlist div.items div.item div.trtext { 
  position: absolute;
  top: 0px;
  right: 0px;
  font-style: italic;
}

div.imageitemlist div.items div.item div.link { 
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 14px;
  margin-bottom: 4px;
}

div.imageitemlist div.items div.item p {
  margin: 0px;
  padding: 0px;
}

/* ImageItem */

div.imageitem {
  position: relative;
}  

div.imageitem div.flash { 
  position: absolute;
  left: -22px;
  top: 0px;
  width: 160px;
}

div.imageitem div.intro { 
  position: relative;
  padding-top: 25px;
  left: 138px;
  width: 428px;
  height: 112px;
  font-weight: bold;
  margin-bottom: 28px;
  text-align: justify;
  overflow: hidden;
}

div.imageitem div.intro div.bottomright.url {
  margin-bottom: 3px;
}

div.imageitem span.date {
  font-weight: normal;
  font-style: italic;
}

div.imageitem div.intro p {
  margin: 0px;
  padding: 0px;
}

/* Utility classes */

.justify p,
p.justify {
  text-align: justify;
  padding-top: 0px;
  margin-top: 0px;
}

.nopad p,
p.nopad {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.loadalpha, .noalpha {
  /* Dummy class, tells PNG engine to (not) load alpha */
}

div.url {
  font-size: 14px;
}

div.left {
  width: 100%;
  text-align: left;
}

div.right {
  width: 100%;
  text-align: right;
}

div.topleft {
  position: absolute;
  top: 0px;
  left: 0px;
}

div.topright {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
}

div.bottomleft {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

div.bottomright {
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: right;
}

/* TinyMCE stuff */

td.tinymce {
  text-align: left;
}

.tinymce p {
  text-align: justify;
  margin-top: 0px;
  padding-top: 0px;
}

.tinymce p.MsoNormal { /* Fix for MS Office style paragraphs (MsoNormal) */
  text-align: justify;
	margin: 0px;
	padding: 0px;
}