body {
font-family: arial, helvetica, verdana, sans serif;
background-color: #006666;
margin: 0;
padding: 0;
}

#review {
font-family: arial, helvetica, verdana, sans serif;
background-color: #ffffff;
margin: 0;
padding: 0;
}

a {
text-decoration: underline;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #009999;
}
a:active {
color: #009999;
}

p {
font-size: 90%;
}

li {
font-size: 90%;
}

td {
font-size: 90%;
}

dt {
font-size: 90%;
}

dd {
font-size: 90%;
}


h1 {
color: #006666;
}

h2 {
font-size: 110%;
}

h3 {
font-size: 100%;
}

h4 {
font-size: 90%;
}

.pageTitle {
font-size: 120%;
}

#error {
color: red;
}

.mediumfont {
font-size: 100%;
}

.largefont {
font-size: 110%;
}

.largeredfont {
font-size: 110%;
color: red;
}

.smallfont {
font-size: 75%;
}

.redfont {
color: red;
}

.title {
color: #ffffff;
font-size: 190%;
font-family: times, serif;
font-weight: normal;
vertical-align:text-top;
border: medium solid #fff;
padding: 5px;
margin: 20px 0 20px 0;
}

.thenandnowtitle {
color: #ffffff;
font-size: 190%;
font-family: times, serif;
font-weight: normal;
border: medium solid #fff;
padding: 5px;
}

img.top {
float: left;
}

.text-right {
   text-align: right;
} 

.imagebank {
color: #ffffff;
}

.imagebank a {
color: #ffffff;
}

.imagebank a:hover {
color: #cccccc;
}

.imagebank a:visited {
color: #ffffff;
}

#leftpictures {
position: relative;
float: left;
padding: 1em;
}

#rightpictures {
position: relative;
float: right;
padding: 1em;
}

#pictures {
position: relative;
float: right;
padding: 1em;
}

#enlarge {
float: left;
background: url(Images/shadowAlpha.png) no-repeat bottom right !important;
background: url(Images/shadow.gif) no-repeat bottom right;
}

#images {
background-color: #eee;
padding: 3px;
border-style: none;
border-bottom: 2px solid #aaa;
border-right: 2px solid #aaa;
width: 164px;
margin: 10px;
}
#images a img {
	border: solid 2px #ccc;
}
#images a:hover img {
border-color: #006666;
}
#images a:hover {
	border-width: 0;
}

#awardimages {
float: left;
background-color: #eee;
padding: 3px;
border-style: none;
margin: 10px;
}

#awardimages img {
border-color: #eee;
}

#awardimages img:hover {
border-color: #006666;
}

#imageList li {clear: left;
	list-style-type: none;}

#imageList img {border-color: #eee;
	clear: both;}

#imageList img:hover {border-color: #006666;}

.image img:hover {border-color: #006666;}

.image { 
	float: left;
	margin: 0 2em 2em 0;
	border: solid 1px #009999;}

.image span { display: block;}

.tandnimage { 
width: 304px;
margin: 0 2em 2em 0;
border-right: 2px solid #aaa;
border-bottom: 2px solid #aaa;
border-left: 2px solid #aaa;
border-top: 2px solid #aaa;
}

.tandnimage img {
border-color: #eee;
}

.tandnimage img:hover {
border-color: #006666;
}

#lightbox {
background-color: #eee;
padding: 10px;
border: 5px solid #aaa;
}
	
#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}
	
#lightboxCaption { 
float: left; 
}

#keyboardMsg { 
float: right; 
}

#rightcontent {
margin-top: 40px;
margin-left: 188px; 
margin-right: 10px;
padding:0  1em  1em 1em;
background:#eee; 
min-height: 450px;
}

#guide {
	margin: 10px;
	border: medium solid #76923c;
	padding: 10px;
}

#content {
	margin-top: 40px;
	margin-left: 10px; 
	margin-right: 10px;
	padding:0  1em  1em 1em;
	background:#eee; 
	border: medium solid #ebf1dd;
	padding: 5px;
}

.image-r img:hover {
	border-color: #006666;
}
.image-r { 
	float: right;
	margin: 0 10px 0 10px;
	border: solid 1px #009999;
}
.image-r span {
	display: block;
}
.image-l img:hover {
	border-color: #006666;
}
.image-l { 
	float: left;
	margin: 0 10px 0 10px;
	border: solid 1px #009999;
}
.image-l span {
	display: block;
}
#thenandnowcontent {
background:#eee; 
min-height: 450px;
padding: 0 1em 1em 1em;
}

#thenandnowbackground {
position: absolute;
width: 100%;
margin-top: 12px;
background: #eeeeee;
font-size: 90%;
}

#homepagerightcontent {
margin-left: 200px; 
padding: 0 0 1em 0;
}

#remembrancerightcontent {
margin-left: 50%; 
padding: 0 0 1em 0;
}

#remembrance {
float: right;
padding: 1em;
}

#agenda {
float: right;
margin: 20px 0 0 0;
padding: .5em;
background: #ddd;
width: 220px;
border: medium solid #aaa;
}

#leftcolumn {
position: absolute;
left: 0px;
top: 110px;
}

#topmenu {
background: #eee; 
padding: 5px 0 0 0;
}

.menu {
z-index:100; 
background: #E2DFD6; 
width: 100%;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
}

.menu ul {
padding:0; 
margin: 0;
list-style-type: none;
background: #E2DFD6; 
}

.menu ul li {
float:none; 
margin:0; 
background:#eee; 
font-weight: bold;
font-size: 100%;
}

.menu ul li ul {
display:none; background:#eee;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#006666;
border: none;
}

.menu ul li:hover ul {
display:block; 
position:absolute; 
width: 10.5em;
padding: 0 0 4px 4px;
}

.menu ul li:hover ul li a.hide {
background:#eee; 
color:#006666;
}

.menu ul li a.mainCurrent {
color: #006666;
}

.menu ul li:hover ul li:hover a.hide {
width:10em;
}

.menu ul li:hover ul li a {
display:block; 
color:#000; 
width:11em;
border: solid #006666;
border-width: thin;
margin: 0;
padding: 0 0 0 2px;
font-size: 90%;
}

.menu ul li:hover ul li a:hover {
background:#eee; color:#006666;
}

.menu ul li a.mainCurrent {
color: #006666;
}

.menu ul li ul li a.mainCurrent {
color: #006666;
}

#footer {
clear: left;
background: #006666;
font-size: 70%;
color: #fff;
text-align: center;
padding: 1px;
line-height: 50%;
}

#footer li {
display: inline;
list-style: none;
font-size: 80%;
}

#footer a {
color: #fff;
background-color: transparent;
text-decoration: none;
}

#footer a:hover {
background-color: transparent;
text-decoration: none;
text-decoration: underline;
}

/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall {
	border: solid 1px #009999;
	cursor: url("http://www.gvhs.ca/Graphics/magplus.cur"), pointer;
}
.PopBoxImageLarge {
	border: solid 1px #009999;
	cursor: url("http://www.gvhs.ca/Graphics/magminus.cur"), pointer;
}
.PopBoxImageShrink {
	cursor: url("http://www.gvhs.ca/Graphics/magminus.cur"), pointer;
}
.PopBoxImageLink {
	cursor: pointer;
}
.PopBoxImageMove {
	border: none 0px #ffffff;
	cursor: pointer;
}