body { padding: 0; margin: 0; background: #555555; font-family: "Lucida Grande", Helvetica, Arial,Georgia, sans-serif; color: #444340; }
h1 { font-size: 1.3em; padding: 15px 10px; margin: 0; }
h2 { font-size: 1.1em; padding: 10px; margin: 0; }
img { border: none; }

A:link, A:visited {color:#FFE866; font-weight: bold; text-decoration: none }
A:hover {color:#CFB836; font-weight: bold; text-decoration: none}

#Header { background: #555555; height: 50px; padding: 0}
#Header img { display: block; margin: 0 auto 0; }

#MainContent { background: #555555; padding-bottom: 30px; }

#Footer { padding: 10px; border-top: none; } 

.bkgd    { padding: 0; margin: 0; background: #555555; font-family: Georgia, serif; 
           background-image:url('images/gradient2048.jpg'); 
           background-position:top center; background-repeat:no-repeat; background-size:3000px 2048px;
         }

ul { color: #fff6cc; }

.tableBkgd    { 
/*	display: none; */
	display: none;
}
.tableBkgdVis    { 
/*	display: inline; */
}

.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 33.33333333%; }
.gallery li a { display: block; margin: 5px; }
.gallery li img { display: block; width: 100%; height: auto; }

.homepage { list-style: none; padding: 0; margin: 0; }
.homepage:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.homepage li { float: center; width: 40%; }
.homepage li img { display: block; width: 100%; height: auto; }

.menutext { font-family: Georgia; font-size: 9pt; text-align: center; line-height: 100%; color: #333333; }
.menutext A:link {color: #333333; font-weight: bold; text-decoration: none}
.menutext A:visited {color: #333333; font-weight: bold; text-decoration: none}
.menutext A:active {color: #333333; font-weight: bold; text-decoration: none}
.menutext A:hover {color: #7f7633; font-weight: bold; text-decoration: none}

.navigation  { font-family: Georgia; font-size: 10pt; letter-spacing: 3px; color: #9999dd; }
.navigation  A:link {color: #9999dd; font-weight: normal; text-decoration: none}
.navigation  A:visited {color: #9999dd; font-weight: normal; text-decoration: none}
.navigation  A:active {color: #9999dd; font-weight: normal; text-decoration: none}
.navigation  A:hover {color: #bbbbee; font-weight: normal; text-decoration: none}

.title     
{ 
font-family: Georgia; 
font-size: 17pt; 
text-align: center; 
margin-top: 0; 
text-indent: 0;
letter-spacing: 0px; 
line-height: 120%; 
color: #fff6cc; 
font-weight: bold; 
}

.hometitle { font-family: Georgia; font-size: 12pt; text-align: right; margin-top: 0; 
            letter-spacing: 4px; line-height: 120%; color: #888888; }

.columntext  
{ 
font-family: Georgia; 
font-size: 11pt; 
text-align: left; 
color: #fff6cc; 
margin-left: 5%; 
margin-right: 5%; 
letter-spacing: 0px; 
}

.bullets 
{
margin-top: -0.9em; 
font-family: Georgia; 
font-size: 11pt; 
text-align: left; 
color: #fff6cc; 
margin-left: 3%; 
margin-right: 5%; 
letter-spacing: 0px; 
}

.loosebullets 
{
font-family: Georgia; 
font-size: 11pt; 
text-align: left; 
color: #fff6cc; 
margin-left: 3%; 
margin-right: 5%; 
letter-spacing: 0px; 
}

.headtext  { font-family: Georgia; font-size: 12pt; text-align: center; color: #fff6cc;}

.caption  { font-family: Georgia; font-size: 8pt; text-align: center; color: #fff6cc; 
            margin-left: 5%; margin-right: 5%; margin-bottom: 10;}

.resume  { font-family: Georgia; font-size: 10pt; margin-bottom: -5pt; text-indent: -15; 
           margin-left: 25; margin-right: 5; text-align: left; color: #fff6cc; }

.resumeTable  { font-family: Georgia; font-size: 10pt; margin-bottom: -5pt; text-indent: -15; 
           margin-left: 15; margin-right: 5; text-align: left; color: #fff6cc; }

.hidden {visibility:hidden;}
.visible {visibility:visible;}

/* For inline examples only */
#PhotoSwipeTarget { width: 100%; height: 600px; }
#MyTarget { width: 100%; height: 600px; }

#Indicators { text-align: center; margin-top: 20px; }
#Indicators span { display: inline-block; height: 10px; width: 10px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
#Indicators span.current{ background: #EEBF02; }