body {
  margin : 0px 0px 0px 0px;
  background: #DDD;
  color: #222;
  font-family: Arial, sans-serif;
}

:link { color: #BBB }
:visited { color: #888 }
:active { color: #AAA }

h1 {
  font-size: 100%;
	color: #7C125C;
	background: transparent;
  margin: 5px 1px;
}
h1 span {
  color: #565A5D;
	background: transparent;
}
 
#page {
  width: 862px;
  background: #DDD url(page.png) repeat-y; /* 2px border-left, 10px border-right */
  color: #000;
  padding-right: 10px;
  padding-left: 2px;
  margin-left: 50%;
  position: absolute;
  left: -431px;
  top: 25px;
}
#header {
	width: 862px;
	/*padding-right: 0;*/
	padding-left: 2px;
	position: relative;
	left: -2px;
	background: #DDD url(hd-bk.png) repeat-y; /* Possibly make an image - Gecko pushes it down for no reason even without whitespace between img/ul */
	color: #FFF;
}
#header img {
	position: relative;
	left: -2px;
	margin: 0px;
	padding: 0px; 
}
#nav {
	width: 853px;
	padding: 4px 4px 4px 4px;
	margin: 0px 11px 0px 3px;
	text-align: center;
	font-size: 71%;
}
#nav li {
	display: inline;
	padding: 0px 5px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#nav a:link {
  color: #FFF;
  background: transparent;
  text-decoration: none;
}
#nav a:visited {
	color: #EEE;
  background: transparent;
	text-decoration: none;
}
/*#body {
	height: 264px;
}*/
#details {
  background: transparent url(footer.gif) no-repeat 0% 100%; /* was .png - why? */
	width: 874px;
	height: 94px;
	margin: 0px;
	padding: 0px;
	list-style: none inside none;
	text-align: center;
	position: relative;
	bottom: 0px;
	left: -2px;
  clear: both;
}
#details li {
	float: left;
	width: 155px;
  height: 57px;
	margin: 0px 3px;
	padding: 0px;
	position: relative;
	bottom: -25px;
}
#details .hd {
	margin: 10px 0px;
	padding-bottom: 0px;
}
#details .dt {
	margin-top: 0px 0px;
	padding-top: 0px;
	position: relative;
	bottom: 5px;
}
#details .dt, .dt a:link, .dt a:visited {
	color: #7D8181;
}
#details .hd, .hd a:link, .hd a:visited {
	color: #7C125C;
}
#details a:link, #details a:visited, #details img {
	 text-decoration: none;
	margin: 0px;
	padding: 0px;
  height: 86px;
}

.bc {
	height: 190px;
	margin: 0px;
	border: 0px;
	padding: 1px;
	float: left;
	text-align: center;
	font-size: 80%;
}
.bc p {
  margin: 5px;
}
.obox {
	background: #626362;
	color: #DEDEDE;
}
.ebox {
	background: #DEDEDE;
	color: #626362;
}
#menu {
  width: 187px;
}
#menu ul {
  text-align: left;
  list-style: none;
	margin: 5px;
	padding: 0px;
}
#menu li {
  margin: 2px;
}
#menu a:link {
	color: #BCBDBC;
}
#menu a:visited {
	color: #ABACAB;
}
#menu a:hover {
	color: #EDB8C9;
}
#body {
  margin: 5px 1px;
}
#b2 {
  width: 180px;
}
#b3 {
  width: 213px;
}
#b4 {
  width: 272px;
}
#bb {
	width: 665px;
}
#deski {
  width: 190px;
}
#desks {
  width: 262px;
	background: #FFF;
}

#splash {
	margin: 40px 80px;
	padding: 0px;
	list-style: none;
	text-align: center;
}
#splash div {
	float: left;
	width: 225px;
	margin: 4px;
}
#splash h1 {
  color: #fff;
}
#splash div a:link, #splash div a:hover, #splash div a:visited {
  text-decoration: none;
	color: #fff;
}
#splash img {
	padding: 0px;
	margin: 0px;
	border: 0;
}

/*.ebox */
.highlight, .yui-tag-highlight {
  background: transparent;
	color: #7D145E;
}
.obox .highlight, .obox .yui-tag-highlight {
  background: transparent;
	color: #EDB8C9;
}

.midbox {
  background: #CCCDCC;
  color: #333233;
	padding: 5px;
}
li.sitemap {height: 64px;}

ul#sitemap { padding: 0; margin: 0; width: 192px;}

#sitemap li {
  list-style: none;
	width: 64px;
	padding: 0px;
	margin: 0px;
	float: left;
	bottom: 0;
	top: -13px;
	font-size: 55%
}
#sitemap li a:link, #sitemap li a:hover, #sitemap li a:visited {
  text-decoration: none;
	padding: 0px;
	margin: 0px;
	height: 64px;
	width: 64px;
	color: #555
}
#sitemap li img {
  height: 64px;
	width: 64px;
	border: 0;
	padding: 0;
	margin: 0;
}
/*#sitemap li span {
	position: relative;
	top: -4px;
}*/