/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

blockquote, q { quotes: none; }

:focus { outline: 0;}

ins { text-decoration: none;}

del {	text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0;}

form {display: inline;}

/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {font-size: 0.75em; line-height:1.6; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;
  color: #636467; background: #fff; }

input, textarea {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2;}

a {outline: 0;}
a:link, a:visited {color: #636467; text-decoration: none;}
a:hover, a:active {color: #4dc2cf; text-decoration: none;}
a img {border: none;}

h1  {font-weight: bold; margin: 0 0 20px 0; padding: 0; color: #4dc2cf; font-size: 1.083em;}
h2 {font-weight: bold; font-size: 1em; margin: 0; padding: 0; color: #000;}
h3 {font-size: 1.33em; margin: 0; padding: 0;}
h4 {font-size: 1.53820em; text-transform: lowercase; line-height: 1; color: #002E6E; font-weight: normal; margin: 0 0 0.5em 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}

h1 + h2 {margin-top: -0.5em;}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {color: #000;}


p {margin: 0 0 20px 0;}
ol {margin: 0 0 20px 12px; padding: 0 0 0 12px; font-weight: bold; color: #000;}
ul {margin: 0 0 20px 7px; padding: 0 0 0 7px; list-style-image: url(http://web109.thewire.ca/~snyder482/template/largerBullet.gif);}
li {margin: 0;}
li span {font-weight: normal; color: #636467; }

p + ul {margin-top: -20px;}
p + ol {margin-top: -20px;}

p + h2 {margin-top: -20px;}

strong {color: #000;}

dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 1em 0;}
code, tt {border-bottom: 1px solid #E3E3E3; padding: 0 1px;}
small, .small {font-size: 85%; color: #000;}
.home .small {font-size: 0.5em;}
big, .big {font-size: 1.416em; line-height: 1.4;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}


/* layout */

#wrapper {position: relative; width: 900px; margin: 0; background: #fff; }
#header {position: relative; height: 150px; }
#logo {width: 200px; position: absolute; top: 65px; left: 30px;}
#nav {position: absolute; bottom: 33px; left: 245px;}
#content {position: relative; height: 100%;}
#footer {position: relative; padding: 40px 20px 0 30px; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif;}


.clr {display: block; clear: both;}


#nav ul {margin: 0; padding: 0;  list-style-image: none; list-style-type: none;}
#nav li {margin: 0; padding: 0;}
#nav a { font-size: 1.083em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
#nav a:link, #nav a:visited {color: #636467; }
#nav a:hover, #nav a:active, #nav a.current:link, #nav a.current:visited {color: #4dc2cf; }

#nav ul ul {position: absolute; bottom: 0; left: 75px; width: 175px; }

#nav ul ul ul {position: absolute; bottom: 0; left: 175px; width: 200px;}

.home .entry {font-size: 1.5em; text-align: justify; letter-spacing: -0.45px}
.home strong {font-weight: normal; color: #000;}

.page .entry {width: 550px;  }
.entry {margin: 0 20px 0 30px; float: left;  }

.former {color: #000; padding: 0 10px;}
.credits {padding: 0 10px 0 0;}
#footer a:link, #footer a:visited {color: #636467;}
#footer a:hover, #footer a:active {color: #000;}



.signature {position: absolute; top: 35px; right: 10px;}
.home .signature {position: relative; top: 0 ; left: 0; margin: 20px 20px 20px 25px; }
.signature .motto {color: #000; display: block; padding: 0 7px;}

.entry.intro {font-size: 1.5em;  }
.entry.intro strong {font-weight: normal; color: #000;}
.entry.intro h1 {font-size: 0.666em; margin: 0;}
.entry.intro small {font-size: 0.666em;}

.entry.building {width: 571px;}

.building .image {width: 571px; height: 373px; overflow: hidden; background: #eef8f9; margin-bottom: 5px;}
.building .info {width: 440px; float: left; color: #000; font-size: 1.083em; margin-right: 10px;}
.building .pagination {position: relative; width: 60px; float: right; color: #000; font-size: 1.083em;}
.next, .prev {display: block;  width: 21px; height:  20px;  margin-left: 10px;}
.next {position: absolute; right: 0;}
.prev {position: absolute; left: 0;}

.counter {display: block; width: 50px; float: left; color: #000; font-size: 0.923em; line-height: 1.9;}

#thumbs { float: right; width: 270px; background: url(http://web109.thewire.ca/~snyder482/template/thumbs.gif) #fff;}
.thumb { display: block; width: 81px; height: 81px; float: left; margin: 0 10px 10px 0; }
.thumb.right {margin-right: 0;}

/* #thumbs a span {display: block;   width: 81px; height: 81px; position: relative;} */
#thumbs a span.title {display: none;}

/*
#thumbs a:hover span.title {
	display: block;
   	position: absolute; bottom: 40px; right: 40px; width: 180px; height: 130px; font-size: 2em; color: #fff; font-weight: bold;
   	padding: 20px;  z-index: 100;
   	background: #4CC3CF; 
}


*/


#buildings {float: right; width: 256px; background: url(http://web109.thewire.ca/~snyder482/template/buildings_118.gif) repeat-y #fff;}
.buildings {width: 118px; height: 118px; float: left; margin: 0 10px 10px 0; }
.buildings.right {margin-right: 0;}
.buildings img {width:118px; height: 118px;}



.col1 {width: 270px; height: 100%; margin-right: 20px; float: left;}
.col2 {width: 270px; height: 100%; margin-right: 20px; float: left;}
.col3 {width: 270px; height: 100%; float: left;}

.col1.wide {width: 560px;}
.marker {width: 20px; float: left; clear: left; font-weight: bold; color: #000;}

.newsImg1 {width: 515px; height: 100%; float: left; overflow: hidden;}
.newsImg2 {width: 270px; height: 100%; float: left; overflow: hidden;}

.news a:link, .news a:visited {color: #4dc2cf; text-decoration: none;}
.news a:hover,  .news a:active {color: #636467; text-decoration: none;}

.news .more, .newsArchive .more {margin: -15px 0 15px 0;}

.newsArchive {width: 655px;}
.newsArchive  a:link, .newsArchive  a:visited {color: #4dc2cf; text-decoration: none;}
.newsArchive  a:hover,  .newsArchive  a:active {color: #636467; text-decoration: none;}

.newsArchive .month {width: 215px; float: left; font-weight: bold; margin: 0 0 20px 0; padding: 0; color: #4dc2cf; font-size: 1.083em;}
.newsArchive .archive {width: 440px; float: right; padding-bottom: 20px;}


.newsArchive .pagination {width: 275px; float: right; }
.pagination strong {color: #4dc2cf; }
.pagination a:link, .pagination a:visited {color: #636467; text-decoration: none;}
.pagination a:hover, .pagination a:active {color: #4dc2cf; text-decoration: none;}

.other {clear: both; font-size: 0.916em;}
.other a:link, .other a:visited {color: #4dc2cf;  text-decoration: none;}
.other a:hover, .other a:active {color: #636467; text-decoration: none;}

.form {margin: 5px 0 20px 0;}


.input {
border:        1px solid #636467;
background-color:  #FFF;
color:             #666;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.833em; font-weight: normal;
padding:           1px; margin: 0 0 5px 0;
width: 100%;
}

.textarea {
border:        1px solid #636467;
background-color:  #fff;
color:             #666;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.833em; font-weight: normal;
padding:           1px;  margin: 0 0 5px 0;
width: 100%;
overflow: auto;
}


input.submit {
border:        1px solid #4cc3cf;
background-color:  #fff;
font-family:       Verdana, Arial, sans-serif;
font-size:         1em;
font-weight:       normal;
padding:           3px 0;
margin:             0 0 5px 0;
text-transform:    uppercase;
color:             #636467;

cursor:pointer;
}

#dhtmltooltip{
position: absolute;
width: 130px; height: 90px; 
padding: 15px;
background-color: #4CC3CF; font-size: 1.166em; color: #fff; font-weight: bold; line-height: 1.1;
visibility: hidden;
z-index: 100;
}