html
{
	margin: 0px;
	padding: 0px;
}
body
{
	margin: 0px;
	padding: 0px;
	color: #000;
	background-color: #000;
	background-image: url(body_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	cursor: url(hdb.cur);
}
div
{
	margin: 0px;
	padding: 0px;
}

p, blockquote, li, h2, h3, dd, dt
{
	font-family: Verdana, Tahoma, Helvetica, San-Serif;
	font-size: 0.8em;
	/*font-family: "Lucida Handwriting", "Lucida Grande", Verdana, Tahoma, Helvetica, San-Serif;
	font-size: 0.8em;*/
	font-weight: normal;
}

h2, h3
{
	font-size: 1em;
}


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

h1
{
	margin: 0px;
}

hr
{
	display: none;
}

pre
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

ol li.current a
{
	text-decoration: none;
	color: #000;
}

#easy-access, #easy-access a
{
	color: #fff;
}

#easy-access a:hover, #easy-access a:focus
{
	color: #000;
}

body.category #content h2, h2.restitle
{
		margin: 3px 0px 0px 0px;
    padding: 2px 0px 8px 20px;
    background-position: 12px 0px;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #B67F33;
    background-image: url(title_bg.gif);
}

div.resource1
{
		margin: -1px 12px 0px 12px;
    padding: 0px 0px 0px 50px;
		border-style: solid;
		border-width: 1px;
		border-color: #D9A356;
    background-repeat: repeat-y;
    font-family: Tahoma, Arial, Helvetica;
		font-size: 11px;
		color: #FFBF68;
    background-image: url(description_bg1.gif);
}
div.resource2
{
		margin: -1px 12px 0px 12px;
    padding: 0px 0px 0px 50px;
		border-style: solid;
		border-width: 1px;
		border-color: #D9A356;
    background-repeat: repeat-y;
    font-family: Tahoma, Arial, Helvetica;
		font-size: 11px;
		color: #FFBF68;
    background-image: url(description_bg2.gif);
		z-index: 1;
}

h2.category
{
	text-transform: uppercase;
}


#content h2 a 
{
	color: #000;
}

#page
{
	width: 767px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#banner
{
	background: url(banner_bg.jpg);
	height: 49px;
	margin: 0px;
	border: none;
	text-align: center;
}
a.banner
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #E49216;
}

#footer a, #banner h1 a
{
	text-decoration: none;
	border: none;
	color: #000;
}
ol.tree
{
	margin: 0;
	padding: 0;
}
ol.tree li
{
	display: inline;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0;
}

ol.tree li:before
{
	content: '\00bb  ';
}

#content img, #content iframe
{
	border-width: 1px;
	border-color: #D9A356;
	border-style: solid;
	margin: 5px;
}

p.modified
{
	font-size: 0.6em;
	margin: -1em 1em -0.5em 1em;
	text-align: right;
}

#footer img, div.col-content img
{
	border: none;
}

#footer
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	color:  #FFBF68;
	text-align: center;
	background-image: url(footer_bg.jpg);
	height: 50px;
	clear: both;
	border: none
}

#banner h1
{
	font-family: Georgia, Times, "Times New Roman", Serif;
	font-style: italic;
	border: none;
}

#banner h2
{
	border: none;
	text-align: right;
	margin-right: 5em;
}

#main
{
	width: 521px;
	background-image: url(main_bg.jpg);
}

div.col-content
{
	background-image: url(left05.jpg);
}

div.col-content h2
{
	padding-bottom: 0;
	margin-bottom: 0.2em;
}

div.col-content li
{
	list-style: none;
}

div.col-content ol li
{
	list-style-type: decimal;
	margin-left: 1.2em;
}

div.col-content a
{
	text-decoration: underline;
}

div.col-content ul, div.col-content ol, div.col-content p
{
	margin-top: 0;
	margin-left: 7px;
	padding-left: 0;
	margin-right: 10px;
	padding-right: 0;
}

input, textarea 
{
	border-width: 1px;
	border-color: #ccc;
}

input[type], textarea[name]
{
	background: #eee;
}

input[type=submit], input[type=reset] 
{
	background: #bbb;
	color: #000;
}

input[type=submit]:hover 
{
	background: #999;
	color: #fff;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
#mainfloat
{
	float: left;
	width: 75%;
}
#content
{
}

#menuleft
{
	width: 246px;
	text-align: right;
}
#menuright
{
	margin-left: 72%;
}
/* */
#content, #menuleft, #menuright
{
	border: none;

}
/* VERTICAL PADDING ABOVE COLUMNS */
#banner
{ 
	margin-bottom: 0px; 
}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright, h2
{ 
	position: relative; 
}