/* Andrew Myers Stylesheet */
/* Created 02/13/11 by A. B. Myers */
/* Last modified 11/28/17 */
/* Remove all padding and margins */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: arial,helvetica,sans-serif; /* Primary site font */
	font-size: 11px; /* This is the base font size. All others are a percentage of this size */
	color: #333;
}
h1 {
	font-size: 200%;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	color: #fff; /* Not the standard display head color */
	font-weight: normal;
}
h2 {
	font-size: 180%;
	font-family: arial,helvetica,sans-serif;
	color: #162a67; /* Standard display head color */
	font-weight: bold;
}
h3 {
	font-size: 160%;
	font-family: arial,helvetica,sans-serif;
	color: #162a67; /* Display head color */
	font-weight: normal;
	text-shadow: 0.08em 0.08em 0.1em #7e7a4c;
}
h4 {
	font-size: 125%;
	font-family: arial,helvetica,sans-serif;
	color: #162a67; /* Display head color */
	font-weight: normal;
	text-shadow: 0.08em 0.08em 0.1em #7e7a4c;
}
h5 {
	font-size: 125%;
	font-family: arial,helvetica,sans-serif;
	color: #162a67; /* Display head color */
	font-weight: normal;
}
h6 {
	font-size: 100%;
	font-family: arial,helvetica,sans-serif;
	color: #162a67; /* Display head color */
	font-weight: normal;
	text-shadow: 0.08em 0.08em 0.1em #7e7a4c;
}
a {
	cursor: pointer;
	outline: none;
	color: #005185;
	text-decoration: none;
}
a:link {
	cursor: pointer;
	outline: none;
	color: #005185;
	text-decoration: none;
}
a:visited {
	cursor: pointer;
	outline: none;
	color: #005185;
	text-decoration: none;
}
a:focus {
	cursor: pointer;
	outline: none;
	color: #005185;
	text-decoration: none;
}
a:hover {
	cursor: pointer;
	outline: none;
	color: #005185;
	text-decoration: underline;
}
active {
	cursor: pointer;
	outline: none;
	color: #005185;
	text-decoration: none;
}
p {
	margin: .5em 0;
}
sup {
	font-size: 75%;
}
hr {
	border: none 0;
	border-top: solid #b8c5cd 1px;
	height: 1px;
	margin: 0 0;
}
dd {
	margin: 0 0 0 1em;
}
.textColor {
	color: #333; /* Site text color */
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearBoth {
	clear: both;
}
.inline {
	display: inline;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.smallText {
	font-size: 85%;
}
.spacer12 {
	height: 12px;
}
.spacer50 {
	height: 50px;
}
.zeroTopMargin {
	margin-top: 0px;
}
.noMargins {
	margin: 0px;
}
.inlineSpacer50 {
	display: inline-block;
	width: 50px;
}

/* All pages */
#mainContentOuter {
	width: 980px;
	margin: 12px auto;
	background: #fff;
}
#mastHead {
	width: 980px;
	height: 45px;
	-webkit-border-radius-topleft: 22px;
	-moz-border-radius-topleft: 22px;
	-khtml-border-radius-topleft: 22px;
	border-top-left-radius: 22px;
	-webkit-border-radius-topright: 22px;
	-moz-border-radius-topright: 22px;
	-khtml-border-radius-topright: 22px;
	border-top-right-radius: 22px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	background: #005185;
	background: -webkit-gradient(linear, left top, left bottom, from(#011832), to(#005185));
	background: -moz-linear-gradient(top, #011832, #005185);
	background: -khtml-linear-gradient(top, #011832, #005185);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#011832', endColorstr='#005185');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#011832', endColorstr='#005185');
}
#siteTitle {
	float: left;
	padding: 6px 0 0 22px;
	width: 250px;
}
#siteTitle a,#siteTitle a:link,#siteTitle a:visited,#siteTitle a:focus,#siteTitle a:hover,#siteTitle a:active {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#search {
	float: left;
	padding: 12px 0 0 0;
	width: 360px;
}
#searchInput {
	width: 330px;
	height: 20px;
	padding-left: 3px;
	font-size: 100%;
	line-height: 1.6em;
	border: solid #333 1px;
	color: #c1c1c1;
	border-right: none;
	float: left;
}
#searchButton {
	float: left;
	width: 22px;
	height: 22px;
	margin-top: 0;
	margin-left: 5px;
	border: none;
	background: url('../images/search_button.png') no-repeat;
}
#mainNav {
	float: right;
	padding: 13px 22px 0 0;
	width: 250px;
	text-align: right;
}
#mainNav ul {
	list-style-type: none;
}
#mainNav ul li {
	display: inline;
	font-size: 140%;
	font-weight: bold;
	color: #fff;
}
#mainNav ul li a {
	color: #fff;
	padding: 13px 10px;
	margin: 0px -2px;
	text-decoration: none;
}
#mainNav ul li a.currentPage {
	cursor: default;
	color: #fff;
	padding: 13px 10px;
	margin: 0px -2px;
	text-decoration: none !important;
	background: #0065a5 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#002e61), to(#0065a5)) !important;
	background: -moz-linear-gradient(top, #002e61, #0065a5) !important;
	background: -khtml-linear-gradient(top, #002e61, #0065a5) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002e61', endColorstr='#0065a5') !important;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002e61', endColorstr='#0065a5') !important;
}
#mainNav ul li a:link {
	color: #fff;
	text-decoration: none;
}
#mainNav ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#mainNav ul li a:focus {
	color: #fff;
	text-decoration: none;
}
#mainNav ul li a:hover {
	color: #fff;
	padding: 13px 10px;
	margin: 0px -2px;
	text-decoration: none;
	background-color: #0079c6;
	background: -webkit-gradient(linear, left top, left bottom, from(#002e61), to(#0079c6));
	background: -moz-linear-gradient(top, #002e61, #0079c6);
	background: -khtml-linear-gradient(top, #002e61, #0079c6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002e61', endColorstr='#0079c6');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002e61', endColorstr='#0079c6');
}
#mainNav ul li a:active {
	color: #fff;
	text-decoration: none;
}
#contentEdges {
	width: 978px;
	border-left: solid #b8c5cd 1px;
	border-right: solid #b8c5cd 1px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
}
#leftCol {
	width: 180px;
	float: left;
	background: #fff;
}
.leftColSection {
	margin-top: 12px;
}
.leftColSection h4 {
	margin-left: 6px;
}
.leftColLinkList {
	list-style-type: none;
}
.leftColLinkList li {
	border-top: solid #b8c5cd 1px;
	padding: 6px 0 6px 10px;
	background: #f4f6f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f6f8), to(#fff));
	background: -moz-linear-gradient(top, #f4f6f8, #fff);
	background: -khtml-linear-gradient(top, #f4f6f8, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6f8', endColorstr='#ffffff');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6f8', endColorstr='#ffffff');
	margin-bottom: 1px;
}
.leftColLinkList li:hover {
	background: #d8dfea;
	background: -webkit-gradient(linear, left top, left bottom, from(#d8dfea), to(#fff));
	background: -moz-linear-gradient(top, #d8dfea, #fff);
	background: -khtml-linear-gradient(top, #d8dfea, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8dfea', endColorstr='#ffffff');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8dfea', endColorstr='#ffffff');
}
.leftColLinkList li.currentPage {
	background: #8598b6;
	background: -webkit-gradient(linear, left top, left bottom, from(#8598b6), to(#fff));
	background: -moz-linear-gradient(top, #8598b6, #fff);
	background: -khtml-linear-gradient(top, #8598b6, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8598b6', endColorstr='#ffffff');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8598b6', endColorstr='#ffffff');
}
#mainContentInner {
	float: left;
	width: 797px;
	border-left: solid #b8c5cd 1px;
	background: #fff;
}
.offsiteLink img {
	vertical-align: baseline;
	width:9px;
	height:9px;
	border:none;
}
.facebookIcon {
	width: 18px;
	height: 18px;
	border: none;
	vertical-align: text-bottom;
}
.facebookIcon a {
	outline: none;
}
#footer {
	width: 980px;
	height: 45px;
	-webkit-border-radius-bottomleft: 22px;
	-moz-border-radius-bottomleft: 22px;
	-khtml-border-radius-bottomleft: 22px;
	border-bottom-left-radius: 22px;
	-webkit-border-radius-bottomright: 22px;
	-moz-border-radius-bottomright: 22px;
	-khtml-border-radius-bottomright: 22px;
	border-bottom-right-radius: 22px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	background: #005185;
	background: -webkit-gradient(linear, left top, left bottom, from(#005185), to(#011832));
	background: -moz-linear-gradient(top, #005185, #011832);
	background: -khtml-linear-gradient(top, #005185, #011832);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005185', endColorstr='#011832') !important;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005185', endColorstr='#011832') !important;
}
#copyright {
	float: left;
	padding: 12px 0 0 22px;
	width: 250px;
}
#copyright p {
	font-size: 85%;
	color: #fff;
}
#lastRevision {
	float: right;
	text-align: right;
	padding: 12px 22px 0 0;
	width: 400px;
}
#lastRevision p {
	font-size: 85%;
	color: #fff;
}
/* Miscellaneous */
#wrapper20 {
	margin: 20px;
}
.placeHolder {
	background: pink;
	height: 20px;
}

/* Home page */
#portraitContainer {
	width: 180px;
	margin-top: 0px;
}
#fortuneHead {
	margin-left: 20px;
	float: left;
}
#fortuneButtonContainer {
	float: left;
	padding-left: 20px;
	margin-top: -5px;
}
#fortuneResults {
	padding-left: 20px;
	display: block;
	overflow: scroll-y;
}
#fortuneFrame {
	width: 777px;
	height: 43px;
	margin: 10px 0 0 0;
}
.slideShow {
	margin-left: 20px;
	width: 777px;
	height: 200px;
	position: relative;
}
.slideShow img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.slideShow #firstImage {
	display: block;
}
#photoShow {
	margin-left: 20px;
	width: 777px;
	height: 200px;
}
#photoLinks {
	width: 777px;
	margin: 12px 0 0 20px;
}
.slideShowLink {
	width: 259px;
	margin-top: 12px;
	float: left;
}
.slideShowThumb {
	width: 90px;
	height: 90px;
	float: left;
}
.slideShowCaption {
	width: 145px;
	height: 90px;
	padding: 0 12px 0 12px;
	float: left;
	display: block;
	overflow: hidden;
}
.slideShowCaption ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.slideShowCaption ul li.postcards {
	display: inline;
	background-image: url('../images/postCardIcon.png');
	background-repeat: no-repeat;
	background-position: 0 .4em .1em .4em;
	padding-left: 1.5em;
}
.slideShowCaption ul li.slides {
	display: inline;
	background-image: url('../images/slideShowIcon.png');
	background-repeat: no-repeat;
	background-position: 0 .4em .1em .4em;
	padding-left: 1.5em;
}
.slideShowCaption ul li.info {
	display: inline;
	background-image: url('../images/infoIcon.png');
	background-repeat: no-repeat;
	background-position: 0 .4em .1em .4em;
	padding-left: 1.5em;
}

