div#outer {
width: 940px;
background-color:#FFFFFF;
margin-top: 24px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: thin solid #000000;
}

body {
background: black;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #000,  #444 700px); /* for firefox 3.6+ */ 
background-image: -o-linear-gradient(rgb(0,0,0),rgb(80,80,80));
}

div#header {
height: 200px;
}

div#headerlogo {
position: relative;
top: 0px;
left: 0px;
}

#pagetitle {
position: relative;
display: inline;
float: left;
top: 144px;
left: 50px;
width: 540px;
padding: 2pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 24pt;
text-align: center;
}

#navbar {
width: 180px;
vertical-align: top;
float: left;
}

#navbar a {
color: black;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin-left: 6px;
vertical-align: middle;
-webkit-transition:color 0.12s linear; 
-o-transition: .12s linear; 
-o-transition-property: color;
}

#navbar span {
display: block;
margin-top: 8px;
margin-bottom: 8px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 10px;
border-left: 2px solid #d0d0d0;
}

#navbar span.navpgsel {
border-left: 2px red solid;
}

#navbar a:hover {
color: gray;
}

#navbar span img {
margin-left: 4px;
vertical-align: middle;
}


#mainpage {
vertical-align: top;
background-color: white;
border: 1px silver solid;
height: auto;
padding: 20px;
margin: 0px 20px 20px 190px;
min-height: 800px;
}

#mainpage.catalog {
background-color: #fffff4;
}


.catalogpghdr {
border: 1px silver solid;
background-color: #fffff8;
padding: 8px;
margin-bottom: 1em;
text-align: center;
}

.catalogpghdr:nth-of-type(1n) {
border-width: 30px;
padding: 2px;
margin-bottom: 1em;
-webkit-border-image: url(../images/borders.png) 33% repeat repeat;
-moz-border-image: url(../images/borders.png) 33% repeat repeat;
-o-border-image: url(../images/borders.png) 33% repeat repeat;
border-image: url(../images/borders.png) 33% repeat repeat;
}

.catalogpghdr h1 {
font-size: 30px;
font-weight: 700;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}


.catalogpgborder {
padding: 8px;
margin-bottom: 2em;
}

.catalogpgborder:nth-of-type(1n) {
border-width: 30px;
padding: 2px;
margin-bottom: 2em;
-webkit-border-image: url(../images/border-sm.png) 33% repeat repeat;
-moz-border-image: url(../images/border-sm.png) 33% repeat repeat;
-o-border-image: url(../images/border-sm.png) 33% repeat repeat;
border-image: url(../images/border-sm.png) 33% repeat repeat;
}

div#footer {
padding: 15px;
margin: 0px;
vertical-align: top;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#footer a {
font-size: 9pt;
margin: 4px;
-webkit-transition:color 0.2s linear; 
-o-transition: .2s linear; 
-o-transition-property: color;
}


div#footer a:hover {
color: #000099;
}

div#footer a:active {
color: red;
}

.youarehere {
font-size: 9pt;
margin: 4px;
color: black;
font-style: normal;
text-decoration: none;
font-weight: 500;
cursor: default;
border: 1px black solid;
padding: 2px 2em;
}

div#footer a.youarehere:hover {
color: black;
}

.contactlink {
margin-left: 30px;
}

.hcard {
display: none;
}

#mainpage .pageimage {
margin-bottom: 30px;
margin-top: 10px;
border-collapse: collapse;
}

#mainpage .right {
float: right;
margin-left: 44px;
}

#mainpage .left {
margin-right: 44px;
float: left;
}

#mainpage .pageimage caption {
font-size: 80%;
font-family: Verdana, Arial, sans-serif;
text-align: center;
background-color: #F6F6F6;
padding: 4px;
}

#mainpage.normal p {
margin-bottom: 1em;
margin-top: 0em;
line-height: 1.3em;
font-size: 1.1em;
font-family: Palatino, "Book Antiqua", serif;
}

#mainpage.normal cite {
line-height: 1.3em;
font-size: 1.1em;
font-family: Palatino, "Book Antiqua", serif;
font-style: normal;
}


#mainpage.normal p em {
text-transform: uppercase;
font-style: normal;
font-weight: 400;
}

#mainpage.catalog h4 {
margin-bottom: 1em;
margin-top: 0.2em;
font-size: 1.2em;
text-decoration: underline;
font-family: Tahoma, Geneva, sans-serif;
}

#mainpage.catalog h2 {
margin-bottom: 1em;
margin-top: 0.2em;
font-size: 1.3em;
}

#mainpage.normal h2 {
font-size: 16px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
}

#mainpage.normal ol {
line-height: 1.5em;
}

#mainpage.normal a {
color: #0000bb;
}

#mainpage.normal a:visited {
color: #0000bb;
}

#mainpage .newwinlink {
margin-left: 10px;
}

div#trademark, div#copyright {
clear: both;
position: relative;
bottom: 0px;
margin: 10px;
padding 4px;
}

div#copyright {
  text-align: center;
}

/* screen reader links */

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
display: inline;
float: right;
font-size: 10px;
margin-right: 20px;
position: relative;
top: -20px;
width:auto;
height:auto;
}