html, body {
 height: 100%;
}

body {
 background-color: #3D6A59;
 background-image: url("../images/background.png");
 background-position: top left;
 background-repeat: repeat-x;
}

img {
 border: 0px;
 padding: 0px;
 margin: 0px;
}

.header {
 font-family: Garamond, "Times New Roman";
 font-size: 22pt;
 font-weight: bold;
 color: #2c4b3f;
}

ul {
 color: #AA0000;
}

#container {
 font-family: "Myriad", "Times New Roman";
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: -250px;
 padding: 0px;
 margin-left: -400px;
 width: 800px;
 height: 500px;
 border: 1px solid black;
 background-color: #FFFFFF;
 background-image: url("../images/container.jpg");
 background-position: bottom right;
 background-repeat: no-repeat;
}

#menu {
 display: table-cell;
 vertical-align: middle;
 width: 800px;
 height: 36px;
 padding: 0px;
 text-align: center;
 background-image: url("../images/menu_bar.png");
 background-position: top left;
 background-repeat: no-repeat;
}

a:link {
 color: #FFFFFF;
 text-decoration: none;
 font-family: verdana;
 font-size: 8pt;
}

a:visited {
 color: #FFFFFF;
 text-decoration: none;
 font-family: verdana;
 font-size: 8pt;
}

a:active {
 color: #FFFFFF;
 text-decoration: none;
 font-family: verdana;
 font-size: 8pt;
}

a:hover {
 color: #F0B24D;
 text-decoration: none;
 font-family: verdana;
 font-size: 8pt;
}

a.menu_top:link {color: #2D2D2D}
a.menu_top:visited {color: #2D2D2D}
a.menu_top:hover {color: #FFFFFF;}

a.main:link {
 font-size: 10pt;
 color: #0000FF;
}
a.main:visited {
 font-size: 10pt;
 color: #0000FF;
}
a.main:hover {
 font-size: 10pt;
 color: #79373D;
}

#text-main {
 font-family: verdana;
 font-size: 11pt;
}

#sidebar {
 float: left;
 width: 220px;
 height: 428px;
 _margin-top: -4px;
 text-align: center;
 background-image: url("../images/side.png");
 background-position: top left;
 background-repeat: repeat-x;
}

#shadow {
 float: left;
 width: 14px;
 height: 428px;
  _margin-top: -4px;
 background-image: url("../images/shadow.png");
 background-position: top left;
 background-repeat: repeat-y;
}

#content {
 font-family: Garamond, "Times New Roman";
 height: 428px;
 padding-left: 15px;
 overflow-x: hidden;
 overflow-y: scroll;
}

#footer {
 width: 800px;
 height: 36px;
 text-align: center;
 background-image: url("../images/menu_bar.png");
 background-position: top left;
 background-repeat: no-repeat;
 color: #DDDDDD;
 text-decoration: none;
 font-family: verdana;
 font-size: 8pt;
}

.footer-text {
 font-size: 8pt;
 color: #FFFFFF;
}