@charset "UTF-8";

html, body{
  margin:-11px 0 0 0; padding:0; height:100%; min-width:770px}
  
html {
	background:transparent url(../images/tile.png) repeat}

#container{
  position:relative; margin:0 5% -0 5%; padding:0; min-height:100%; border-left:#303030 solid 1px; border-right:#303030 solid 1px; border-bottom:black solid 5px; background:#fafafa url(../images/border.png) 63% 250px repeat-y}
  
#header{
  background:transparent url(../images/grad_fill.png) repeat-x}

div#headlinks {
  position:absolute; top:3px; right:33px}
#headlinks ul li a {
	display:block; height:85px; overflow:hidden; border:none; text-indent:-500px}
#headlinks ul li a:hover {
	background:transparent url(../images/arrow1.png) top right no-repeat}
#headlinks li{
  list-style-type:none; float:left; margin-right:-20px}
li#pu{
  background:transparent url(../images/pushield.png) center no-repeat; width:84px}
li#prism{
  background:transparent url(../images/prism-black.png) center no-repeat; width:129px; margin-right:-22px}
li#mrs{
  background:transparent url(../images/mrs.png) center no-repeat; width:161px}
 

#menu{
  padding:0; height:40px; background:transparent url(../images/metal-b.jpg) repeat; padding-left:40px; border-bottom:2px groove #787878; border-top:2px groove black}
#menu ul{
  padding:0; margin:0; background:transparent url(../images/grate.png) repeat}
#menu li{
  list-style-type:none; float:left; display:block; padding:10px 10px 0 10px; height:30px; color:black; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-left:1px dotted black; border-right:1px dotted black; margin-right:-1px; background:transparent url(../images/grate.png) repeat}
li#active{
  padding:10px 20px 0 20px; background:transparent url(../images/xrd-orange.png)}
#menu li a{
  display:block; height:30px; padding:10px 20px 0 20px; margin:-10px -10px 0 -10px;  border-bottom:none}
#menu li a:hover, #menu li a:active{
  background:transparent url(../images/xrd.gif);}

#content{
  background-color:transparent; float:left; width:63%; padding:0 0 0 20px}
#sidebar{
  background-color:transparent; margin:0 0 0 63%; padding:0 20px 0 20px}
div#sidebar ul li,div#content ul li {
  background:transparent url(../images/atom.png) 0px 3px no-repeat; margin-left:-25px; padding-left:25px; list-style-type:none}

a {
  text-decoration:none; border-bottom:#D77532 dotted 1px; color:#ff7800}
a:hover, #content a:active {
  border-bottom:#ff7800 solid 1px; color:#ff7800}
h1 {
  background:transparent url(../images/header.png) 10px 0px no-repeat; height:120px; text-indent:-10000px; margin-bottom:0}
h2 {
  display:none}
p, div#content ol {
  padding:0 45px 0 20px}
li,dt,dd {
  line-height:1.5em}
p {
  line-height:1.75em}
ol {
  list-style-type:upper-roman}
img {
  float:left; padding:0 15px 0 0; position:relative; top:10px}
h4 {
  clear:left}
 
/*div#footer {
	position:relative; margin:0 5% -0 5%; text-align:center; background:transparent url(../images/foot.png) repeat-x; font-weight:bold; border-top:3px groove grey}*/
  
div#footer{
  position:relative; bottom:0; text-align:center; background:black url(../images/grad_fill.png) 0px -50px repeat-x; width:100%; height:70px; color:black; clear:both; font-weight:bold; border-top:3px groove #999999; margin-top:150px}

div#footer p {
  background:transparent url(../images/footer_shield.png) center no-repeat; padding:25px 74px 25px 0; margin:0; color:#999999; clear:both}

div#footer a {
	margin:0 50px 0 0}

p#watermark {
	position:absolute;
	text-indent:-10000px;
	background:transparent url(../images/tiger_watermark.jpg) bottom center no-repeat;
	height:120px;
	width:220px;
	display:block;
	left: 710px;
}