/* This is the default style for anything in the html section of the page */
html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
background:#fff;
font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */
}

/* This is the style for anything in the body section of the page */
body {
height:100%;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
}

/* Style for anything with an ID of 'content' */
#content {
display:block;
height:100%;
max-height:100%;
overflow:auto;
padding-left:2px;
position:relative;
z-index:3;
word-wrap:break-word;
}

/* Style for anything with an ID of 'head' */
#head {
position:absolute;
margin:0;
top:0;background:#fff;border-bottom:1px solid #000;left: 3px;z-index: 5;width: 96%;height: 100px;right: 20px;}

/* Style for anything with an ID of 'foot' */
#foot {
position:absolute;
margin:0;
bottom:0;
right:18px;
display:block;
width:100%;
height:50px;
background:#fff;
color:#000;
text-align:right;
font-size:2em;
z-index:4;
border-top:1px solid #000;
}

/* pad things away from the right hand side of the page - keep the scroll bar from overlapping our content*/
.pad1 {
display:block;
width:18px;
height:50px;
float:left;
}

/* pad things down by 100 pixels - keeps initial display below the header */
.pad2 {
display:block;
height:100px;
}

/* define how we want to display bold text */
.bold {
font-size:1.2em;
font-weight:bold;
}

/* Style the class elements for the menu display */
.menu {
display:table;            /* ignored by IE */
padding:0;
list-style-type:none;
white-space:nowrap;       /* keep text on one line */
border:1px solid #06a;    /* add a border to show size of menu */
font-size:75%;z-index: 6;}

* html .menu {
display:inline-block;     /* for IE only */
width:1px;                /* IE will expand to fit menu width */
padding:0 2px;            /* fix bug in IE for border spacing */
}

.menu li {
display:table-cell;       /* ignored by IE */
}

* html .menu li {
display:inline;           /* for IE only */
}

.menu a, .menu a:visited {
display:block;            /* for all browsers except IE */
padding:4px 16px;
color:#000;
background:#d4d4d4;
border:1px solid #fff;    /* add a 1px white border around items */
text-decoration:none;
}

* html .menu a, * html .menu a:visited {
display:inline-block;     /* for IE only */
margin:0 -2px;            /* to correct an IE border width bug */
}

.menu a:hover {
color:#fff;
background:#08c;
}

.lefted {
margin:0 auto 0 0;
}
.centered {
margin:0 auto;
}
.righted {
margin:0 0 0 auto;
}

/* position the logo in the correct place and make sure it is on top of everything */
#logo {position: absolute;top: +1px;display: block;right: +20px;z-index: 6;}