/* global resets */
* {
   padding:0;
   margin:0;
   }
   
#wrapper, #header, #content_wrap, #content, #sub_content, #footer {
	overflow: hidden;
	display: block;
	}
	
a:link { 
	text-decoration: none;
	color: #CC6666;
	}
a:visited {
	text-decoration: none;
	color: #CC6666;
	}
a:hover {
	color: #000066;
	text-decoration: underline;
	}
a:active {
	text-decoration: none;
	color: #CC6666;
	}	
	
h1 {
	padding:  0 1em;
	font-size: 1.6em;
   }

h2  {
	padding:  0 0 1.2em 1.2em;
	font-size: 1.4em;
   }
   
h3 {
	padding:  0 1.4em;
	font-size: 1.2em;
   } 
   
p {
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0 1.4em 1.4em 1.4em;
	}

body {
	min-width: 78em;
	text-align: center;
	font-family: helvetica, verdana, arial, trebuchet, sans-serif;
	font-size: 62.5%;
	color: #003366;
	background: #FFFFFF; 
	}

#wrapper {
		 width: 78em;
		 margin: 0 auto;
		 text-align: left;
		 }

/* safari and opera need this */
#header, #footer {
	width: 100%;
	}


#header h1 {
	margin: 1em 0;
	padding-left: 1em;
	}

#content_wrap {
	width: 61em;
	float: right;
	border-left: solid 1px #AAAAAA;
	}

#content {	
	width: 45em;
	float: left;
	border: solid 0px yellow;
	}

#content ul, dl {
	margin: 0 0 1.4em 1.4em;
	padding-left: 1.4em;
	font-size: 1.2em;
	}

#content li {
	line-height: 1.6em;
}	

#sub_content {	
	width: 14em;
	float: right;
	border: solid 0px red;
	background: #eeeeee;
	padding: 0.5em;
	}
#sub_content p {
	margin-left: 1em;
}
	
#nav_column {
	width: 16em;
	float: left;
	text-align: center;
	}
	
#nav_column img {
	margin-top: 1.5em;
	}
	
#navlist {
	margin: 0 1em;
	border-bottom: 1px solid #BBBBBB;
	text-align: right;
	}

#navlist li {
	list-style: none;
	padding: 0.25em;
	border-top: 1px solid #BBBBBB;
	font-size: 1.2em;
	}
	
#navlist li a {
	padding: 0.25em;
	}
	
#footer {
	margin-top: 1em;
	padding: 1.4em 0;
	clear: both;
	border-top: solid 1px #BBBBBB;
	}
	
#footer p {
	padding: 0;
	font-size: 1em;
	}
	
#sub_navlist {
	margin-bottom: 1.4em;
	text-align: center;
	padding: 0.2em;
	}
	
#sub_navlist li {
	display: inline;
	list-style-type: none;
	padding: 0 1em;
	font-size: 1.2em;
	}
	
dt {
	font-weight: bold;
	padding-top: 1.2em;
	}
	
#useful {
	margin-left: 3.2em;
	margin-bottom: 2em;
	background: url(../images/gradfill.gif) repeat-x;
	padding: 1em;
	border: 1px solid #dbdbdb;
	}
	
#content li {
	margin-bottom: 1em;
	}
	
#useful li {
	margin: 0.5em 0;
	}
		
.current {
	border: 1px solid #BBBBBB;
	}

.accent {
	color: #CC6666;
	}
	
blockquote.withquote {
	background: url(../images/quote.gif) no-repeat;
	background-position: top left;
} 

p.withunquote {
	font-family: "Times New Roman", times, serif;
	font-style: italic;
	background: url(../images/unquote.gif) no-repeat;
	background-position: bottom right;
	}
	
.sig {
	font-weight: bold;
	font-size: 1em;
	}
	
.slim {
	padding-bottom: 0;
	}
	
.img {
	text-align: center;
	border: 0;
	margin-bottom: 1.5em;
	}

.note {
	font-family: "Times New Roman", times, serif;
	font-style: italic;
	}
	
.imageleft {
	float: left;
	margin: 0 1em;
	padding: 4px;
	border: 1px solid #003366;
	}
	
