body{
	margin: 0px;
  padding: 0px;
	background-color: #ffffff;
  font-family: arial, sans-serif;
  color: #333333;
	}

/* ----- LAYOUT ----- */
#main{
	margin: 0px;
  padding: 0px;
  }
  
#left{
  width: 195px;
  height: 550px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url('images/Nav_bg.gif') no-repeat top left #ffffff;
  }

/* ----- SIDEBAR ----- */
#sidebar{
  width: 13em;
  padding: 15px;
  margin: 100px 0px 20px 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  border: solid #000066 3px;
  font-size: 0.85em;
  }
  
#sidebar h1{
  font-size: 1.2em;
  margin: 0px;
  padding: 0px;
  margin-bottom: 7px;
  }
  
#sidebar h2{
  font-size: 1.1em;
  margin: 0px;
  padding: 0px;
  }
  
/* ----- NOTICE BOARD ----- */
#notice_board{
  width: 13em;
  height: 35em;
  padding: 15px;
  margin: 100px 0px 20px 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  border: solid #000066 3px;
  font-size: 0.85em;
  }
  
/* ----- NAVIGATION ----- */
#navigation{
  margin-top: 10px;
  width: 11em;
  }
  
#navigation ul{
  position: relative;
  right: 15px;
  list-style: none;
  }
  
#navigation li{
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 6px;
  margin-bottom: 6px;
  }
  
#navigation a{
  width: 9.3em;
  display: block;
  background: url('images/nav_black.gif') no-repeat right;	
  color: #666666;
  text-decoration: none;
  font-size: 1.0em;
  }

#navigation a:hover{
  background: url('images/nav_blue.gif') no-repeat right;
  color: #000066;
  }

/* ----- CONTENT ----- */  
#content{
  margin: 0px 15em 10px 205px;
  padding: 25px 0px 10px 0px;
  }
  
#content a{
  color: #000066;
  font-weight: 700;
 	}
  
#content a:visited{
  /*font-style: italic;*/
  }	
  
#content img{
  border: 1px solid #000066;
  margin: 3px 6px;
  padding: 3px;
  }
  
#content img.right{
  float: right;
  margin-right: 0px;
  }
  
#content img.left{
  float: left;
  margin-left: 0px;
  }
  
#content table, td, th{
  border: 1px solid #333333;
  padding: 3px;
  border-collapse: collapse;
  }
  
#content caption{
  font-size: 1.2em;
  font-weight: normal;
  border: 1px solid #333333;
  color: #ffffff;
  background-color: #000066;
  padding-bottom: 2px;
  }
  
#content img.icon{
  margin: 0px 4px -2px 4px;
  padding: 0px;
  border: none;
  }

/* ----- GALLERY ----- */
#thumbs img{
	border: 1px solid #000066;
  padding: 4px;
  margin: 0px 0px 3px 0px;
  }

#main-frame{
	float:left;
  border: none;
  margin-top: 5px;
  }

#main_img img{
	border: 1px solid #000066;
  padding: 5px;
  float: left;
  }
  
#caption{
	border: 1px solid #000066;
  margin: 0px 0px 0px 20px;
  padding: 4px;
  width: 288px;
  display: inline;
  float: left;
  }
  
p.copy{
	font-size: 0.6em;
  text-align: left;
  margin: 2px 5px 2px 5px;
  padding: 2px 5px 2px 5px;
	}
  
p.caption{
	font-size: 0.8em;
  text-align: left;
  margin: 2px 5px 2px 5px;
  padding: 2px 5px 2px 5px;
	}
  
/* ----- FOOTER ----- */  
#footer{
  font-size: 0.7em;
  text-align: center;
  border-top: 1px dashed #000066;
  padding-bottom: 8px;
  margin: 0px 240px 0px 200px;
  }
  
#footer ul{
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
  }
  
#footer li{
	display: inline;
  padding: 0px 5px 0px 5px;
  } 
   
address{
	display: inline;
  font-style: normal;
  }
  
/* ----- GENERAL ----- */
h1{
  font-size: 2.0em;
  }
  
h2{
  font-size: 1.4em;
  }
  
h3{
  font-size: 1.2em;
  }
 
p{
  font-size: 0.95em;
  }
  
a{
  color: #000066;
 	}

a:hover{
  text-decoration: none;
 	}
  
img{
  border: none;
  }
 
.skiplink {
	position: absolute;
  top: -200px;
  }
  
.hide{
	display: none;
  }