body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px;
padding: 0px;
background-color: #fdfbfa;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: normal;
}

ul {
list-style-image: url(../images/bullet_trans.gif);
list-style-position: outside;
}

ol {
list-style-position: outside;
left: -30px;
}

table {
background-color: #000000;
}

tr {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF
}

td {
vertical-align: top;
}

a:link {
font-weight: bold;
text-decoration: underline;
color: #000000;
}

a:visited {
font-weight: bold;
text-decoration: underline;
color: #000000;
}

a:hover {
font-weight: bold;
text-decoration: none;
color: #666666;
}

a:active {
font-weight: bold;
text-decoration: underline;
color: #000000;
}

a.topnav:link {
border-bottom-color: #666666;
border-bottom-style: solid;
border-bottom-width: 2px;
color: #990000;
font-weight: bold;
text-decoration: none;
}

a.topnav:visited {
font-weight: bold;
color: #990000;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666666;
text-decoration: none;
}

a.topnav:hover {
font-weight: bold;
color: #666666;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #990000;
text-decoration: none;
}

a.topnav:active {
font-weight: bold;
color: #990000;
text-decoration: none;
}

a.botnav {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

a.botnav:link {
border-bottom-color: #990000;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #666666;
font-weight: bold;
text-decoration: none;
}

a.botnav:visited {
font-weight: bold;
color: #666666;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #990000;
text-decoration: none;
}

a.botnav:hover {
font-weight: bold;
color: #990000;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
text-decoration: none;
}

a.botnav:active {
font-weight: bold;
color: #666666;
text-decoration: none;
}

#topleft {
background-image:  url(../images/top_left_notepad.jpg);
height: 10px;
width: 40px;
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
}

#spirals {
background-image: url(../images/lone_spiral_small.jpg);
background-repeat: repeat-y;
height: 100%;
width: 40px;
background-attachment: fixed;
position: relative;
}

#botleft {
background-image: url(../images/bot_left_notepad.jpg);
background-repeat: no-repeat;
position: relative;
height: 10px;
width: 40px;
}

#container {
position: absolute;
height: auto;
width: 680px;
left: 50px;
top: 10px;
}

#logo {
position: relative;
height: auto;
width: auto;
float: left;
}

#jottednote {
position: relative;
left: -115px;
top: -5px;
height: auto;
width: auto;
}

#jottednote2 {
position: relative;
top: -5px;
background-image: url(../images/scribble2.gif);
height: auto;
width: auto;
background-repeat: no-repeat;
}

#topnav {
position: relative;
top: 4px;
}

#topnavcontainer {
right: 90px;
position: absolute;
float: right;
top: 0px;
}

#topright {
position: absolute;
height: 74px;
width: 100px;
top: 0px;
right: 0px;
background-image: url(../images/paper_corner.jpg);
background-repeat: no-repeat;
}

#mainnav {
position: relative;
clear: both;
top: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
height: 55px;
}

#maincontent {
height: auto;
width: 400px;
position: relative;
border: 1px solid #000000;
clear: both;
top: -160px;
padding: 10px;
background-image: url(../images/bg_magnet.jpg);
background-repeat: no-repeat;
background-position: center center;
background-color: #faf8f7;
}

#jottednote3 {
float: right;
position: relative;
top: -30px;
}

#bottomnav {
position: relative;
height: 20px;
width: auto;
top: -140px;
}

#jottednote4 {
float: right;
position: relative;
top: -230px;
left: -20px;
z-index: 0;
}

#mugstain {
background-image: url(../images/mug_stain.gif);
position: absolute;
height: 167px;
width: 170px;
right: 0px;
bottom: 0px;
z-index: 5;
background-repeat: no-repeat;
}

#pencil {
background-image: url(../images/pencil.gif);
background-repeat: no-repeat;
position: absolute;
height: 139px;
width: 240px;
top: 220px;
right: 0px;
z-index: 10;
}

label {
width:80px;
}