body {
	background-color: #313931;
	margin: 0px;
}

p, ul {
  font-family		:	arial,helvetica;
  font-style		:	normal;
  font-size			:	0.85em;  
  color				:	#98a498;
  margin-top		:	3pt;
  margin-bottom		:	3pt;
}

p.pre-bullet {
  margin-bottom		:	0pt;
}

a {
  color				:	#cccc88;
  text-decoration	:	none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #999966;
}

pre {
  font-family		:	"Lucida Console","Courier New",courier;
  font-style		:	normal;
  font-size			:	0.8em;  
  color				:	#738373;
  width				:	84%;
  margin-left		:	8%;
  line-height		:	1em;
}

.ulist {
	margin-top: 0px;
	margin-bottom: 10px;
}

.llist {
	width: 82%;
	text-indent: 0px;
	margin-left: 9%;
	padding-left: 10px;
}

.llist li {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: square;
}

.list li {
	margin-bottom: 10px;
}

.list li strong {
	font-weight: bold;
	color: #aabbaa;
}

.divider img {
	width: 100%;
	height: 4px;
	border-top: 1px solid #8c9c8c;
	border-left: 1px solid #8c9c8c;
	border-right: 1px solid #4a524a;
	border-bottom: 1px solid #4a524a;
	background-color: #636b63;
}

.divider {
	width: 84%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 8%;
}


.divider-ttl {
  font-family		:	Arial, helvetica;
  font-weight		:	bold;
  color				:	#c0c080;
	font-size: 34px;
	background-color: #404840;
	text-align: center;
	width: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5%;
}

.divider-ttl img {
	width: 100%;
	height: 4px;
	border-top: 1px solid #8c9c8c;
	border-left: 1px solid #8c9c8c;
	border-right: 1px solid #4a524a;
	border-bottom: 1px solid #4a524a;
	background-color: #636b63;
}

.subttl {
	margin-bottom: 12px;
}

.ttl-desc {
	width: 76%;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 12%;
}

.entry {
	width: 76%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 12%;
}

