body {
font-family: arial, helvetica, verdana, sans serif;
font-size:11pt;
background: #EEEEEE;
min-height: 800px;
}

#maincontent {
background-color: #993300;
border: 3px groove #993300;
margin: 10px auto;
width: 800px;
}

#banner {
background-color:#993300;
}

#bannerright {
margin-left: 200px; 
margin-top: 50px;
clear: both;
}

#leftcolumn {
background-color:#993300;
float:left;
width:178px;
font-size:10pt;
clear: both;
}

#rightcontent {
border: 1px solid #000000;
margin-left: 180px; 
margin-right: 4px;
padding:5px;
background:#eee; 
min-height: 450px;
}

a:link {
color: #000000;
}

a:visited {
color: #000000;
}

a:hover {
color: #993300;
}

a:active {
color: #993300;
}

p {
font-size: 90%;
}

li {
font-size: 90%;
}

td {
font-size: 90%;
}

h1 {
color: #993300;
}

h2 {
font-size: 110%;
}

h3 {
font-size: 100%;
}

h4 {
font-size: 90%;
}

.pageTitle {
font-size: 120%;
font-weight: bold;
color: #993300;
}

.mediumfont {
font-size: 100%;
}

.largefont {
font-size: 110%;
}

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

.smallfont {
font-size: 75%;
}

.redfont {
color: red;
}

.home {
color: #000000;
}

.home a:hover {
color: #000000;
text-decoration: none;
}

.home a:link {
color: #000000;
text-decoration: none;
}

.lang {
background-color: #993300;
direction: rtl;
font-size: 80%;
padding: 0;
margin: 0;
text-decoration: none;
}

.lang a:hover {
color: #FFFFFF;
text-decoration: none;
}

.lang a:link {
color: #FFFFFF;
text-decoration: none;
}

.title {
color: #eeeeee;
font-size: 200%;
font-family: times, serif;
font-weight: normal;
border: medium solid #eeeeee;
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: 2px;
border-style: none;
border-bottom: 2px solid #aaa;
border-right: 2px solid #aaa;
width: 164px;
margin: 5px;
}

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

#images img:hover {
border-color: #993300;
}

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

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

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

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

.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: #307D7E;
}

#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; 
}

#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; 
}

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

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

#agenda {
float: right;
padding: 4px;
background: #ddd;
width: 200px;
border: 3px groove #aaaaaa;
}

#topmenu {
background: #eee; 
}


#footer {
background: #993300;
font-size: 70%;
color: #fff;
text-align: center;
}

#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;
}