body {
	background: #FFF url('../images/web/WebgradientSmallcopy.jpg') repeat fixed top center;
	font-family: "Trebuchet MS", Rockwell, "Palatino Linotype", Tahoma, Arial;
	font-size: 0.9em;
	min-width: 1024px;
	font-weight: normal;
	line-height: 1.35em;
	min-width: 986px;
	}
	
div {
	border: 1px Solid #000;
	margin: 2px;
	padding: 3px;
	}
	
.whitebackground {
	background-color: #FFF;
	margin: 0;
	padding: 0;
	}
	
p, em, a {
	margin: 0 0 1em 0;
	padding: 0;
	}
	
em {
	line-height: 1.4em;
	font-weight: bold;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin: 2px 2px 3px 2px;
	line-height: 1.5em;
	}
	
.imagecol-l ul {
	list-style-type: none;
	padding: 0;
	}
	
.spacer {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#masthead, #navbar {
   /* margin: auto; */
	 float: left;
	 text-align: left;
	 border: 0;
	 margin: 0;
	 padding: 0;
	 width: 752px;
	 }

#navbar {
	margin-bottom: 2px;
	clear: left;
	}
	
/* NAVIGATION */
	
#infobox, #staffbox {
	float: right;
	margin: 0;
	padding: 0 0 4px 3px;
	border: 0;
	width: 23.4%;
	/* height: 199px; */
	color: #FFF;
	background-color: #000;
	}
	
.noevent, .event, #text, .staff, .mailing {
  margin: 0;
  padding: 0;
  border: 0;
  }
  
.noevent p, .mailing {
  padding: 2px 0 2px 4px;
  }
  
.noevent p:hover {
  background-color: #6699FF;
  }
  
.noevent:hover {
  cursor: default;
  background-color: #FFF;
  /* background-color: #666666; */
  }
  
.event:hover {
  cursor: pointer;
  background-color: #FFF;
  /* background-color: #666666; */
  }
	
.eventlisting {
	text-align: left;
	margin: 0 0 2px 6px;
	padding: 0;
	background-color: #666666;
	font-size: 1em;
	}
	 
a {
	outline: none;
	}
	
a:link, a:visited, a:hover, a:active {
	margin: 0 1px 0 0;
	padding: 0;
	border: 0;
	}
	
a:hover {
	text-decoration: underline;
	color: #000;
	}
	
.eventlisting a {
	margin: 0;
	color: #FFF;
	padding: 2px 0 2px 4px;
	display: block;
	text-decoration: none;
	border: 0;
	}	
	
.eventlisting a:hover {
	background-color: #ff3333;
	/* background-color: #666666; */
	cursor: default;
	}
	
a:hover .eventlisting {
	background-color: #999999;
	}
	
.mailing a {
	color: #FFF;
	}
	
.mailing a:hover {
	color: #ff3333;
	}
	
/* Staff Part */

.staff:hover {
  cursor: pointer;
  background-color: #FFF;
  /* background-color: #666666; */
  }
	
.link {
	text-align: left;
	margin: 0 0 2px 6px;
	padding: 0;
	background-color: #666666;
	font-size: 1em;
	}
	
.link a {
	margin: 0;
	color: #FFF;
	padding: 2px 0 2px 4px;
	display: block;
	text-decoration: none;
	border: 0;
	}	
	
.link a:hover {
	background-color: #ff3333;
	/* background-color: #666666; */
	cursor: pointer;
	}
	
/* End of Staff Part */
	
/* END OF NAVIGATION */
	
img {
	border: 0;
	margin: 0;
	}
	
.imagecol-l, .imagecol-r {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
.imagecol-l {
	float: left;
	/* border: 1px Solid #000; */
	margin-right: 4px;
	}
	
.imagecol-r {
	float: right;
	margin-left: 4px;
	}
	
.imagecol-r p {
  width: 360px;
  }
	
.imagecol-l div {
	margin: 0;
	}
	
.imagecol-l img, .imagecol-r img {
	display: block;
	margin: 0 0 4px 0;
	}
	
.three_image_row {
	margin: auto;
	border: 0;
	}
	
/* For name the owl competition */

	.three_image_row div {
		display: inline;
		float: left;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		padding: 5px;
		}
		
	.three_image_row .nbl, .three_image_row .nba {
		border-left: 0;
		}
		
	.three_image_row .nbr, .three_image_row .nba {
		border-right: 0;
		}
		
	.three_image_row div p {
		margin-bottom: 5px;
		}
	
#eventcontent {
	margin: 0 0 0 320px;
	padding: 0 4px 4px 4px;
	height: 440px;
	overflow: auto;
	}
	
#eventcontent ul {
	list-style-type: none;
	padding: 0 0 0 15px;
	}
	
#eventcontent h1 {
	margin: 0 0 2px 0;
	text-align: center;
	}
	
#importantinfo {
	clear: both;
	margin: 0 0 2px 0;
	background-color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	}
	 
#mainspace, #mainspace2, #mainspace3 {
	margin: 0;
	padding: 0;
	clear: both;
	background: #7DD8EC url('../images/content/logo_L1024.jpg') no-repeat top right;
	/* background: url('../images/content/DSC01324.jpg') no-repeat top right; */
	/* min-height: 330px; */
	height: 476px;
	border: 0;
	border-top: 1px Solid #000;
	border-left: 1px Solid #000;
	border-right: 1px Solid #000;
	}
	
#mainspace2 {
  background: #7DD8EC url('../images/content/logo_1024_v3.jpg') no-repeat top right;
  }
  