.entry-para {
  width: 80%;
  margin-left: 10%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.entry-icon {
	float: left;
	width: 90px;
}

.entry-icon a img {
	border: 1px solid #313931;
	width: 80px;
}

.entry-icon a {
	border: 1px solid #313931;
	width: 80px;
}

.entry-icon a:hover img {
	border: 1px solid #313931;
}

.entry-icon a:hover {
	border: 1px solid #c0c080;
}

.entry-text {
}

.entry-text p {
}

.entry-text p a {
  font-family		:	helvetica;
  font-weight		:	bold;
  font-style		:	normal;
  font-size			:	12pt;
  color				:	#cccc88;
  text-decoration	:	none;
}

.entry-text p a:visited {
  color				:	#999966;
}


.entry-text p a:hover {
	text-decoration: underline;
}

.entry-text .ttl {
  font-family		:	helvetica;
  font-weight		:	bold;
  font-style		:	normal;
  font-size			:	12pt;
  color				:	#cccc88;
  text-decoration	:	none;
}

.icon-entry img {
	width: 80px;
	height: 80px;
	border-width: 0px;
	vertical-align: text-top;
}

.entry-ttl {
  font-family		:	helvetica;
  font-weight		:	bold;
  font-style		:	normal;
  font-size			:	12pt;
  color				:	#c0c080;
  text-decoration	:	none;
}

.entry-ttl:hover {
	text-decoration: underline;
}

.footer {
	font-family: helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #889088;
	width: 86%;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 7%;
	vertical-align: middle;
}

.bar {
	border-top: 1px solid #8c9c8c;
	border-left: 1px solid #8c9c8c;
	border-right: 1px solid #4a524a;
	border-bottom: 1px solid #4a524a;
	height: 4px;
	background-color: #636b63;
}

.page-ttl-icon {
	float: left;
	width: 80px;
	height: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.page-ttl-icon img {
	width: 80px;
	height: 80px;
}

.page-ttl-text {
	margin-left: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.page-ttl-text p {
}

.page-ttl-ttl {
	width: 97%;
	height: 34px;
	font-weight: bold;
	font-size: 30px;
	color: #c0c080;
	background-color: #404840;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 2%;
	/*border: 1px solid green;*/
}

.page-ttl-bar {
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: 1px solid red;*/
}

.page-ttl-bar img {
	width: 99%;
	height: 6px;
	border-top: 1px solid #8c9c8c;
	border-left: 1px solid #8c9c8c;
	border-right: 1px solid #4a524a;
	border-bottom: 1px solid #4a524a;
	background-color: #636b63;
	margin-top: 0px;
	margin-bottom: 0px;
}

.ico-ttl {
  font-family		:	arial,helvetica;
  font-size			:	20px;  
  color				:	#889088;
  margin-top		:	6px;
  margin-bottom		:	0px;
}

.extern {
	background:url(./images/external.png) top right no-repeat;
	padding-right: 0.6em;
	margin-right: 0em;
}

/* ------------------- h1/h2/h3 styles ------------------ */

h1, h2 {
	margin-top: 0px;
	margin-bottom: 0px;
  font-family		:	Arial, helvetica;
  font-weight		:	bold;
  color				:	#c0c080;
  background-color  :   #404840;
  padding-top: 4px;
  padding-bottom: 6px;
}

/* --------------------------- Set element widths -------------------------- */
.div-hdr {
	width: 94%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 3%;
}

h1 {
	width: 92%;
	margin-left: 3%;
	padding-left: 2%;
	font-size: 11pt;
}

h2 {
	width: 88%;
	margin-left: 5%;
	padding-left: 2%;
	font-size: 9pt;
}

.para {
  width: 86%;
  margin-left: 7%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.divider-hdr1 {
	width: 94%;
	margin-left: 3%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.divider-hdr2 {
	width: 90%;
	margin-left: 5%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.page-ttl {
	width: 94%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 3%;
	/*border: 1px solid yellow;*/
}

.list {
	width: 80%;
	text-indent: 0px;
	margin-left: 10%;
	padding-left: 30px;
	list-style-type: square;
}


.hdr-text {
  font-family		:	Arial, helvetica;
  font-weight		:	bold;
  color				:	#c0c080;
  padding-top: 4px;
  padding-bottom: 6px;
	background-color  :   #404840;
	font-size: 34px;
	/*padding: auto;
	text-alignment: center;*/
	margin: 0px;
	width: 94%;
	margin-left: 3%;
}

.divider-hdr1 img, .divider-hdr2 img {
	width: 100%;
	height: 4px;
	border-top: 1px solid #8c9c8c;
	border-left: 1px solid #8c9c8c;
	border-right: 1px solid #4a524a;
	border-bottom: 1px solid #4a524a;
	background-color: #636b63;
}

.top {
	margin-top: 40px;
}

.bot {
	margin-bottom: 20px;
}

.dia-left {
	float: left;
	margin-right:20px;
	margin-left: 0px;
}

.text-right {
	float: right;
}

.text-left {
	float: left;
	width: 60%;
}

.dia-right {
	float: right;
}

.tbl {
  background-color	:	#a0a0a0;
  font-family		:	Arial, helvetica;
  font-size			:	9pt;
  color				:	#aab2aa;
  margin-left		: 12%;
}

.tbl tr {
  background-color	:	#404840;
  width			: 100%;
}

.tbl tr th {
  color				:	#999966;
  background-color	:	#283028;
  padding-left		: 8px;
  vertical-align	:	top;
}

.tbl tr td {
  vertical-align	:	top;
  padding-left		: 8px;
}

.vstbl {
  background-color	:	#a0a0a0;
  font-family		:	Arial, helvetica;
  font-size			:	10pt;
  color				:	#aab2aa;
  margin-left		: 12%;
}

.vstbl tr {
  background-color	:	#404840;
  width			: 100%;
}

.vstbl tr th {
  text-align		:	left;
  color				:	#999966;
  background-color	:	#283028;
  padding-left		: 12px;
  padding-right		: 12px;
  padding-top		: 8px;
  padding-bottom	: 8px;
  vertical-align	:	top;
}

.vstbl tr td {
  vertical-align	:	top;
  padding-left		: 12px;
  padding-right		: 12px;
  padding-top		: 8px;
  padding-bottom	: 8px;
}

.diagram {
	margin-left: 12%;
	margin-top: 30px;
	margin-bottom: 20px;
}

.diagram-l {
	margin-left: 12%;
	margin-top: 30px;
	margin-bottom: 20px;
}

.diagram-m {
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 30px;
	margin-bottom: 20px;
}

.diagram-r {
	margin-right: 12%;
	margin-top: 30px;
	margin-bottom: 20px;
}

.todo {
	color: red;
	font-weight: bold;
}


/* blog formats */
.blog-divider {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

.blog-divider IMG {
	width: 600px;
	height: 4px;
	border-top: 1px solid #8c9c8c;
	border-left: 1px solid #8c9c8c;
	border-right: 1px solid #4a524a;
	border-bottom: 1px solid #4a524a;
	background-color: #636b63;
}

.blog-para {
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog-entry {
	margin-left: auto;
	margin-right: auto;
	width: 520px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.blog-ttl {
  font-family		:	helvetica;
  font-weight		:	bold;
  font-style		:	normal;
  font-size			:	12pt;
  color				:	#cccc88;
  text-decoration	:	none;
}

/* test formats */
magnify {
	position:relative;
	left: 10px;
	top: 0px;
	z-index: 10;
}

A.magnify {
	border: 0px;
	background-color: green;
}

A.magnify:hover {
	border: 0px;
	background-color: yellow;
}

A.magnify IMG {
	border: 0px;
}

.mag-click {
	position:relative;
	left: -21px;
	top: 0px;
	z-index: 10;
}

.mag-click IMG {
	border: 0px;
}

.mag-click:hover {
	background-color: #929f92;
}

.cell-click {
	padding-left: 21px;
	top: 0px;
	z-index: 8;
}