body{
	margin: 0px;
  padding: 0px;
	background: url('images/bg_gradient.jpg') #66ccff repeat-x top left;
  font-family: georgia, serif;
	}

/* ----- LAYOUT ----- */
#main{
	margin: 0px;
  padding: 0px;
	background: url('images/snowflakes_bg.gif') repeat top left;
  }
  
#logo{
	position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  }
  
#photo_right{
	position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  }

#header p{
	margin: 0px;
  }
  
/* ----- NAVIGATION ----- */
#navigation{
	padding-top: 6px;
  float: right;
  margin: 160px 300px 0px 0px;
  }
  
#navigation ul{
	margin: 0px;
  }
  
#navigation li{
	list-style: none;
  display: inline;
  margin-left: 10px;
  }
  
#navigation a{
  background: url('images/navigation/bullet_solid.gif') no-repeat;
  padding: 4px 0px 0px 12px;
  font-size: 0.95em;
  color: #2f276f;
}

#navigation a:hover{
	background: url('images/navigation/bullet_hole.gif') no-repeat;
  text-decoration: none;
}

/* ----- SUB NAVIGATION ----- */
#sub_navigation li{
	list-style: none;
  display: inline;
  }
  
#sub_navigation a{
  background: url('images/navigation/bullet_solid.gif') no-repeat;
  padding: 4px 0px 0px 12px;
  margin: 0px 10px 0px 10px;
  font-size: 0.9em;
  color: #2f276f;
}

#sub_navigation a:hover{
	background: url('images/navigation/bullet_hole.gif') no-repeat;
  text-decoration: none;
}

/* ----- CONTENT ----- */  
#content{
	padding: 5px 290px 15px 15px;
  }
  
#content img{
  padding: 4px;
  margin: 5px;
  border: 1px dotted #2f276f;
  }
  
ul.large li{
  list-style: none;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
  }
 
/* ----- MENU ---- */
#menu{
  width: 75%;
  margin: 30px auto 30px auto;
  }
  
#menu H3{
  margin: 0 0 0.3em 0;
  padding: 0;
  text-align: center;
  }
  
#menu p{
  margin: 0;
  text-align: center;
  }
  
/* ----- LINKS ----- */
#links_table{

  }
  
#links_table td{
  padding: 4px;
  margin: 4px;
  }
  
#links_table img{
  border: none;
  padding: 0px;
  margin: 0px;
  }
  
/* ----- FOOTER ----- */
#footer{
  margin: 60px 300px 0px 20px;
  padding-top: 10px;
  text-align: center;
  font-size: 0.7em;
  }
  
#footer li{
  display: inline;
  margin: 0px 5px 0px 5px;
  }

#footer p, #footer a, #footer ul{
  color: #333333;
  margin: 10px 0px 8px 0px;
  padding: 0px;
  }
  
#footer hr{
  border: none;
  border-bottom: 1px dashed #ffffff;
  height: 0px;
  }

/* ----- CONTACT ----- */
#contact{
	margin: 0px 0px 0px 0px;
	font-size: 1.4em;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  }
  
/* ----- GENERAL ----- */
h1{
	color: #2f276f;
  font-size: 2.0em;
  }
  
h2{
	color: #2f276f;
  font-size: 1.4em;
  }
  
h3{
	color: #2f276f;
  font-size: 1.2em;
  }
 
p{
	color: #333333;
  font-size: 0.95em;
  }
  
a{
	color: #2f276f;
 	}

a:hover{
  text-decoration: none;
 	}
 
ul, li{
  list-style: circle;
	color: #333333;
  font-size: 0.95em;
  }
 
img {
  border: none;
  }	
 
.skiplink {
	position: absolute;
  top: -50px;
  }
  
.hide{
	display: none;
  }
  
#content img.icon{
  margin: 0px 4px -2px 4px;
  padding: 0px;
  border: none;
}