body {font-family:Helvetica, Arial; color:#eee; background: #fff0c3 url(bg.gif);}
td.bkgrd {background:#fff0c3 url(bg.gif); border:0;}
table#main {background:url(bg_main.gif); border:0;}

/* typography */
p {margin:1em 2em 1em 1.5em;}
/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
:focus { -moz-outline-style:none; }
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px; margin:1em;color:#eee;}
h1 {font-size: 196%;margin-top:.6em;text-align:right;}
h2 {font-size: 146%;color:#FFEFCC;padding-bottom:0;margin-bottom:0;}
h3 {font-size: 126%;text-align:center;}
h4  {text-align:left; margin:2em 0 0 2.5em; font-size: 116%;padding-bottom:0;margin-bottom:0;}
h4 a { color:#FFEFCC; text-decoration:underline;  }

.footer {padding:6px 4px; color:#444;font:80% Arial, Verdana, Helvetica, sans-serif;}
.footerlink{padding:6px 4px; color:#666; font-weight:bold; font:90% Arial, Verdana, Helvetica, sans-serif;text-decoration:underline;}
.cssbutton:visited{color:#eee;}
.cssbutton:hover{background-color:#c96;inset;padding:1px 4px;}
.cssbutton:active{color: black;}

a.nonimage:link, a.nonimage:visited  {text-decoration:underline;	font-weight: bold; color:#eee;}
a.nonimage:active {color:#ddd;}
a.nonimage:hover {color:#FFE6B1; }	

a.title:link, a.title:visited, a.title:active a.title:hover {background:#699  url(bg_main.gif);}

.cssbutton{background-color:#A88384;padding:2px 5px; color:#eee;  text-decoration: none;font:bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; /*shift text 1px to the right and down*/}
.cssbutton:visited{color:#eee;}
.cssbutton:hover{background-color:#c96;inset;padding:1px 4px;}
.cssbutton:active{color: black;}

ul {list-style: katakana inside url(star.gif); padding: 7px}
li {padding:10px;}

table {border:0; margin:0; padding:0;}
td {border:0; margin:0; padding:0;}
 
table.chart {margin:0 0 15px 7px;}
table.chart td  {border:1px dotted #b9cdcd; font-size: 90%;padding:2px;}

img {padding:0;border:0;margin:0;}
img.map {float:left; padding:.50em 0 1em .1em}

.portrait {float:left; margin:5px 20px  10px 0;   -moz-box-shadow: 5px 5px 5px #555;
  -webkit-box-shadow: 5px 5px 5px #555;
  box-shadow: 5px 5px 5px #555;}

img.sign {float:left; padding:0;border:0;margin-left:4em;margin-top:-1em;}
h2.sign {color:#eee}

hr {margin:0 3em 0 3em; height:1px; color:#d7c7c7; border:none; clear:both}
.article { color:white;  }

/* logo */
#poweredby {width:125px;height:91px;position:absolute;top:-110px;right:12px;}

/* blockquote */
blockquote {margin:1em 3em .25em 1.5em; text-align:left; }
blockquote p { line-height: 1.3; margin: 0; display: inline;
	padding-right: 24px;  }
p.client {margin:0 3em 3em  0; padding:0; border:0; text-align:right; font-style:italic; font-size:85%;}
p.quote {margin:0;border:0;padding:.3em 4em .25em 4em; font-size:95%;text-align:justify;}
p.attribute {margin:0;border:0;padding:.3em 4em 1.25em 6em; font-style:italic; font-size:85%;}
.direct {font-size: 105%; font-weight:bold; }
    
/* footer */
#sitemap   { font-size:75%;  color:#b9b9b9; line-height:3em; padding: 0 0 0 80px;}
#sitemap a { font-size:110%; color: #a39478; text-decoration:none; padding:3px 3px 0 3px;
    border-bottom:dotted; border-bottom-color:#c9c9c9; border-bottom-width:1px;}
#sitemap a:hover { color: #333;  font-weight:bold; }

#copyright { font-size: 85%; color: #a39478;  margin: 0; padding: 0 0 0 80px;  }
#copyright a {color: #a39478; text-decoration:none;  border-bottom:dotted; border-bottom-color:#c9c9c9;
 border-bottom-width:1px; margin: 0; padding: 3px 0 0 3px; }
#copyright a:hover { color: #333; font-weight:bold;}

/* trigger overlay */

#facebox {
	/* overlay is hidden before loading */
		display:none;
	/* standard decorations */
		width:400px;
	border:10px solid #666;
	/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);
	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
	-webkit-border-radius:8px;
	 -moz-box-shadow: 5px 5px 5px #666;
  -webkit-box-shadow: 5px 5px 5px #666;
  box-shadow: 5px 5px 5px #666;
}
#facebox div {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#FFF7D8;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif; 
	color:#666; 
	font-size:16px;
}
#facebox h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#5DB5C1;
	padding:5px 10px;
	border:1px solid #3B5998;
	font-size:30px;
	text-align:center;
	font-family: 'Satisfy', cursive;
}
a.close {
	background-image: url("close.png");
	cursor: pointer;
	height: 35px;
	position: absolute;
	right: -25px;
	top: -25px;
	width: 35px;
}