BODY { margin: 0; padding: 0; background: #eee; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; }

.spacer { clear: both; }

A { color: #34007A; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px dashed #34007A; }

A:hover { color: #34007A; border-bottom: 1px solid #34007A; padding-bottom: 0; margin-bottom: 0;}

.main {  width: 760px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; background: #ddd; padding: 10px 0 10px 0; }

.indexHeader { margin: 0.3em 3em 1em 3em; padding: 0; background: #fff; color: #333; }

.indexHeader H1 { color: #333; font-size: 1em; font-weight: bold; text-align: center; margin: 0 0 0.5em 0; padding: 0 0 0.3em 0; color: #222; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; }

.indexTop { height: 300px; min-height: 300px; width: 710px; border: 1px solid #000; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; padding: 0; background-image: url('http://www.grumpeh.net/hosted/portfolio/images/topbg1.jpg'); background-repeat: no-repeat; background-color: #34528A; }

.indexTopImg { margin: 0; padding: 0.5em 0 0.5em 0; float: left; width: 550px; }

.indexTopImg IMG { border: 1px solid #000; margin: 0; padding: 0; }

.indexTopMenu { margin: 4.5em 0 0 0; padding: 0; width: 175px; float: right; text-align: left; }

.indexTopMenuItem {  }

.indexTopMenuItem IMG { vertical-align: middle; margin: 0; padding: 0; border-width: 0; }

.indexTopMenuItem P { font-size: 0.8em; margin: 1em 0 0.5em 0; padding: 0; font-weight: bold; }

.indexBottom { margin: 0 0 0 10px; padding: 0; }

.indexBottomSection { width: 235px; margin: 5px; float: left; background: #fff; }

.indexBottomSection P { text-align: left; margin: 0 0.8em 0 0.8em; font-size: 0.8em; }

.indexBottomSection P.more { text-align: right; font-size: 0.7em; margin-right: 1em; margin-bottom: 0.8em; margin-top: 1em; }

.indexBottomSection H2 { font-size: 1em; font-weight: bold; text-align: center; margin: 4px 0 4px 0; padding: 0; color: #222; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; }

.sectionBorder { margin: 0; padding: 2px; border: 2px solid #000; }

#sectionGreenTop { border-color: #99A37E; background: #BBC1A7; }

#sectionBlueTop { border-color: #879FB9; background: #A6B9CC; }

#sectionOrangeTop {border-color: #C78843; background: #D7A575;  }

#sectionGreenBottom { border-color: #99A37E; background: #BBC1A7 }

#sectionBlueBottom { border-color: #879FB9; background: #A6B9CC; }

#sectionOrangeBottom { border-color: #C78843; background: #D7A575; }

.footer { margin: 0 3em 0 3em; padding: 0; background: #fff; color: #333; }

.footer P { margin: 0.5em 0 0 0; padding: 0.2em 0 0.3em 0; font-size: 0.6em; color: #333; }

.contentTop { margin-left: auto; margin-right: auto; height: 50px; min-height: 50px; width: 710px; border: 1px solid #000; background-image: url('http://www.grumpeh.net/hosted/portfolio/images/topbg1_content.jpg'); background-repeat: no-repeat; background-color: #34528A; }

.contentTop P { width: 19%; float: left; font-size: 0.8em; padding: 0; margin: 1em 0 0 0; }

.contentTop IMG { vertical-align: middle; border-width: 0; }

.contentMain { margin: 1em; font-size: 0.8em; text-align: left; }

.contentMain P { margin-left: 2em; margin-right: 2em; }

.contentMain H2 { font-size: 1.2em; font-weight: bold; margin: 0.8em 0 0.2em 1.2em; padding: 0; color: #222; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; }

.contentLineOrange { margin: 0 1em 0 1em; padding: 2px; border: 2px solid #C78843; background: #D7A575; }

.contentLineGreen { margin: 0 1em 0 1em; padding: 2px; border: 2px solid #99A37E; background: #BBC1A7; }

.contentLineBlue { margin: 0 1em 0 1em; padding: 2px; border: 2px solid #879FB9; background: #A6B9CC; }

.photographs { margin: 2em 0 0 3.5em; padding: 0; }

.photoBox { width: 160px; float: left; font-size: 0.8em; text-align: center; margin-bottom: 1.2em; }

.photoBox IMG { margin-bottom: 0.3em; border: 1px solid #000; }

html>body .pfLeft { margin-left: 30px; float: left; width: 250px; text-align: center; margin-bottom: 1em; }

.pfLeft { margin-left: 15px; float: left; width: 250px; text-align: center; margin-bottom: 1em; }

.pfLeft H3 { text-align: left; font-size: 0.9em; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; }

.pfLeft IMG { border: 1px solid #000; }

.pfLeft A { color: #47009e; border-bottom: 0px solid #000; }

.pfLeft A:hover { color: #47009e; border-bottom: 0px solid #000; }

.pfRight { float: right; width: 450px; padding-top: 3em; margin-bottom: 1em; }


.pfRight P {  }

FORM { width: 60%; margin-left: auto; margin-right: auto; border: 1px dashed #000; }

FORM INPUT { margin-top: 0.3em; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; }