body
 {
 background-image: url("graphics/bodybg.png");
 margin: 2% 0 0 0;
 font-family: Trebuchet MS, sans-serif;
 line-height: 1.2
 }

body a
 {
 color: #191970
 }

body a:hover
 {
 color: #800000
 }

body a:active
 {
 color: #FFB6C1
 }

h1
 {
 line-height: 0;
 font-variant: small-caps;
 font-size: x-large
 }

h2
 {
 line-height: 0;
 font-size: large;
 font-style: italic;
 text-decoration: underline
 }

img
 {
 border: 0
 }

table
 {
 width: 100%;
 border-collapse: collapse
 }

td
 {
 vertical-align: top
 }

td.bottom
 {
 vertical-align: bottom
 }

td.center
 {
 text-align: center;
 vertical-align: middle
 }

td.right
 {
 text-align: right;
 font-size: x-large;
 font-style: italic
 }

#header
 {
 width: 800px;
 height: 75px;
 margin: auto
 }

#container
 {
 width: 800px;
 height: 520px;
 margin: auto
 }

#tabs
 {
 background: transparent url("graphics/tab_bg.png") repeat-x bottom;
 overflow: hidden
 }

#tabs ul
 {
 margin: 0;
 padding: 0;

 }

#tabs li
 {
 float: left;
 background: url("graphics/left2.png") no-repeat left top;
 margin: 0;
 padding: 0 0 0 5px;
 list-style-type: none
 }

#tabs a
 {
 float: left;
 display: block;
 background: url("graphics/right2.png") no-repeat right top;
 padding: 5px 10px 3px 5px;
 text-decoration: none;
 font-size: large;
 color: #00008B
 }

#tabs a:hover
 {
 color: #800000
 }

#tabs #current
 {
 background-image: url("graphics/left_on.png")
 }

#tabs #current a
 {
 background-image: url("graphics/right_on.png");
 color: #000000;
 padding-bottom: 4px
 }

#content
 {
 background-image: url("graphics/contentbg.png");
 height: 500px;
 padding: 0 10px;
 overflow: auto
 }

#footer
 {
 width: 800px;
 margin: auto;
 padding: 5px;
 text-align: right;
 font-size: x-small;
 color: #808080
 }