body {
font-family: arial, helvetica, verdana, sans serif;
background: url(Images/logo-repeat.jpg) repeat-x;
margin: 0;
padding: 0;
}

a:link {
color: #000000;
}

a:visited {
color: #000000;
}

a:hover {
color: #0000ff;
}

p {
font-size: 90%;
}

li {
font-size: 85%;
}

h2 {
font-size: 110%;
}

h3 {
font-size: 95%;
}

h4 {
font-size: 90%;
}

td {
font-size: 90%;
}

.pageTitle {
font-size: 120%;
}

.largefont {
font-size: 110%;
}

.normalfont {
font-size: 90%;
}

.smallfont {
font-size: 75%;
}

.redfont {
color: red;
}

.bluefont {
color: blue;
}

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

.greydrk {
color: #333
}

.greymed {
color: #666
}

.greylt {
color: #999
}

.indent {
padding-left: 18px;
}

#pictures {
position: relative;
float: right;
padding: 1em;
width: 170px; 
height: 130px; 
}

#pictures-caption {
position: relative;
float: right;
padding: 1em;
width: 170px; 
height: 200px; 
}

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

#enlarge img {
display: block;
border: 1px solid #ccc;
margin: -6px 6px 6px -6px;
padding: 4px;
}

#enlarge a:hover {
background-color:#fff;
}

#enlarge a .large {
width: 0; 
border: 0; 
padding: 0
}

#enlarge a:hover .large {
display: block; 
position: absolute; 
top: -85px; 
left: -210px; 
width: 400px; 
height: 300px; 
border: 5px solid #ccc; 
padding: 0
}

#enlarge a .largeleft {
width: 0; 
border: 0; 
padding: 0
}

#enlarge a:hover .largeleft {
display: block; 
position: absolute; 
top: -85px; 
left: 10px; 
width: 400px; 
height: 300px; 
border: 5px solid #ccc; 
padding: 0
}

#enlarge a .largecenter {
width: 0; 
border: 0; 
padding: 0
}

#enlarge a:hover .largecenter {
display: block; 
position: absolute; 
top: 200px; 
left: 310px; 
width: 400px; 
height: 300px; 
border: 5px solid #ccc; 
padding: 0
}

#images {
float: right;
background-color: #eee;
padding: 5px;
border-style: none;
border-bottom: 2px solid #aaa;
border-right: 2px solid #aaa;
width: 164px;
}

#imageCaptionL {
float: left;
background-color: #eee;
padding: 5px;
border-style: none;
border-bottom: 2px solid #aaa;
border-right: 2px solid #aaa;
margin-right: 5px;
}

#imageCaptionR {
float: right;
background-color: #eee;
padding: 5px;
border-style: none;
border-bottom: 2px solid #aaa;
border-right: 2px solid #aaa;
margin-left: 5px;
}

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

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

#lightbox {
background-color: #eee;
padding: 10px;
border-top: 2px solid #aaa;
border-bottom: 2px solid #aaa;
border-right: 2px solid #aaa;
border-left: 2px solid #aaa;
}
	
#lightbox img { 
border: none; 
} 

#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}
	
#lightboxCaption { 
float: left; 
}

#keyboardMsg { 
float: right; 
}

#homePage {
padding: 0 1em 0 0;
}

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

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

#viewList img:hover {border-color: #0000ff;}

.view { 
	float: left;
	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;
}

.view span { 
	display: block;
}

img.logoRight {
float: right;
margin: 0;
padding: 0;
}

img.logoLeft {
float: left;
top: 0;
left: 0;
}

img.logoScope {
position: absolute;
top: 165px;
left: 0;
}

img.floatleft {
float: left;
padding: 0 1em 0 1em;
}

img.floatright {
float: right;
padding: 0 1em 0 1em;
}

#banner {
height: 165px;
min-width: 750px;
}

#maincontent {
background: url(Images/bottom-left.jpg) repeat-y;
float: left;
width: 100%;
}

#rightcontent {
margin-left: 200px; 
padding: 0 3em 1em 0;
min-height: 350px;
}

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

#agenda {
float: right;
margin: 0 0 0 2em;
}

#leftmenu {
float: left;
width: 11em;
margin-left: -100%;
margin-top: 65px;
}

.menu 
{
width:9em; z-index:100; 
}

.menu ul li a, .menu ul li a:visited 
{
display:block; text-decoration:none; color:#fff; width:7.5em; height:1.5em;
}

.menu ul 
{
padding:0; margin-left: 2px; list-style-type: none;
}

.menu ul li 
{
float:left; margin-right:1px; position:relative;
}

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

/* specific to non IE browsers */
.menu ul li:hover a 
{
color:#FFCF0B;
border-top: solid #fff;
border-bottom: solid #fff;
border-width: thin;
}

.menu ul li:hover ul 
{
display:block; position:absolute; top:0; left:7em; width:10em;
border-left: solid #fff;
border-right: solid #fff;
border-width: thin;
}

.menu ul li:hover ul li a.hide 
{
background:#fff; color:#FFCF0B;
}

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

.menu ul li:hover ul li a 
{
display:block; background:#112D5D; color:#fff; width:11em;
}

.menu ul li:hover ul li a:hover 
{
background:#112D5D; color:#FFCF0B;
}

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

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

#footer {
clear: left;
background: #112D5D;
font-size: 70%;
color: #fff;
text-align: center;
padding: .1em;
}

#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: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}