* {margin:0;padding:0;}

html
{
overflow-y: scroll;
height: 100%;
background: url(../images/paperbg.png) repeat;
}

body
{
height: 99.99%
}

#wrap {
min-height: 100%;
}

#main {
overflow:auto;
padding-bottom: 300px; /* must be same height as the footer */
width: 960px;
margin-left:auto;
margin-right:auto;
} 

#footer {
position: relative;
margin-top: -300px; /* negative value of footer height */
height: 300px;
clear:both;
min-width: 960px;
background: url(../images/paperfooter.png) repeat-x;
}

/* Typography ---------------------------------------------------------- */
body {
color: white;
font-size: 14px;
line-height: 1.625em;
font-family: "Open Sans", "lucida grande", tahoma, sans-serif;
-webkit-font-smoothing: antialiased;
}

p {
margin-bottom: 1em;
}

a {
color: rgb(182, 238, 255);
font-weight:bold;
text-decoration: none;
}
a.c {
color: green;
}
a.f {
text-shadow: 0 1px 0 black;
display: block;
margin-top: 1.5em;
margin-left: 3em;
margin-bottom: 1em;
color: rgb(182, 238, 255);
font-weight:bold;
text-decoration: none;
}
a:hover {
color: #062A42; 
}

img.s {
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-right: 1.5em;
}

/* --------------------------------------------------------------------- */

/* HEADER */
.header_img {
width: 960px;
height: 419px;
background: url(../images/header.png);
}

/*
#menu {
display: table;
width: 100%;
}
#menu li{
display: table-cell;
text-align: center;
white-space: nowrap;
}

}*/

#menu {
  text-align: justify;
}

#menu .li {
display: inline-block;
}

#menu .span {
width: 100%;
display: inline-block;
height: 0;
}

#menu .li a {
color: black;
}
#menu .li a:hover{
color: white;
}

/* MAIN CONTENT */
.content {
padding: 1em;
}

/* NOTE PAPER */
.note_bottom {
color: black;
padding: 1em;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
.note_header {
font-weight: bold;
font-size: 24px;
text-shadow: 0 -1px 0 gray;
}
.note_text {
margin-top: 1em;
font-size: 12px;
}

.notetop1 {
background: url(../images/notetop1.png) repeat-x;
}
.notebottom1 {
background: url(../images/notebottom1.png) repeat;
}

.notetop2 {
background: url(../images/notetop2.png) repeat-x;
}
.notebottom2 {
background: url(../images/notebottom2.png) repeat;
}

/* TAPE NOTE */
.notetop_tape {
margin-top: -40px;
width: 198px;
height: 50px;
background: url(../images/tape.png);
}
.notetop_tape1 {
margin-top: -40px;
width: 198px;
height: 50px;
background: url(../images/tape1.png);
}

/* GENERIC NOTE */
.header {
font-weight: bold;
font-size: 18px;
margin-bottom: 1em;
margin-top: 0.5em;
}
.note {
max-width: 650px;
margin-top: 2em;
margin-bottom: 2em;
color: black;
padding: 1em;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
background: #A8DFE0 url(../images/notebg.png) repeat;
}

/* SPECIAL REVIEW TEXT NOTE */
.review {
margin-top: 2em;
margin-bottom: 2em;
font-family: Comic Sans MS;
color: black;
width: 650px;
}

/* FOOTER STYLING */
.foot_img {
}

.foot_wrap {
width: 100%;
position: absolute;
bottom: 0;
}
.foot_content {
width: 750px;
height: 170px;
margin: auto;
}
.foot_left {
text-align: left;
width: 350px;
float: left;
}
.foot_right {
text-align: right;
width: 400px;
float: right;
font-size: 13px;
}
.foot_header {
color: #F2CBDB;
letter-spacing: 0.1em;
font-size: 24px;
font-weight: bold;
text-shadow: 0 1px 0 black;
}
.foot_links {
float: right;
}
.foot_copyright {
font-size: 10px;
width: 960px;
margin: auto;
}
.foot_scissors {
width: 324px;
height: 90px;
background: url(../images/scissors.png);
position: absolute;
margin-left: 500px;
margin-top: 102px;
}
.foot_glue {
width: 171px;
height: 232px;
background: url(../images/glue.png);
position: absolute;
margin-left: -140px;
margin-top: -60px;
}
.foot_gluecap{
width: 75px;
height: 79px;
background: url(../images/gluecap.png);
position: absolute;
margin-left: 420px;
margin-top: -40px;
}