#mainspace3 {
  background: #7DD8EC url('../images/content/logo_L1152.jpg') no-repeat top right;
  }
	
#mainspace div {
  display: none;
	border: 0;
	margin: 0;
	padding: 0;
	width: 45%;
	/* -moz-opacity: 0.75; */
	}
	 
#mainspace div p {
	/* -moz-opacity: 1; */
	background-color: #6699FF;
	border: 1px Solid #000;
	padding: 2px;
	font-size: 1.2em;
	}
	
#content {
	background-color: #FFF;
	margin: 0;
	/* padding: 2px; */
	border-top: 0;
	border-bottom: 0;
	clear: both;
	}
	
#content p {
	padding: 0 4px 0 4px;
	}
	
.column {
	width: 32.1%;
	float: left;
	margin: 5px 2px;
	border: 0;
	}
	
#content .column p, #content .imagecol-l p, #content #eventcontent p {
	padding: 0;
	}
	
#content #gallery {
  background-color: #000;
  }
  
.inlinelist {
	margin: 0;
	padding: 0;
	}
	
.inlinelist li {
	margin: 0 5px 0 0;
	display: inline;
	list-style-type: none;
	}
	
.inlinelist li:hover {
	text-decoration: underline;
	cursor: default;
	}
	
.nobullet {
  list-style-type: none;
  }
	
/* News Page */

#tab-box {
  clear: both;
	margin: 0;
	padding-bottom: 8px;
	border: 1px Solid #000;
	/* border-bottom: 0; */
	background-color: #FFF;
	font-weight: bold;
	}
	
#tab-box ul {
	margin-left: 0;
	padding-left: 10px;
  }
  
#tab-box ul li {
	list-style-type: none;
	display: inline;
	}
	
#tab-box ul li a {
  text-decoration: none;
  color: #000;
  padding: 5px;
  border: 1px Solid #000;
  }
  
#tab-box ul li a:hover {
  color: Red;
  cursor: pointer;
  }
  
#tab-box img {
  float: right;
  margin-top: 5px;
  }
  
#selected p {
  background-color: #000;
  color: #FFF;
  }
  
#selected p:hover {
  color: #FFF;
  cursor: default; 
  }
  
.item {
  /* background-color: #CCFFFF; */
  /* background-color: Gainsboro; */
  background-color: #DCDCDC;
  margin-bottom: 4px;
  }
  
textarea {
	float: left;
	}
	
/* End of News Page */
	
#footer {
	margin: 0;
	border-top: 0;
	text-align: center;
	background-color: #000;
	color: #FFF;
	}
	
#footer p {
	margin: 0;
	}
	
#footer a {
	color: #FFF;
	text-decoration: none;
	}
	
th {
  text-align: left;
  }
  
td {
  padding-right: 20px;
  }
  
/* Owl Information Page */

#description {
	margin: 2px 1px 0 1px;
	padding-bottom: 2px;
	text-align: center;
	}
	
#description p, .owlsinfo p {
	margin-top: 3px;
	text-align: left;
	}
	
#container {
  float: left;
  margin: 2px 1px 0 1px;
  padding-bottom: 0;
  text-align: center;
  }

.teamowls {
	float: left;
	/* width: 312px; */
	/* min-height: 237px; */
	/* height: 258px; */
	margin: 0 5px 1px 1px;
	padding: 3px;
	border-right: 0;
	border-top: 0;
	border: 0;
  }
  
#container .teamowls p {
  text-align: center;
  }

.owlsinfo {
	float: left;
	min-width: 3%;
	width: 76%;
	text-align: center;
	/* min-height: 237px; */
	/* height: 258px; */
	margin: 0 0 2px 0;
	padding: 3px 2px 3px 2px;
	border-left: 0;
	border-top: 0;
	border: 1px dashed #000;
	overflow: auto;
  }

#container p {
  text-align: left;
  }

#hoverowl {
	margin: 8px 2px 2px 8px;
 }

#noimage {
	width: 312px;
         }

/* --------------------- */

/* Forms */

form {
  display: block;
  clear: both;
  }
  
textarea, fieldset {
  display: block;
  }
  
textarea {
  width: 99.75%;
  margin: 0 0 0 0;
  }
  
/* ----------------------- */

/* Login Page */

#login dt {
  float: left;
  width: 100px;
  }
   
#login input {
  margin-bottom: 5px;
  }
  
#login label {
  font-weight: bold;
  }
  
#login dl #submit {
  width: 248px;
  }

/* ------------------------ */

/* Definition Lists for Form Layout */

form dl p {
   text-decoration: underline;
   margin-top: 6px;
   margin-bottom: 6px;
   margin-left: 0;
   padding: 0;
   }

form dt {
  float: left;
  width: 400px;
  padding: 2px;
  }

form dd {
  margin: 0;
  padding: 2px;
  }
  
input, select {
  width: 210px;
  }
  
form textarea {
  float: left;
  margin-bottom: 5px;
  }

form fieldset {
  margin-bottom: 7px;
  }

form fieldset dt {
  float: left;
  width: 300px;
  }
  
form fieldset input {
  display: block;
  }
  
form fieldset .textinfieldset {
	width: 387px;
	}
	
/* New Gallery Functionality */

#pageselector {
  text-align: center;
  font-size: 1.15em;
  font-weight: bold;
  }

#pageselector a {
  color: #FFF;
  }
  
#pageselector a:hover{
  color: #ff3333;
  }
  
#pageselector em {
  color: #FFF;
  }