/* CSS Document */

html, body {  
	background-color: #cccdc0; }
	 
body {  
	text-align: center; 
	font-family: helvetica; arial, sans-serif; 
	font-size:76%; }
	
p { 
	text-align: right; 
	margin: 0.2em 0 0; }
	
.link {
	color:#666666;
	text-decoration: none; }
	
.link:hover {
	text-decoration: underline; }

h1 {
	text-align: left;
	background-color: #cccdc0;
	font-size: 112%;
	font-weight: normal; }

h2 { 
	text-align: right; 
	margin: 0;
	font-size: 120%;
	font-weight: normal; }
	
h3 { 
	text-align: right; 
	margin: 0.2em 0 0;
	font-size: 150%;
	font-weight: normal; }
	
h4 { 
	text-align: right; 
	margin: 0.2em 0 0;
	font-size: 150%;
	font-weight: normal; }
	
a {
	color:#666666;
	text-align: left;
	text-decoration: none; }
	
a:hover {
	text-decoration: underline; }
	
/* containers */

#mother {
	position: relative; 
	margin:0 auto; 
	width: 850px; 
	border: none;
	background-color: #cccdc0; }
	
div.bar {
	float: right;
	width: 800px;
	margin: 0 0 20px;
	text-decoration: none;
	background-color: #cccdc0; }

div.barnews {
	float: left;
	width: 473px;
	margin: 0 24px 0 0;
	text-align: right; }

div.barimg {
	float: right;
	width: 302px;
	margin: 0; }

div.title {
	margin:0 0 30px;
	float:left; }
	
div.hometitle {
	margin:0;
	float:left; }
	
div.footer {
	text-align: left;
	margin: 0;
	width: 525px;
	/*height: 40px;*/
	float: left; }

/* navigation */

#nav {
	 height:25px;
	 overflow: hidden; }

#nav ul{
  width: 100%;
  padding: 0;
  margin: 0;
  float:left; }
  
#nav ul li{
  display:inline; }
  
#nav ul li a {
	padding: 26px 0 0;
	height: 25px; }
 
#nav ul li a.home{
  float: left;
  width: 265px;
  margin:0;
  background-image: url(images/nav/nav_title.gif); }
  
#nav ul li a.one{
  float: right;
  width: 50px;
  margin:0 25px;
  background-image: url(images/nav/one.gif); }
  
#nav ul li a.two{
  float: right;
  width: 50px;
  margin:0 25px;
  background-image: url(images/nav/two.gif); }
  
#nav ul li a.three{
  float: right;
  width: 50px;
  margin:0 25px;
  background-image: url(images/nav/three.gif); }
  
#nav ul li a.about{
  float: right;
  width: 50px;
  margin:0 25px;
  background-image: url(images/nav/about.gif); }
  
#nav ul li a.news{
  float: right;
  width: 50px;
  margin:0 0 0 25px;
  background-image: url(images/nav/news.gif); }
      
#nav ul li a.home:hover{
  background-image: url(images/nav/nav_over.gif); }
	
#nav ul li a.one:hover{
  background-image: url(images/nav/one_over.gif); }
  
#nav ul li a.two:hover{
  background-image: url(images/nav/two_over.gif); }
  
#nav ul li a.three:hover{
  background-image: url(images/nav/three_over.gif); }
  
#nav ul li a.about:hover{
  background-image: url(images/nav/about_over.gif); }
  
#nav ul li a.news:hover{
  background-image: url(images/nav/news_over.gif); }
  
/* home navigation */

#homebar {
	float: right;
	width: 800px;
	height: 300px;
	margin: 60px 0 35px;
	text-decoration: none; }

#homebar ul {
	padding: 0;
	margin: 0; }
	
#homebar ul li{
  display:inline; }
  
#homebar ul li a {
  height: 300px;
  border:1px solid #333333;
  float: left; }
  
#homebar ul li a.g1 {
	width: 200px;
	margin: 0 22px 0 0;
	padding: 0;
	background: url(images/home1.jpg); }
	
#homebar ul li a.g2 {
	width: 250px;
	margin: 0 22px 0 0;
	background: url(images/home2.jpg); }
	
#homebar ul li a.g3 {
	width: 300px;
	margin: 0;
	background: url(images/home3.jpg); }
	
#homebar ul li a.g1:hover {
	border:1px solid #000000;
	background: url(images/home1over.jpg); }
	
#homebar ul li a.g2:hover {
	border:1px solid #000000;
	background: url(images/home2over.jpg); }
	
#homebar ul li a.g3:hover {
	border:1px solid #000000;
	background: url(images/home3over.jpg); }