@charset "utf-8";
/* CSS Document */

html {
height: 100%;
}

body {
font-family: Verdana, Arial;
font-size: 12px;
height: 100%;
}

p {
margin-top: 0.0em;
margin-bottom: 0.0em;
}

p.pageheader {
font-weight: bold;
margin-bottom: 20px;
}

#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
position: relative;
min-height: 100%;
}

* html #wrapper
{
height: 100%;
}

#contactheader {
margin-top: 20px;
margin-right: 20px;
z-index: 2;
}

#logoheader {
margin-top: 20px;
z-index: 3;
}

.invertedshiftup{
padding: 0;
width: 800px;
height: 29px;
border-bottom: 1px solid #CCCCCC;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
z-index: 4;
margin-top: -10px;
}

.invertedshiftup ul{
margin:0;
margin-left: 375px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftup li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftup a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/
text-align: left;
}

.invertedshiftup a:hover{
background-color: #CCCCCC; /*Red color theme*/
padding-top: 5px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 9px; /*Flip default padding-bottom value with padding-top*/
color: #000000;
}

.invertedshiftup .current a{ /** currently selected menu item **/
background-color: #CCCCCC; /*Red color theme*/
padding-top: 5px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 9px; /*Flip default padding-bottom value with padding-top*/
color: #000000;
}

#footer
{
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
width: 400px;
text-align: center;
}