/* core NOF stuff to start with */

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

html, body { 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

.accessLink {
	position:absolute;
	top:2px;
	width:98%;
	text-align:right;
	z-index:1
}

.accessLink p a {
	font-family:verdana,helvetica,arial,sans-serif;
	color:#000066;
	font-weight:bold
}

.ohheader {
	margin: 0px;
	background-image: url(../images/bar_bg_top.gif);
	width: 100%;
	height: 27px;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
}

.ohheaderblack {
	margin: 0px;
	background-image: url(../images/bar_bg_black.gif);
	width: 100%;
	height: 59px;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
}

.ohheadertrans {
	margin: 0px;
	background-image: url(../images/bar_bg_trans.gif);
	width: 100%;
	height: 59px;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
}

.strip {
	margin: 0px;
	background-image: url(../images/thinstrip.gif);
	width: 100%;
	height: 36px;
	z-index: 10;
	position: absolute;
	top: 40px;
	left: 0px;
	border: 0px;
}

.homelink {
	height: 20px;
	width: 50px;
	left: 5px;
	top: 4px;
	position: absolute;
	z-index: 1;
	border: 0px;
}

.ohbanner {
	position: absolute;
	left: 89px;
	top: 1px;
	z-index: 10;
	border: 0px;

}

/* module specific stuff here */





.drawersbg {
	background-image: url(../images/drawersbg.gif);
	height:124px;
}

.shopbg {
	background-image: url(../images/room_strip.gif);
	height:269px;
}

.floortitles {
	background-image: url(../images/floortiles.gif);
}

.shopmid {
	background-image: url(../images/new_shop_mid_strip.gif);
}

.drawerfronts {
	background-image: url(../images/drawer.gif);
	background-repeat: no-repeat;
	width:244px;
	height:124px;
}

.drawerfronts2 {
	background-image: url(../images/drawer.gif);
	background-repeat: no-repeat;
	width:244px;
	height:124px;
}

.drawerfronts3 {
	background-image: url(../images/drawer.gif);
	background-repeat: no-repeat;
	width:244px;
	height:124px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}


.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FFFFFF;
}

a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC6600;
	text-decoration: none; 
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.respa{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.respa:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #330000;
}

.antahead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC6600;
	text-decoration: none; 
}

.antahead:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.anta {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: x-small;
	text-decoration: none;
}

.anta:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC6600;
	font-size: x-small;
	text-decoration: none;
}

.drawerlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}

.drawerlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #990000;
}

.antlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FF0000;
}

.antlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FFCC00;
}

.contentpanel {
	position: absolute;
	background-color: #F9F6E0;
	width: 70%;
	top: 10%;
	left: 15%;
	z-index: 20;
	border: 1px solid;
	border-bottom: 2px solid;
	border-right: 2px solid;
	padding: 5px;
}


.intropanel {
	position: absolute;
	background-color: #F9F6E0;
	width: 25%;
	top: 40%;
	left: 50%;
	z-index: 20;
	border: 1px solid;
	border-bottom: 2px solid;
	border-right: 2px solid;
	padding: 5px;
}

.intropanel2 {
	position: absolute;
	background-color: #F9F6E0;
	width: 50%;
	top: 25%;
	left: 25%;
	z-index: 20;
	border: 1px solid;
	border-bottom: 2px solid;
	border-right: 2px solid;
	padding: 5px;
}

.welcometext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #990000;
	font-style: italic;

}

.glossarypanel {
	position: absolute;
	background-color: #B99C7D;
	border: 1px solid;
	border-bottom: 2px solid;
	border-right: 2px solid;
	padding: 5px;
	width: 60%;
	left: 20%;
	top: 20%;
	z-index: 30;
}

.miniglossary {
	position: absolute;
	background-color: #B99C7D;
	border: 1px solid;
	border-bottom: 2px solid;
	border-right: 2px solid;
	padding: 5px;
	width: 200px;
	z-index: 35;
	top: 30%;
}

.responsepanel {
	position: absolute;
	background-color: #D0D0A0;
	width: 30%;
	top: 15%;
	left: 35%;
	z-index: 22;
	border: 1px solid;
	border-bottom: 2px solid;
	border-right: 2px solid;
	padding: 5px;
	visibility: hidden;
}

.antiquepanel {
	position: absolute;
	background-color: #D0D0A0;
	font-family: Arial, Helvetica, sans-serif;
	width: 70%;
	left: 15%;
	top: 20%;
	z-index: 25;
	border: 1px solid;
	border-bottom: 2px solid;
	border-right: 2px solid;
	padding: 5px;
}


.shopcontent {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	margin: 0px;
	border: 0px;
	z-index: 5;
	left: 0;
}

.shopcontenttable {
	width: 100%;
	height: 100%;
}

.amourholder {
	position:absolute; 
	top: 57px; 
	left: 65px;
	z-index: 16;
}

.catholder {
	position:absolute; 
	top: 120px;
	left: 650px;
	z-index: 17;
}

.bannerbg {
	background-color: #FFFFFF;
	border: 1px solid black;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}


.outsideshop_topstrip {
	background-image: url(../images/outside_topstripbg.gif);
	width: 100%;
	height: 128px;
}

.outsideshop_brickbg {
	background-image: url(../images/outside_brickbg.gif);
	height: 360px;
}

.outsideshop_bottomstrip {
	background-image: url(../images/outside_brickbg.gif);
	width: 100%;
	height: 7px;
}

.outsideshop_bottompave {
	background-color: #CCCCCC;
	width: 100%;
}

.things {
	position: absolute; 
	left: 104px; 
	top: 90%;
	z-index: 56;
}

.imgborder{
	border: 1px solid black;
}

.imgborder2{
	border: 2px solid black;
}

.credit {
	background-color: #F9F6E0;
	position: absolute; 
	left: 0px;
	top: 119px;
	z-index: 57;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
}

.shoppadder {
	height: 27px;
}

.shopmain {
	width: 100%;
	height: 271px;
}

.drawertables {
	height: 10px;
}

.deskbg {
	background-color: #FFFFEC;
	height: 175px;
	width: 100%;
}

.deskbgtop {
	background-color: #000000;
	height: 1px;
}