*
	{
		margin:			0;
		padding:		0;
	}

	body
	{
		color:			#CCCCCC;
		background:		#0C0C0C;
	}

	#container
	{
		width:			612px;
		min-height:		360px;

		margin:			50px auto 0 auto;
		padding:		0 0 14px 0;

		background:		url("ui/footer.gif") bottom left repeat-y;
		
		position: relative;
	}

	#header
	{
		height:			59px;
		width:			612px;

		background:		url("ui/header.gif") top left no-repeat;

		position:		relative;
	}

	#footer
	{
		color:			#333;

		width:			540px;
		margin:			0 auto 40px auto;

		text-align:		center;
	}

	#footer p, #footer div
	{
		font-size:		11px;
	}

	#footer a
	{
		color:			#333;
	}

	#footer a:hover
	{
		color:			#444;
	}

	#menu
	{
		background:		url("ui/menu_bar.gif") top left repeat-x;

		height:			28px;
		margin:			0 6px;
		padding:		0 23px;

		position:		relative;
	}

	#menu li
	{
		list-style:		none;
		display:		block;
		float:			left;

		padding:		0;
		line-height:	12px;
	}

	#menu li a {
		color:			#ccc;
		text-decoration: none;
		text-shadow:	0 1px 0 #000;

		margin:			0;
		padding:		8px 7px 7px 7px;
		line-height:	12px;
		
		display:		block;
	}

	#menu li a:active {
		color: #aaa;
	}

	#menu li.selected {
		background:		#000 url("ui/tab_left.gif") left top no-repeat;
	}

	#menu li.selected a {
		background:		url("ui/tab_right.gif") right top no-repeat;
	}
	
	#menu li.selected strong {
		font-weight: normal;
	}

	#display
	{
		margin:			0 6px;
	}

	div#display
	{
		margin:			0 6px;
		height:			160px;

		color:			#222;
		background-color:#999;

		position:		relative;
	}

	div#display .row1
	{
		position:		absolute;
		top:			100px;
		left:			0;

		width:			190px;
		height:			10px;

		padding:		5px 10px 35px 100px;

		background:		url(ui/white.png);
	}

	div#display .row2
	{
		position:		absolute;
		top:			100px;
		left:			300px;

		width:			190px;
		height:			10px;

		padding:		5px 100px 35px 10px;

		background:		url(ui/white.png);
	}

	div#display select, div#display file
	{
		width: 160px;
	}

	div#display input, div#display input[type="file"], div#display select, div#display option
	{
		color:			#111;
		background:		#eee;
	}

	#text
	{
		padding:		10px 30px;
		margin:			0 6px;
	}

	h1, h2, h3, h4, h5
	{
		font-family:	Helvetica, Arial, Sans-serif; /* 'Trebuchet MS', Sans-serif */
		font-weight:	normal;
	}

	h1
	{
		display:		none;
	}

	h2
	{
		color: 			#B9DC13;
		font-size:		14px;
		margin-top:		12px;
		margin-bottom:	2px;
	}

	h3
	{
		font-size:		14px;
		margin-bottom:	2px;
	}

	h4
	{
		font-size:		12px;
		margin-bottom:	2px;
		font-weight:	bold;
	}

	body, p, li, tr, input, textarea, select
	{
		font-family:	Helvetica, Arial, Sans-serif; /* 'Trebuchet MS', Sans-serif */
		font-size:		12px;
		line-height:	18px;
	}

	p
	{
		margin: 3px 0 9px 0;
	}

	p em
	{
		font-style: normal;
	}

	a
	{
		color:			#B9DC13;
		text-decoration:	none;
	}

	a > img
	{
		border :		0;
	}

	hr
	{
		border:			none;
		color:			#111;
		background-color:#111;

		margin:			0 -30px 10px -30px;
		height:			1px;
		width:			600px;
	}

	#admin
	{
		height:			7px;
		width:			64px;

		position:		absolute;
		top:			28px;
		right:			168px;
	}

	#admin > #edit, #admin > #pages, #admin > #logout
	{
		height:			7px;
		width:			7px;

		margin:			0 0 0 8px;

		float:			right;

		display:		block;
	}

	#admin > #edit
	{
		background:		url(ui/admin_edit.gif) center center no-repeat;
	}

	#admin > #pages
	{
		background:		url(ui/admin_pages.gif) center center no-repeat;
	}

	#admin > #logout
	{
		background:		url(ui/admin_logout.gif) center center no-repeat;
	}

	#admin > #edit:hover, #admin > #pages:hover, #admin > #logout:hover
	{
		border:			1px solid #999;
		padding:		1px;
		margin:			-2px -2px -2px 6px;
	}

	#admin > #edit:active, #admin > #pages:active, #admin > #logout:active
	{
		position:		relative;
		top:			1px;
	}

	table
	{
		width:			550px;
		margin:			4px 0 0 0;

		border:			none;
		border-collapse:collapse;
		border-spacing: 0;
	}

	td, th
	{
		padding:		0 9px 0 0;
		margin:			0;
		border:			none;
	}

	th
	{
		text-align: left;
	}

	td
	{
		height:			24px;
	}

	textarea
	{
		width:			100%;
		height:			180px;

		margin:			3px -5px 5px -5px;
		padding:		0 0 0 4px;
	}

	textarea, input[type="text"], input[type="password"], select
	{
		border:			1px solid #ccc;
		border-top:		1px solid #999;

		margin: 3px 0 5px 0;
	}

	input[type="button"], input[type="submit"], input[type="reset"]
	{
		border:			1px solid #ccc;
		border-bottom:	1px solid #999;

	}

	input, select, option, input[type="button"], input[type="submit"], input[type="reset"]
	{
		height:			16px;
	}

	option
	{
		background:		#fff;
		margin:			0;
		padding:		0;
		border:			none;
	}

	.new, input[type="text"].new, input[type="password"].new
	{
		background:		#fff;
	}

	.odd
	{
		background:		#F5F7FB;
	}

	.confirm_remove
	{
		color:			#fff;
		background:		#f00;
	}

	.confirm_remove a
	{
		color:			#fff;
		text-decoration:underline;
	}

	.edit_mode
	{
		background:		#ffc;
	}

	.previous_link {
		float: left;
	}
	.next_link {
		float: right;
	}
	.previous_link a, .next_link a {
		color: #999 !important;
		font-size: 11px;
	}
	.previous_link .arrow, .next_link .arrow {
		color: #666 !important;
		font-size:14px;
	}
	.previous_link .greyed, .next_link .greyed {
		color: #666 !important;
	}
	
	.imagemap span
	{
		display: none;
	}
	.imagemap:hover span
	{
		display: block;
		padding: 4px 8px;
		border: 1px solid #ccc;
		
		position: relative;

		color: #000;
		background: #fff;
	}
	
	.frontpage
	{
		position:		absolute;
		top:			103px;
		left:			84px;
		width:			64px;
		height:			138px;
	}
	.frontpage span {
		bottom: -76px;
		left: 56px;
		width: 260px;
	}
	.contact
	{
		position:		absolute;
		top:			182px;
		left:			120px;
		width:			50px;
		height:			30px;
	}
	.contact span {
		bottom: -32px;
		width: 200px;
	}

	.expander_toggle, h3.expander_toggle
	{
		display:		block;
		background:		#0c0c0c;
		border:			1px solid #111111;
		border-left:	none;
		border-right:	none;
		padding:		4px 30px;
		text-decoration: none;
		font-weight:	normal;

		margin:			0 -30px;
		font-size:		12px;
	}

	.expander
	{
		margin:			0 -8px 1px -8px;
	}

	.expander_toggle > a
	{
		color:			#ccc;
		display:		block;
		padding:		5px 26px;
		margin:			-5px -26px;
	}

	.expander_toggle:target
	{
		background:		#000;
		border-bottom:	1px transparent;
	}

	.expander_toggle:target a
	{
		color:			#ccc;
		text-shadow:	0 1px 2px #111111;
		text-decoration: none;
	}


	/* Seaarch */

	#find {
		position: absolute;
		right: 16px;
		top: 60px;
		z-index: 3;
	}
	#find input {
		width: 140px;
		height: 16px;
		padding: 1px 2px;
	}
	
	#search_field {
		position: absolute;
		bottom: 15px;
		right: 0;

		z-index: 5;

		border: 1px solid #222;
		background: #050505;
		color: #eee;

		font-size: 13px;
		font-family: Helvetica, Arial, Sans-serif;
	}

	#live_results {
		color: #fff;
		background: #131313 url("ui/live_search_top.gif") top left no-repeat;

		width: 280px;
		padding: 30px 0 0 0;

		position: absolute;
		top: -44px;
		right: -10px;

		z-index: 4;
	}
	#live_results p.exerpt, #live_results h2 {
		display: none;
	}
	#live_results ol {
		margin: 0;
		padding: 0;
	}
	#live_results li,
	#live_results li h3,
	#live_results li h3 a,
	#live_results li p,
	#live_results p {
		color: #ccc !important;
		font-size: 11px !important;
		line-height: 15px !important;
		text-align: left;
		
		margin: 0;
	}
	#live_results li a {
		color: #fff !important;
		text-decoration: none;
		
		display: block;
		width: 240px;
		margin: -8px 0 -8px 0;
		padding: 8px 28px 8px 12px;
	}
	#live_results li a:hover {
		background: #111;
	}
	#live_results li a:active {
		background: #111;
	}
	#live_results li {
		display: block !important;
		float: none !important;
		
		padding: 8px 0;
		margin: 0 !important;
		
		border-bottom: 1px solid #222;
		
		min-height: 40px;
	}
	#live_results strong.match {
		font-weight: bold;
		color: #B9DC13; /*#F0AAAA*/
		background: #191B09;
	}
	strong.match {
		font-weight: normal;
		color: #B9DC13; /*#F0AAAA*/
		background: #0E1005;
	}
	#live_results #more {
		background: #222 url("ui/live_search_bottom.gif") bottom left no-repeat;
		padding: 5px 12px;
		height: 15px;
	}
	#live_results #more a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	
	
	.searchresult_text {
		padding-top: 4px;
	}
	.searchresult_icon {
		float: left;
		height: 40px;
		width: 40px;
		border: 1px solid #333;
		margin: 2px 6px 0 0;
	}
	#live_results .searchresult_icon {
		margin: 2px 6px 0 12px;	
	}
	
	
	#results_list {
		list-style: none;
	}
	
	#results_list li {
		margin: 12px 0;
	}
	
	#results_list li .searchresult_icon {
		position: relative;
		top: -3px;
	}