/*default markup*/
body {
	margin: 0 auto;
	text-align: center;
}
div.content {
	margin: 1em;
}
div.path,
div.content,
div.footer {
	text-align: left;
	max-width: 640px;
	width: expression(document.body.clientWidth > 640? "640px": "auto" );
	margin: 0 auto;
}
h1 {
  font: normal normal bold 14pt Arial,sans-serif;	
	text-shadow: 2px 2px 2px gray;
	padding: 0.5em 4px 0.5em 100px;
	margin: 1em 0 0.5em 0;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	background: transparent url(catsdeep-logo-55x43.gif) no-repeat scroll center left;
}
h2 {
  font: normal normal bold 8pt Verdana,sans-serif;
}
p {
  font: normal normal normal 8pt Verdana,sans-serif;
	line-height: 150%;
	margin: 0.5em 0 1em 2em;
}
ul { 
	margin: 0 0 1em 2.5em;
}
li {
  font: normal normal normal 8pt Verdana,sans-serif;
	margin: 0 0 0.5em 0;
	padding:0;
}
a,
a:visited {
	color: slateblue;
}
a:hover {
	color: red;
}
a.active {
	font-weight: bold;
}
a.external {
	background: transparent url(/res/external.png) no-repeat center right scroll;
	padding-right: 13px;
}
div.path a:active {
	background: yellow;
	color: slateblue;
}
/*own markup*/
div.path {
	font: normal normal normal 8pt Verdana,sans-serif;
	padding: 0.5em 0.5em 2px 0.5em;
}
div.path span {
	color: silver;
}
div.footer {
  font: normal normal normal 8pt Arial,sans-serif;
	text-align: center;
	color: #808080;
  background-color: #F1F3F5;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	margin-top: 3em; margin-bottom: 0.5em;
	padding: 2px;
}
div.footer a,
div.footer a:hover {
	color: #c0c0c0
}
div.footer a span {
	color: #808080
}