@charset "utf-8";
/* CSS Document */

body {margin: 0px; padding: 0px; background: #008782 url(empire_images/gradient.jpg) repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px;}
div {margin: 0px; padding: 0px;}

p {margin-top: 1em; margin-bottom: 1em;}
h1 {margin-top: 1em; margin-bttom: 1em;}

h1, h2, h3, table th {color: #008782; text-align: center; }
h1 {border-bottom: 3px inset #008782}
h1 {font-size: 1.5em;}
h2 {font-size: 1.35em;}
h3 {font-size: 1.25em;}

#all {margin: auto; width: 939px; border-right: 18px solid #008783; border-left: 18px solid #008783; border-bottom: 18px solid #008783; background: #fff; height: 100%}

img {display: block;}

.centered {text-align: center}
img.centered, div.centered {margin: auto; display: block}
table.centered {margin: auto}

.clear {clear: both;}

.left {float: left; margin-right: 15px; margin-bottom: 15px;}

.right {float: right; margin-left: 15px; margin-bottom: 15px;}



#content {padding: 15px; background: #fff}
#footer {clear: both; background: #CFF; text-align: center; padding: 10px; font-weight: bold; font-size: .8em}

.sidebar {background: #b7d3d7; width: 300px; clear: both; border: 2px solid #008782; text-align: center}
.blue_bkgnd {background: #b7d3d7;}

.sidebar h2 {text-align: center}

strong, a, .emphasis {color: #008782; font-weight: bold;}
a:hover {color:#C00}

ul li{padding-bottom: 5px}

table.tdmiddle td {vertical-align: middle}

table.tdtop td {vertical-align:top}

table.data,  table.data td{border: 2px solid #008782}
table.data th {background: #b7d3d7;}
table.data th h4 {margin-bottom: .2em; margin-top: .2em}

a img{border: none}

.red_bold {color:#C00; font-weight: bold}