/*
 * Author: golebara
 * Date: 25 October 2008
 * Descriptio4n: Cascading Style Sheet for DNA Green Design.
 *
 * COLOUR PALETTE
 *
 * #FF2E00 - Red/Orange
 * #0069AF - Blue
 * #578CAF - Light blue
 * #839EAF - Another shade of blue
 * #3BFF00 - Green
 * #9DFF7F - Light green
 *
 */

/**************************************************
  HTML elements
**************************************************/

body {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 20px;
  background: #839EAF;
  margin: 0;
}

table, td {
  border-collapse: collapse;
  border: 0;
  padding: 0;
}

h1, h2, h3, h4 {
  color: #666;
  background: #FFF url(images/bullet-1.jpg) no-repeat;
  padding: 2px 0 0 25px;
}

h1 {
  font-size: 14px;
  color: #666;
}

h2 {
  font-size: 14px;
  color: #6AA14E;
  border-bottom: 1px dotted #CCC;
  padding-bottom: 5px;
}

h3 {
  font-size: 12px;
}

h4 {
  font-size: 12px;
  background: #FFF url(images/bullet-2.jpg) no-repeat;
  padding: 2px 0 0 25px;
}

li {
  list-style: square;
}

strong {
  color: #F60;
}

a {
  text-decoration: none;
  color: #069;
}

/**************************************************
  User-defined styles
**************************************************/

#box {
  width: 800px;
  height: 114px;
  margin: 0 auto;
  background: #FFF;
}

#box-top {
  background: #FFF url(images/box_top.jpg) no-repeat;
  width: 800px;
  height: 28px;
}

#box-left {
  background: #FFF url(images/box_left.jpg) repeat-y;
  width: 28px;
  height: 57px;
}

#box-inner {
  width: 737px;
  height: 57px;
}

#box-right {
  background: #FFF url(images/box_right.jpg) repeat-y;
  width: 35px;
  height: 57px;
}

#box-bottom {
  background: #FFF url(images/box_bottom.jpg) no-repeat;
  width: 800px;
  height: 29px;
}

#sidebar {
  float: left;
  width: 200px;
  background: #EEE;
  padding: 10px;
}

#container {
  float: right;
  width: 505px;
}

#footer {
  background: #EEE;
  font-size: 11px;
  padding: 0 10px;
}

#logo {
  background: #FFF url(images/logo.jpg) no-repeat;
  width: 200px;
  height: 87px;
}

#nav ul {
  margin: 0;
  padding: 0;
}

#nav ul li {
  list-style: none;
}

#nav ul li a {
  display: block;
  padding: 10px;
  background: #FFF;
  margin: 10px 0;
  text-transform: lowercase;
}

#nav ul li a:hover {
  color: #FFF;
  background: #578CAF;
}

#part {
  font-size: 10px;
}

#part strong {
  font-size: 11px;
}

#part th {
  text-align: center;
  font-size: 12px;
}

#part td {
  
}

#part ul li {
	padding: 3pt 0;
}

/**************************************************
  Class styles
**************************************************/

.greenbox {
  border: 1px solid #4b9272;
  display: block;
  padding: 20px;
}

.fix {
  clear: both;
}

.extra-space {
  line-height: 20px;
}

.reduced-margin {
  margin-left: 20px;
  padding-left: 20px;
  line-height: 14px;
}

.thumbnail {
  border: 5px solid #EEE;
}

.alnleft {
  float: left;
}

.alncentre {
  text-align: center;
}

.alnright {
  float: right;
}