/* zeroes out margin and padding on all elements */
* {margin: 0em; padding: 0em}


/* basic styles inherited unless otherwise declared */
body {background-color: #ffffff; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 0.95em; text-align: center}


/* sets headers to use serif font */
h1, h2, h3, h4, h5, h6 {font-family: "Times New Roman", serif}


/* sets size of third-largest header which is used in content area of page */
h3 {font-size: 1.4em; margin-top: 1.25em}


/* pads lines of text to make them easier to read */
p {line-height: 140%; margin-top: 1.15em}


/* pads lines of text in definition list to make them easier to read */
dl {line-height: 140%}
/* makes definition term bold */
dt {font-weight: bold; margin-top: 1.25em}


/* for use when emphasis is needed */
em {font-style: normal; font-weight: bold}


/* forces content to move to top of table cells */
th, td {padding-right: 1em; text-align: left; vertical-align: top}


/* adds breathing room above div containing a form */
div.formContent {margin: 1em 0.25em 0em}
/* adds padding to visible inputs so text isn't jammed up against edges of box/button */
input[type=text] {padding: 0.25em; vertical-align: middle}
input[type=submit] {padding: 0.25em 0.5em; vertical-align: middle}
textarea {padding: 0.25em}


/* basic link styles */
a:link {color: #0026ff; text-decoration: underline}
a:visited {color: #800080; text-decoration: underline}
a:active, a:hover {color: #ff0000; text-decoration: none}


/* section which contains site title */
div#header {background: scroll #b6cdff url(/images/background.jpg) left bottom repeat-x; font-family: "Times New Roman", serif}
div#header h1 {font-size: 3.5em; margin: 0em auto; padding: 0.1em 0em; position: relative; width: 776px}
div#header h1 img {width: 130px; height: 140px; border-style: none; padding: 0em; position: absolute; top: 0em; right: 0em}


/* main menu at top of page */
div#navigation {background: scroll #202020 url(images/primaryNav.jpg) left top repeat-x; font: bold 1.05em Arial, Verdana, sans-serif}
div#navigation ul {margin: 0em auto; padding: 0.4em; width: 776px}
div#navigation ul li {border-left: solid 2px #000000; display: inline; list-style: none; padding: 0em 0.3em 0em 0.6em}
div#navigation ul li.homeward {border-style: none}
div#navigation ul li a {color: #ffffff; text-decoration: none}


/* shadow under main menu */
div#menuShadow {background: scroll url(images/primaryNavMenuShadow.jpg) left top repeat-x; height: 3px}


/* shows visitors where they are */
p#breadcrumbs {font-size: 0.8em; margin: 0em 0em 1.5em; text-align: left; word-spacing: 0.2em}


/* wrapper holding main section of page */
div#content {border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; margin: 1.5em auto; overflow: visible; padding: 0em 20px; text-align: left; width: 736px}
/* page title on interior pages */
div#content h2 {font-size: 1.5em}
/* prevents bullets from riding into margin */
div#content ul {margin-left: 1.25em}


/* big promo block in content section */
div#featureMain {margin: 1em 0em; width: 100%}
div#featureMain p {margin: 0em; padding-bottom: 1em}
div#featureMain h2 {font-size: 2em; line-height: 130%; padding-bottom: 0.4em; text-align: center}
div#featureMain h2 a {color: #000000; text-decoration: none}
/* album image on home page */
img#stampAlbum {width: 150px; height: 200px; border-style: none; float: left; padding: 0em 1em 0em 0em}


/* used for creating two- or three-column promo areas */
div.promoArea {}
div.promoArea p {margin: 0.2em 0em 0em}
div.promoArea h3 {border-bottom: solid 1px #e0e0e0; margin-top: 0em; padding-bottom: 0.1em; text-align: right}
div.promoArea h3 a {color: #000000; text-decoration: none}
/* two-column promo area */
div#promoAreaA {float: left; margin-right: 15px; padding-right: 15px; width: 353px}
div#promoAreaB {display: inline; width: 353px}
/* three-column promo area */
div#promoArea1 {float: left; width: 223px}
div#promoArea2 {border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; float: left; margin: 0em 15px; padding: 0em 15px; width: 223px}
div#promoArea3 {display: inline; width: 223px}


/* footer at bottom of page */
div#footer {clear: both; font-size: 0.8em; margin: 3em auto 0em; padding-bottom: 1em; text-align: center; width: 776px}
div#footer ul {margin: 0em auto 1em}
div#footer ul li {border-left: solid 1px #e0e0e0; display: inline; list-style: none; padding: 0em 0.5em 0em 0.9em}
div#footer ul li.firstItem {border-style: none}


/* copyright, privacy policy, and references */
.finePrint {font-size: 0.75em}
.references {font-size: 0.75em}
.finePrint a {text-decoration: none}
.references a {text-decoration: none}


/* for use on titles (for books, etc.) */
.title {font-style: italic}


/* indents left and right edges of long quotes */
.longQuote {padding: 0em 4em}


/* for creating "buttons" */
p.button {margin: 1em 0em 0em; padding: 1em 0em; text-align: center}
p.button a {background: scroll #b6cdff url(images/background.jpg) left bottom repeat-x; border: 1px solid #202020; color: #000000; font-weight: bold; padding: 0.5em 1em; text-decoration: none}
p.button a:hover {background: #ffe997 none}


/* screenshot of Adobe Reader print window */
img#printWindow {width: 300px; height: 283px; border-style: none; float: right; padding: 0em 0em 1em 1.5em}


/* centers images of stamps on gallery pages */
div#stampDisplay {text-align: center}


/* puts borders around stamp images */
img {border: 1px solid #e0e0e0; padding: 0.2em}


/* individual stamp images */
img.horiz01 {width: 153px; height: 100px}
img.horiz01lg {width: 350px; height: 229px; float: right; margin: 0em 0em 1em 1em}
img.horiz02 {width: 239px; height: 142px}






div.formdiv {font: 7pt Verdana, sans-serif; margin: 12px 7px}
div.menubar {background-color: #000080; border-bottom: solid 3px #000000; padding: 1px 0px; position: absolute; left: 0px; top: 60px; width: 100%}
div.sidebarright {background-color: #f0f8ff; border: solid 2px #000000; float: right; margin: 7px 5px 5px; padding: 3px; text-align: center}
div.submenu {font: 7pt Verdana, sans-serif; margin-left: 7px}
div.titlelinks {background-color: #000080; color: #f5f5f5; font: bold 8pt Verdana, sans-serif; position: absolute; left: 355px; top: 17px}

p.parafront {height: 50px}

span.inlinepromo {background-color: #f0f8ff; border: solid 2px #000000; padding: 3px}
span.menubartext {color: #f5f5f5; font: 9pt Verdana, sans-serif; position: relative; left: 7px}

table.albumcontents {font: 7pt Verdana, sans-serif}

td.size {white-space: nowrap}

.bigpromo {font: bold 12pt Verdana, sans-serif}
.bold {font-weight: bold}
.center {text-align: center}
.clear {clear: both}
.columnleft {float: left; margin: 0px 5px; position: relative; top: -10px; width: 45%}
.floatleft {float: left; font-weight: bold; margin: 0px 5px; text-align: center}
.italic {font-style: italic}
.red {color: #ff0000; font-weight: bold}
.tinypromo {font: 7pt Verdana, sans-serif}