.imageleft p {
	text-align: center;
	font-style: italic;
	padding: 0;
	}
	
.imageright {
	float: right;
	margin: 0 1em;
	padding: 4px;
	border: 1px solid #003366;
	}
	
.imageright p {
	text-align: center;
	font-style: italic;
	padding: 0;
	}	
	
	
/* form styles */
	
input, textarea {
	background: #f7f7f7;
	}

form {
	width: 37em;
	margin-left: 2em;
	padding: 0.6em;
	background: #F0F0F0;
	font-size: 1.1em;
	border: 1px solid #c0c0c0;
	}
	
div.row {
	clear: both;
	padding: 0.2em 0 0 0;
	}

div.row span.label {
	float: left;
	width: 12em;
	text-align: right;
	}

div.row span.formw {
	float: right;
	width: 24em;
	text-align: left;
	}

div.row span.errormsg {
	float: right;
	width: 24em;
	text-align: left;
	color: red;
	}
	
br {
	clear: left;
	}

.left {
	text-align: left;
	}
	
.smaller {
	font-size: 0.8em;
	font-style: italic;
	}
	
/* gallery styles */

#gallerybox {
	position:relative; 
	width:425px; 
	height:430px; 
	background:#eeeeee url(../images/gallery/back.gif); 
	border:1px solid #000;
	margin: 0 0 2em 2em;
}

a.gallery, a.gallery:visited {
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	width:75px; 
	height:47px; 
	float:left; 
	margin:3px; 
	z-index:50;
	}
	
a.slidea {background:url(../images/gallery/thumb2.jpg);}
a.slideb {background:url(../images/gallery/thumb3.jpg);}
a.slidec {background:url(../images/gallery/thumb4.jpg);}
a.slided {background:url(../images/gallery/thumb5.jpg);}
a.slidee {background:url(../images/gallery/thumb6.jpg);}
a.slidef {background:url(../images/gallery/thumb7.jpg);}
a.slideg {background:url(../images/gallery/thumb8.jpg);}
a.slideh {background:url(../images/gallery/thumb9a.jpg);}
a.slidei {background:url(../images/gallery/thumb10.jpg);}
a.slidej {background:url(../images/gallery/thumb11.jpg);}

a.gallery span {
	display:block; 
	position:absolute; 
	width:1px; 
	height:1px; 
	top:5px; 
	left:5px; 
	overflow:hidden; 
	background:#eeeeee url(../images/gallery/back.gif);
	z-index:100;
}

.slidek {
	display:block; 
	position:absolute; 
	width:400px; 
	height:250px; 
	top:125px; 
	left:10px; 
	padding:0; 
	border:1px solid #000;
	}

a.gallery:hover {
	white-space:normal; 
	border:1px solid #fff;
	}

a.gallery:hover img {
	border:1px solid #000; 
	position:relative; 
	z-index:100;
	}

a.gallery:hover span {
	display:block; 
	position:absolute; 
	width:402px; 
	height:300px; 
	top:120px; 
	left:5px; 
	padding:5px; 
	font-style:italic; 
	color:#000; 
	background:#eeeeee url(../images/gallery/back.gif); 
	z-index:100;
}

a.gallery:active img, a.gallery:focus img {
	border:1px 
	solid #000; 
	position:relative; 
	z-index:50;
}

a.gallery:active span, a.gallery:focus span {
	display:block; 
	position:absolute; 
	width:402px; 
	height:300px; 
	top:120px; 
	left:5px; 
	padding:5px; 
	font-style:italic;
	color:#000; 
	background:#eeeeee url(../images/gallery/back.gif); 
	z-index:50;
}

/* calendar pages styles */

div#year {margin: 1.4em;}
div.holder {font-family:monospace; float:left; border:2px solid #fff;}
pre {margin:0;}
pre.month {background:#000066; color:#fff; border-bottom:2px solid #89a;}
pre.wkday {background:#000066; color:#fff; border-bottom:3px solid #234;}
pre.green {background:#beb; color:#000;}
pre.booked {background:#CC6666; color:#fff;}