body { padding: 0; margin: 0; background: #ffffff; font-family: "Lucida Grande", Helvetica, Arial,Verdana, 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:#9999dd; font-weight: bold; text-decoration: none }
A:hover {color:#bbbbee; font-weight: bold; text-decoration: none}

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

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

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

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

.gallery2 { list-style: none; padding: 0; margin: 0; }
.gallery2:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery2 li { float: center; width: 33.33333333%; }
.gallery2 li a { display: block; margin: 5px; }
.gallery2 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: Verdana; font-size: 12pt; text-align: center; letter-spacing: 4px; line-height: 170%; color: #666666; }
.menutext A:link {color: #666666; font-weight: normal; text-decoration: none}
.menutext A:visited {color: #666666; font-weight: normal; text-decoration: none}
.menutext A:active {color: #666666; font-weight: normal; text-decoration: none}
.menutext A:hover {color: #9a8b72; font-weight: normal; text-decoration: none}

.navigation  { font-family: Verdana; 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}

.tableBkgd    { 
	background: #FFFFFF; 
/*	Set to "display: none;" for the website, "display: inline;" for working locally */  
	display: none;
}
.tableBkgdVis    { 
	background: #FFFFFF; 
/*	display: inline; */
/* The line above was commented out as a fix for the Firefox width problem. I don't know why it still works! */
}


.title     { font-family: Verdana; font-size: 12pt; text-align: left; margin-top: 0; text-indent: 25;
            letter-spacing: 4px; line-height: 120%; color: #888888; }

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

.columntext  { font-family: Verdana; font-size: 10pt; text-align: left; color: #666666; margin-left: 5; margin-right: 5;}

.centertext  { font-family: Verdana; font-size: 10pt; text-align: center; color: #666666; margin-left: 5; margin-right: 5;}

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

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

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

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

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