/* CSS Document */

div#hold	{ 
	position:relative; overflow:hidden;
	width:280px; height:200px; 
  	z-index:100; 
	}
div#wn	{ 
	position: absolute;
	left: 240px;
	width: 560px;
	top: 270px;
	height: 270px;
	clip:rect(0px,560px,291px,0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:absolute; left:810px; top:260px;
  width:11px; height:290px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:11px;
  width:11px; height:268px;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#F2F2F2;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }


 #sidefoot {
	height: 200px;
	width: 170px;
	padding: 5px
}
/* scroller "window" 
   set width, height (and clip) to match values sent to constructor */
div#wn1 {
	position:absolute;
	width:150px;
	height:165px;
	z-index:1;
	clip:rect(0, 150px, 165px, 0);
	overflow:hidden;
	left: 30px;
	top: 370px;
	xborder: red solid 1px;
  }

div#cnt {
	position:absolute;
	z-index:1;
} /* layer that scrolls */

/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
div#cnt div.item { width:150px; height:165px; xborder-bottom: red solid 1px; }

/* styles for scroller content (read important instructions regarding collapsing margins!) */
div#cnt h3 { font-size:12px; margin:0 0 .5em 0; color: #999;}  
div#cnt p { font-size:11px; margin:.5em 0 0 0 }
div#cnt ul { margin: 10px 20px; list-style-type: circle; }
xdiv#cnt ul {
	margin:auto;
	padding:auto;
	font-size:11px;
	list-style-type:disc
}
xdiv#cnt ul li a {
	margin: 0.5em 0 0 1em;
	display:list-item;
	background: #F2F2F2;
	text-decoration: underline;
	border-bottom: none;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	color: #E4007B;
 }




body {
	font-family: verdana, arial, serif;
	font-size: 11px;
	text-align: center;
	padding: 0;
	line-height: 16px;
	color: #666;
	margin: 0px;
	background-color: #F2F2F2;
}

#container {
	width: 840px;
	margin: auto;
	background-image:  url(/site/grey-wide.gif);
	text-align: left;
	padding: 0 0 0 0px;
	position: relative;
	top: 0px;
	height: 570px;
}

#logo {
	background-image:  url(/site/logo.gif);
	margin: 0 0 0 0px;
	width: 239px;
	height: 76px;
}

#sidebar {
	width: 220px;
	padding-top: 40px;
	padding-left: 20px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar ul li a {
	display: block;
	padding: 3px;
	color: #D28500;
	background: #F2F2F2;
	text-decoration: none;
	border-bottom: 3px solid #FFFFFF;
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
html>body #sidebar ul li a { width: 164px; }

#sidebar ul li a:hover {
	background-color: #D28500;
	color: #FFF;
}



#header {
	position: absolute;
	left: 230px;
	width: 590px;
	height: 180px;
	top: 40px;
}

#contentnav {
	float:right;
	padding-bottom: 10px;
	text-align: left;
}
#contentnav ul {
	margin: 0 0 0 20;
	padding: 0;
	list-style-type: none;
}


#contentnav ul li a {
	display: block;
	padding: 3px;
	color: #E4007B;
	background: #F2F2F2;
	text-decoration: none;
	border-bottom: 3px solid #FFFFFF;
	width: 140px;
}
#contentnav ul li a:hover {
	background-color: #87D300;
	color: #FFF;
}
#contentnav ul li a img { background: #fff; border: #eee solid 1px; color: #FFF; }


#contentnav b {
	display: block;
	padding: 3px;
	color: #00267F;
	background: #E4007B;
	text-decoration: none;
	border-bottom: 3px solid #FFFFFF;
	width: 120px;
}

#contentright{
	float:right;
}

h1 {
	font-size: 13px;
	font-weight: bold;
	color: #D28500;
	margin: 0px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #999;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #E4007B;
}

a {
	color: #E4007B;
}

a:hover {
	color: #87D300;
}

#content b {
	color: #FF38B6;
}

#lyr1 ol { }

#lyr1 ol li { padding-top: 10px; font-weight: bold; }

#foot {
	background-image:  url(/site/contentfoot.gif);
	background-repeat: no-repeat;
	height: 22px;
}
select {
	font-size: 11px;
	width: 200px;
	border: 1px solid #FF38B6;
}
.button {
	width: 200px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF38B6;
}
.checkbox  {
	background-color: transparent; border-style: none
}
input {
	font-size: 11px;
	border: 1px solid #FF38B6;
}
.filebox {
	font-size: 11px;
	border: 1px solid #FF38B6;
}
textarea {
	font-size: 11px;
	border: 1px solid #FF38B6;
}
form {
	display: inline;
}
table { /*table-layout:fixed;*/ font-size: 11px; }
th { color: #FFF; background: #D28500; }

.smalltext {
	font-size: 9px;
}
.required {
	font-size: 9px;
	color: #FF0000;
}

.data {
	position:relative;
	float: left;
	clear:both;
/*	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #87D300; */
	padding-bottom: 5px;
	text-align: justify;
}
#pic {
position:relative;
float: right;
width: 120px;
padding-top:15px;
}
#desc {
position:relative;
float: left;
width: 320px;
}
.data b {
color:#E4007B
}

#data .image img { padding: 3px; background: #fff; border: #eee solid 1px; }

.example table { border: 1px solid #CCC; }
.example .odd { background: #eee; }
.example .even { background: #e2e2e2; }

.titlecell { background: #D28500; font-weight: bold; color: #FFF; padding: 2px; }

select#YR { width: 30px; }

.datadisplay { background: #eee7ff; xcolor: #000; text-align: center; }
.res { background: #eee7ff; color: blue; text-align: center; }
.sold { background: #ffd0d0; color: red; text-align: center; }