/* About page*/

/* Contact page */
#leftColContact {
	width: 180px;
	float: left;
	background: #d8dfea;
	background: -webkit-gradient(linear, left top, left bottom, from(#d8dfea), to(#fff));
	background: -moz-linear-gradient(top, #d8dfea, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8dfea', endColorstr='#ffffff');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8dfea', endColorstr='#ffffff');
}
#formContainer {
	width: 747px;
	margin-top: 20px;
}
#formContainer input,#formContainer textarea,#formContainer select {
	border: solid 1px #b8c5cd;
}
#formContainer input[type=radio] {
	border: none;
}
.formLabels {
	width: 100px;
	float: left;
	text-align: right;
}
.formFields {
	float: left;
	padding-left: 12px;
}
#formContainer textarea {
	width: 600px;
	height: 100px;
	white-space: pre-wrap;
	font-family: arial,helvetica,sans-serif;
	font-size: 110%;
}
.buttonStd {
	color: #fff !important;
	font-size: 100%;
	font-weight: normal;
	padding: .2em 1em;
	border: none !important;
	background: #005185;
	background: -webkit-gradient(linear, left top, left bottom, from(#0071b8), to(#02254d));
	background: -moz-linear-gradient(top, #0071b8, #02254d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071b8', endColorstr='#02254d');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071b8', endColorstr='#02254d');
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	-o-box-shadow: 1px 1px 3px #333;
	-khtml-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
}
.buttonStd:hover {
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, from(#00629e), to(#011833));
	background: -moz-linear-gradient(top, #00629e, #011833);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00629e', endColorstr='#011833');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00629e', endColorstr='#011833');
}
.buttonStd:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#011833), to(#00629e));
	background: -moz-linear-gradient(top, #011833, #00629e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#011833', endColorstr='#00629e');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#011833', endColorstr='#00629e');
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-khtml-box-shadow: none;
	box-shadow: none;
}
/* Captcha code */
input[type=text] {
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
button{
  background-color: #4CAF50;
    border: none;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}
canvas{
  /*prevent interaction with the canvas*/
  pointer-events:none;
}


/* Portfolio page */
#listWrapper ul {
	padding: 0;
	margin-left: 16px;
}
#listWrapper ul li {
	padding: 0 0 1px 0;
	margin: 0 0 0 0;
}
#listWrapper ul li.firstItem {
	padding-top: 5px;
}

/* Fortune page */
#fortuneGenerator p {
	margin: 0;
}

/* Beautips */