body {font-family: verdana,arial,sans-serif; font-size: 13px; text-align: center;
		 background-image: url('../Graphics/Background.gif'); background-repeat: repeat-y; background-position: top center; background-color: #ffffff;}

.pageHeader {display: inline; } 
.pageHeaderMobile {display: none; } 
/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){.pageHeader {display: none; }}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){.pageHeaderMobile {display: inline; }}

a:link, a:visited, a:hover, a:active{font-family: verdana,arial,sans-serif; }
a:link {color: #003ce1; text-decoration: underline; }
a:visited {color: #a54d00; text-decoration: underline; }
a:hover {color: red; text-decoration: underline; }
a:active {color: red; text-decoration: none; }

sup { font-size: 1em; vertical-align: top; position: relative; top: -0.1em; }

.biggerFont {font-size: 1.5em}

.menuSwulinski {color: #444444; text-align: left; word-spacing: 3px; line-height: 26px;}

.headerTable {width: 90%; border-style: hidden; border-width: 1px; border-collapse: collapse; margin-left:auto; margin-right:auto; margin-top:30px;}
.headerImage {border: 0px;}

.headerLine1, .headerLine1Left, .headerLine1Right {height: 10px; border-style: hidden; border-width: 1px; border-collapse: collapse; padding: 0px;}
.headerLine1 {background: #ee2a24 url('../Graphics/headerLine1.gif') repeat-x; cursor: move;}
.headerLine1Left {background: url('../Graphics/headerLine1Left.gif') no-repeat;}
.headerLine1Right {background: url('../Graphics/headerLine1Right.gif') no-repeat;}

.headerLine2, .headerLine2Left, .headerLine2Right {height: 4px; border-style: hidden; border-width: 1px; border-collapse: collapse; padding: 0px;}
.headerLine2 {background-color: #dedede;}
.headerLine2Left {background: url('../Graphics/headerLine2Left.gif') repeat-y;}
.headerLine2Right {background: url('../Graphics/headerLine2Right.gif') repeat-y;}

.headerLine3, .headerLine3Left, .headerLine3Right {height: 10px; border-style: hidden; border-width: 1px; border-collapse: collapse; padding: 0px;}
.headerLine3 {background: #8c8e88 url('../Graphics/headerLine3.gif') repeat-x;}
.headerLine3Left {background: url('../Graphics/headerLine3Left.gif') no-repeat;}
.headerLine3Right {background: url('../Graphics/headerLine3Right.gif') no-repeat;}

.headerLine4 {height: 60px; background-color: #8c8e88; border-style: hidden; border-width: 1px; border-collapse: collapse; padding: 0px;}
.headerLine4Left {background: url('../Graphics/headerLine4Left.gif') repeat-y;}
.headerLine4Right {background: url('../Graphics/headerLine4Right.gif') repeat-y;}

.headerLine5 {height: 26px; background-color: #8c8e88; position: relative; border-style: hidden; border-width: 1px; border-collapse: collapse; padding-left: 5px;}

.headerBottom,  .headerBottomLeft, .headerBottomRight, .headerCornerLeft {height: 10px; border-style: hidden; border-width: 1px; border-collapse: collapse; padding: 0px;}
.headerBottom {background: url('../Graphics/headerBottom.gif') repeat-x;}
.headerBottomLeft {background: url('../Graphics/headerBottomLeft.gif') repeat-x;}
.headerBottomRight {background: url('../Graphics/headerBottomRight.gif') no-repeat;}
.headerCornerLeft {background: url('../Graphics/headerJoinLeft.gif') no-repeat;}

.headerLabel {height: 30px; background-color: #8c8e88; font-family: verdana,arial,sans-serif; font-size: 13px; color: #cccccc; text-align: right; vertical-align: middle;}
.headerTextField {font-family: verdana,arial,sans-serif; font-size: 12px; color: #000000; background-color: #a2a59f;}

/*
.titleTable {width: 96%; border-collapse: collapse; margin-left: auto; margin-right: auto;}
.title1 {vertical-align: middle; text-align: left; cursor: pointer;}
.title2 {vertical-align: middle; text-align: right; padding-right: 30px;}


.titleText {font-family: 'Trebuchet MS',verdana,sans-serif; font-size: 38px; font-weight:bold; color: #515151; padding-left: 120px; text-shadow: none; text-decoration: none;}
.titleText:link {text-decoration: none;}
.titleText:visited {text-decoration: none;}
.titleText:hover {text-decoration: none;}
.titleText:active {text-decoration: none;}
.titleMain {font-family: 'Trebuchet MS',verdana,sans-serif; font-size: 42px; font-weight:bold; color: #515151; padding-left: 120px; text-shadow: rgb(121, 121, 121) -0.2em 0.2em 7px; text-decoration: none;}
.titleMain:link {text-decoration: none;}
.titleMain:visited {text-decoration: none;}
.titleMain:hover {text-decoration: none;}
.titleMain:active {text-decoration: none;}


.imageTable {width: 90%; border-collapse: collapse; margin-left: auto; margin-right: auto;}
.published {vertical-align: middle; text-align: center;}
.publishedCaption1 {display: block; font-family: verdana,arial,sans-serif; font-size: 14px; text-decoration: none; text-align: center; margin-top:8px;}
.publishedCaption1:link {color: #003ce1; text-decoration: none;}
.publishedCaption1:visited {color: #a54d00; text-decoration: none;}
.publishedCaption1:hover {color: red; text-decoration: underline;}
.publishedCaption1:active {color: red; text-decoration: underline;}

.publishedCaption2 {color: #685959; font-family: verdana,arial,sans-serif; font-size: 12px; text-decoration: none; text-align: center; margin-top: 5px;}

.infoText {font-family: verdana, arial, sans-serif; font-size: 12px; color: #444444; text-align: left; word-spacing: 1px; line-height: 17px; text-indent:0px;}
.infoTextLeft {margin-left: 20px;}
.infoTextRight {margin-right: 15px;}
.photo {border: 0px; margin-left: auto; margin-right: auto; text-align: center; display: block;}

.essayText {margin-left: 2%; margin-right: 2%; font-family: verdana, arial, sans-serif; font-size: 12px; font-style: normal; word-spacing: 2px; line-height: 17px; color: #222; text-align: justify; text-indent: 1em;}
*/

.titleHeading{vertical-align: middle; text-align: left; margin-left: 5%; font-family: 'Trebuchet MS',verdana,sans-serif; font-size: 38px; line-height: 35px; font-weight: bold; color: #515151; padding-left: 20px; text-shadow: rgb(153, 153, 153) -0.2em 0.2em 7px; text-decoration: none; cursor: pointer;}

.essayContainer {margin-left: 5%; margin-right: 5%; margin-top: 20px; padding-left: 2%; padding-right: 2%; border: thin silver solid; overflow: auto; background-color: #eeeded; font-family: verdana, arial, sans-serif; font-size: 12px; font-style: normal; word-spacing: 2px; line-height: 18px; color: #222; text-align: justify; text-indent: 1em; }
.essayHighlight { font-size: 14px; text-indent: 2em}

.essayPhotoLeft, .essayPhotoRight, .photoCenter {margin: 2%; margin-bottom: 0%; margin-left: 0px}
.essayPhotoLeft {float: left; }
.essayPhotoRight {float: right; }

.essayImg {border: 0px; text-align: center; }
.essayCaption1 {display: block; font-family: verdana,arial,sans-serif; font-size: 14px; text-decoration: none; text-align: center; margin:1px 10px;}
.essayCaption1:link {color: #003ce1; text-decoration: none;}
.essayCaption1:visited {color: #a54d00; text-decoration: none;}
.essayCaption1:hover {color: red; text-decoration: underline;}
.essayCaption1:active {color: red; text-decoration: underline;}
.essayCaption2 {color: #616161; font-family: verdana,arial,sans-serif; font-size: 9px; text-decoration: none; text-align: center; line-height: 1.5em; margin:3px 5px 5px;}

.essayLink {font-family: verdana,arial,sans-serif; text-decoration: none; }
.essayLink:link {color: #003ce1; text-decoration: none;}
.essayLink:visited {color: #a54d00; text-decoration: none;}
.essayLink:hover {color: red; text-decoration: underline;}
.essayLink:active {color: red; text-decoration: underline;}

/*
.essay {border-style: solid; border-color: #d2d0d0; border-width: 1px 1px; background: #eaeaea;}

.essayText P {font-family: verdana, arial, sans-serif; font-size: 12px; color: #222; text-align: justify; word-spacing: 1px; line-height: 17px; text-indent: 20px;}

.quoteTable {width: 90%; border-collapse: collapse; margin-left:auto; margin-right:auto;}
.quoteText {font-family: verdana,arial, sans-serif; font-size: 12px; font-style:italic; text-align: left; word-spacing: 2px; line-height: 17px; color: #333333; margin-top:3px; margin-left: 1%; margin-right: 1%;}
.quote { border-style: solid; border-color: #d2d0d0; border-width: 0 1px; background: #eaeaea;}
.quote div { position: relative; top: -1px; left: 0; border-style: solid; border-color: #d2d0d0; border-width: 1px 0 0;}
.quote div div { top: 2px; border-width: 0 0 1px; padding: .3em .3em .1em;}

.publicationTypeHR {height: 0px; color: #8c8e88; border: 1px solid #8c8e88;}
.publicationTypeTable { width: 100%; border-collapse: collapse; color: #796464;}
.publicationTypeHR, .publicationTypeTable { text-align: left; margin-left: 15px; margin-right: 15px;}
.publicationType {vertical-align: middle; font-family: arial, verdana, sans-serif; font-size: 14px; }

*/

.pageMiddle {margin-left: 5%; margin-right: 5%; margin-top: 3%;  padding: 3%;  padding-top: 1%; padding-bottom: 1%; border: thin silver solid; border-radius: 0.5em; overflow: auto; background-color: #e0dede; }
.publicationType {font-family: arial, verdana, sans-serif; font-size: 20px; color: #685959; text-align: left; vertical-align: middle;}
.publicationTypeHR {height: 0px; color: #8c8e88; border: 1px solid #685959; float: left; max-width: 100%; width: 100%; }
.publicationPhoto {margin: 1%; display: inline-block; vertical-align: middle;}

.publicationImg {border: 0px; text-align: center; vertical-align: middle; border: thin silver solid; }
.publicationCaption1 {display: block; font-family: verdana,arial,sans-serif; font-size: 15px; text-decoration: none; text-align: center; margin: 13px 10px;}
.publicationCaption1:link {color: #003ce1; text-decoration: none;}
.publicationCaption1:visited {color: #a54d00; text-decoration: none;}
.publicationCaption1:hover {color: red; text-decoration: underline;}
.publicationCaption1:active {color: red; text-decoration: underline;}
.publicationCaption2 {color: #616161; font-family: verdana,arial,sans-serif; font-size: 12px; text-decoration: none; text-align: center; margin: 3px 10px 5px;}

.imageCaption {display: block; font-family: verdana,arial, sans-serif; font-size: 12px; text-decoration: none; text-align: center; padding-left: 10px;}
.imageCaption:link {color: #003ce1; text-decoration: none;}
.imageCaption:visited {color: #a54d00; text-decoration: none;}
.imageCaption:hover, .imageCaption:active {color: red; text-decoration: underline;}

.imageRanking {color: #8c8e88; font-family: verdana,arial, sans-serif; font-size: 44px; font-weight:600; text-decoration: none; text-align: center; vertical-align: top; padding-left: 10px;}
.imageLocation {color: #616161; font-family: verdana,arial,sans-serif; font-size: 10px; text-decoration: none; text-align: center; padding-left:20px;}
.imageViews {color: #9a9898; font-family: verdana,arial,sans-serif; font-size: 9px; font-style:italic; text-align: center; text-decoration: none; padding-left:20px; word-spacing: 2px; margin-top:4px;}


.infoText {font-family: verdana, arial, sans-serif; font-size: 12px; color: #444444; text-align: left; word-spacing: 1px; line-height: 17px; text-indent:20px;}
.infoTextLeft {margin-left: 20px;}
.infoTextRight {margin-right: 15px;}

/*
.mailLabel {font-family: verdana,arial,sans-serif; font-size: 12px; color: #444444;}
.mailTextField {font-family: verdana,arial,sans-serif; font-size: 13px; color: #000000; background-color: #f8f6f6;}
.mailButton {font-family: verdana,arial,sans-serif; font-size: 12px; color: #444444;}
*/

.Text404red, .Text404black, .Text404link{font-family: verdana, arial, sans-serif; text-align: center; word-spacing: 1px; line-height: 40px; text-indent:0px;}
.Text404red {font-size: 22px; color: red;}
.Text404black {font-size: 16px; color: black; font-weight:bold;}
.Text404link, .Text404link A:link, .Text404link A:visited, .Text404link A:hover, .Text404link A:active {font-size: 14px; color: black; font-weight: normal;}
.Text404link A:link, .Text404link A:visited {font-size: 14px; color: #003ce1;}
.Text404link A:hover, .Text404link A:active {font-size: 14px; color: red;}

.whatsNewContainer {margin-left: 5%; margin-right: 5%; margin-top: 3%; padding: 3%; border: thin silver solid; border-radius: 0.3em; overflow: auto; background-color: #eaeaea; vertical-align: middle; text-align: left; font-family: verdana, sans-serif; font-size: 16px; color: #4c423a; line-height: 1.5em; padding-bottom: 1em;}
.whatsNewContainer A:link {color: #003ce1; text-decoration: none; }
.whatsNewContainer A:visited {color: #a54d00; text-decoration: none; }
.whatsNewContainer A:hover, .whatsNewContainer A:active {color: red; text-decoration: underline;}

.whatsNewDate {font-size: 13px; color: #6c635b; font-weight: normal; margin-right: 2em; }

.contactContainer {border: thin silver solid;  border-radius: 0.3em; vertical-align: middle; padding: 2%; margin: 5%; margin-top: 2%; margin-bottom: 2%; background-color: #dad7d7}
.inputContainer {width: 30em; max-width: 100%; margin-left: auto; margin-right: auto; text-align: center; display: block; overflow: auto; }

.contactWrapper {position: relative; display: block; font-family: verdana,arial,sans-serif; font-size: 13px; color: #666; font-style: normal; line-height: 18px; font-weight: bold; font-variant: normal; text-align: right; margin: 1.5em;}

.inputGroup {width: 20em;	max-width: 60%;	height: 2.5em;	padding-left: 0.7em;	border: 0.1em solid #ccc; border-radius: 0.3em; background-color: #ebebcd; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }

.textArea {width: 30em; max-width: 80%; height: 10em; padding: 1.5em; border: 0.1em solid #ccc; border-radius: 0.3em; background-color: #ebebcd; font-family: verdana,arial,sans-serif; font-size: 13px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}

.inputGroup:hover, .textArea:hover {border-color: #3399FF; box-shadow: 0em 0em 0.2em #3399FF; }
.inputGroup:active, .textArea:active {border-color: #006699; }
.inputGroup:focus, .textArea:focus {background-color: #ffffea; border-color: #3399FF; box-shadow: 0em 0em 0.2em #3399FF;}

.contactButton { padding: 0.5em 4em; font-size: 1em; margin-top: 2em; margin-left: 1%; margin-right: 1%; background-color: #8e3a40; color: white; border: 0.1em solid #6e0f15; border-radius: 0.3em; position: relative; display: inline; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.contactButton:hover {border-color: #3399FF; box-shadow: 0em 0em 0.2em #f12130; }

.contactText {font-family: verdana,arial,sans-serif; font-size: 22px; color: #6c6a6a; text-align: center; vertical-align: middle; padding: 10%; }

.aPhoto, .photoFigure {margin: 1%; display: inline-block; vertical-align: middle; max-width: 100%; } 
a.aPhoto:link {color: #003ce1; text-decoration: none; }
a.aPhoto:visited {color: #a54d00; text-decoration: none; }
a.aPhoto:hover {color: red; text-decoration: none; }
a.aPhoto:active {color: red; text-decoration: none; }
