@charset "UTF-8";
/* CSS Document */

html, body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	margin-left: 0px;
}

a {
	outline: none;
	text-decoration: none;
	cursor: pointer;
}

a img {
	border: none;
}

a:link {
	color: #FF9900;
}

a:visited {
	color: #FF9900;
}

a:hover {
	color: #FFFFFF;
	background-color: #FF9900;
}

a:active {
	color: #FF9900;
}

#outer {
	background-image: url(../images/stripes.gif);
}

#container {
	width: 810px;
	margin-left: 0px;
	padding-top: 8px;
	background-color: #FFFFFF;
	padding-right: 4px;
}

#header {
	color: #666666;
	height: 28px;
	font-size: 36px;
} 

#header-padding {
	height: 2px;
}

#header-right {
	float: right;
	width: 392px;
	height: 12px;
	background-image: url(../images/stripes.gif);
	margin-top: 12px;
}

#header-left {
	height: 14px;
	width: 414px;
	border-right: dotted 1px #666666;
	border-top: dotted 1px #666666;
	margin-top: 12px;
}

#active-page {
	height: 25px;
	text-align: right;
}

#menu {
	width: 400px;
}

#content {
	width: 380px;
	height: 428px;
	float: right;
	border-top: dotted 1px #666666;
}

#scrolling {
	width: 16px;
	height: 434px;
	float: right;
	border-top: dotted 1px #666666;
	padding-top: 2px;
	padding-bottom: 2px;
}

#inside-content {
	float: right;
	width: 30px;
	height: 14px;
	text-align: right;
	border-right: dotted 1px #666666;
}

#footer {
	border-top: dotted 1px #666666;
	height: 18px;
	font-size: 9px;
}

#inside-footer {
	float: right;
	width: 230px;
	height: 14px;
	text-align: center;;
	border-right: dotted 1px #666666;
	background-color: #FFFFFF;
}

#inside-footer-left {
	height: 14px;
	margin-top: 2px;
	background-image: url(../images/stripes.gif);
}

/* 
   Styles for scrolling layers, specify width and height in hold and wn, and in clip for wn */

div#hold	{ 
	position: relative; 
	overflow: hidden;
	width: 320px; 
	height: 410px; 
  	z-index: 100; 
}

div#wn	{ 
	position: absolute; 
	left: 0px; 
	top: 10px; 
	width: 320px; 
	height: 410px; 
	clip: rect(0px, 320px, 410px, 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  */

#scrollbar { 
	position: relative; 
	left: 0; 
	top: 25px;
	width: 11px; 
	height: 364px; 
	font-size: 1px; 
	z-index: 1;
}

#track {
	position: absolute;
	left: 0px;
	top: 6px;
	width: 11px;
	height: 370px;
	z-index: 1;
}

#dragBar {
	position: absolute;
	left: 0px;
	top: 23px;
	width: 9px;
	height: 20px;
	border: dotted 1px #666666;
	z-index: 1;
}
  
div#up {
	position: absolute;
	left: 1px;
	top: -18px;
	z-index: 2
} 
 
div#down {
	position: absolute;
	left: 1px;
	bottom: -38px;
	z-index: 3
}  

.small {
color:#999999;
}

.createdate {
color:#999999;
}

.createdby {
color:#999999;
}

.modifydate {
color:#999999;
}