﻿body {
  background : #ffcc00 url('../images/body_bg.jpg') repeat-x 0% 0%; 
  color : #003333; 
  margin : 20px 0; 
  padding : 0; 
  font-family : "Verdana", verdana, arial, "Times New Roman", serif; 
  font-size : 90%; 
}
p { 
  font-family : "Verdana"; 
  font-size : 12px; 
  text-align : justify; 
  margin : 0; 
  padding : 0 0 15px 0; 
}
a {
  color : #000000; 
  text-decoration : underline; 
}
a:hover	{
  color : #225799; 
  text-decoration : none;
}
#container {
  margin : 0px auto; 
  text-align : center; 
  width : 760px; 
}
#holder {
  width : 100%; 
  padding : 20px 20px 5px 20px; 
  background : #ffffff; 
  text-align : left; 
}
#logo {
  border-bottom : 2px solid #336699; 
  padding : 5px 30px 20px 0px; 
}
#navigation { 
  padding : 10px 0; 
}
#header {
  background : #dadada url('../images/header_home.jpg') no-repeat 10px 10px; 
  padding : 10px; 
  height : 200px; 
}
#content {
  float : left; 
  width : 490px; 
  padding : 20px 10px 0 0; 
  line-height : 160%; 
}
#news {
  float : right; 
  width : 250px; 
  padding : 20px 0; 
  line-height : 140%; 
  text-align : justify; 
}
.newsItem {
  padding : 20px 20px 5px 20px; 
  background : #ffff99; 
  border : 3px solid #ffcc33; 
  font-size : 90%; 
  margin-bottom : 20px; 
}
#footer {
  clear : both; 
  width : 100%; 
  font-size : 80%; 
  background : #dadada; 
  padding : 20px; 
  text-align : left; 
  border-top : 2px solid #2765af; 
}
#copyright {
  float : right; 
}
.newsItem h1 {
  color : #225799; 
  font-family : "Verdana"; 
  margin : 0 0 10px 0; 
  padding : 0; 
  font-size : 110%; 
  font-weight : normal; 
}
#content h1 {
  color : #225799; 
  font-family : "Verdana"; 
  font-size : 120%; 
  font-weight : normal; 
  line-height : 100%;   margin : 0; 
  padding : 0 0 20px 0; 
}
#logo h1 {
  font-weight : normal; 
  font-size : 150%; 
  margin : 0; 
  padding : 0; 
  color : #225799; 
}
#navigation ul {
  margin : 0; 
  padding : 0; 
}
#navigation li {
  margin : 0; 
  padding : 0; 
  list-style : none; 
  display : inline; 
}
#navigation a {
  color : #225799; 
  padding : 0 20px 0 0; 
  text-decoration : none; 
}
#navigation a:hover {
  color : #000000; 
}
#footer a {
  color : #000000; 
  font-weight : bold; 
  padding : 0 5px 0 0; 
  text-decoration : underline; 
}
#footer a:hover {
  color : #000000; 
  text-decoration : none; 
}
.clearfix:after {
  content : "."; 
  display : block; 
  height : 0; 
  clear : both; 
  visibility : hidden; 
}
.clearfix {
  display : inline-block; 
}
html .clearfix {
  height : 1%; 
}
.clearfix {
  display : block; 
}
