/* layout
----------------------------------------------- */

body, p, td {

	font: 10px verdana, arial, helvetica;
	color: #999999;
	}

ul {
	list-style-image: url(images/bullet.gif);

	margin-left: 1px;
	padding-left: 1.8em;
	text-indent: 0em;
	}

h1 {
	font: 10px verdana, arial, helvetica;
	color: #ffffff;
	font-weight: bold;
}

hr {
border:0;
width:100%;
color:#496077;
background-color:#496077;
height:1px;
}

a, a:hover, a:visited {
	color: #cccccc;
	text-decoration: underline;
}
a:hover {
	color: #cccccc;
}

.recent {
	font: 10px verdana, arial, helvetica;
	color: #333333;
}

.recent a, .recent a:hover, .recent a:visited {
	color: #333333;
}

.recent b {
	font-weight: bold;
	color: #ffffff;
}

.footer {
	font: 10px verdana, arial, helvetica;
	color: #cccccc;
	}

.footer a, .footer a:hover, .footer a:visited {
	font: 10px verdana, arial, helvetica;
	color: #ccc;
	}

input, textarea, select {
	border: 1px solid #496077;
	background-color: #212C41;
	color: #eee;
	font-size: 10px;
	font-family: verdana, arial, helvetica;
}

.formbutton {
	border: 1px solid #496077;
	background-color: #33485D;
	color: #eee;
	font-size: 10px;
	font-family: verdana, arial, helvetica;
}

/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative; overflow:hidden;
	width:59px; height:196px; z-index:100
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:59px; height:196px; 
	clip:rect(0px, 59px, 196px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}