/* --------------------------------------- */
/* BLACKSEASCENE GENERAL css */
/* --------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}

body
	{
	background-color: #fff;
	margin: 0px;
	}

body, td
	{
	font-family: "trebuchet ms",arial,helvetica;
	font-size: 0.8em;
	color: #666;
	}

form							{ margin: 0px; padding: 0px; }

div#wrapper
	{
	position: relative;
	background: url(/grfx/background-wrapper.gif) repeat-y;
	width: 953px;
	margin: 0px auto;
	padding: 2px 0px 2px 3px;
	}

.debug							{ color: #f00; display: block; }
.clear							{ clear: both; }
.button							{ cursor: pointer; }

a								{ color: #0072bb; text-decoration: none; }
a:hover							{ color: #000; text-decoration: underline; }

/* ======================================= */

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

div#header
	{
	position: relative;
	background: url(/grfx/header_small.jpg) no-repeat;
	height: 224px;
	display: block;
	margin: 0px;
	padding: 0px;
	}

div#header_small
	{
	position: relative;
	background: url(/grfx/header_smallest.jpg) no-repeat;
	height: 159px;
	display: block;
	margin: 0px;
	padding: 0px;
	}


div#header h1, div#header_small h1
	{
	position: absolute;
	background-image: url(/grfx/logo.png);
	_background-image: url(/grfx/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 98px;
	height: 69px;
	margin: 0px;
	top: 64px;
	left: 32px;
	}

div#header_small h1				{ top: 44px; }

#header_print					{ display: none; }

#header #portallink, div#header_small #portallink
	{
	position: absolute;
	background: url(/grfx/btn-portallink.png) no-repeat;
	_background: url(/grfx/btn-portallink.gif) no-repeat;
	width: 130px;
	height: 40px;
	top: 20px;
	right: 4px;
	}

#header #portallink a, div#header_small #portallink a
	{
	text-indent: -9999px;
	height: 40px;
	display: block;
	outline: 0;
	}

div#navigation
	{
	position: relative;
	width: 949px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	}

div#navigation ul				{ position: absolute; margin: 0px; padding: 0px; }
div#navigation ul li			{ position: absolute; margin: 0px; padding: 0px; }

#m1, #m1_on						{ left: 0px; 	width: 135px; }
#m2, #m2_on						{ left: 135px;	width: 185px; }
#m3, #m3_on						{ left: 320px;	width: 190px; }
#m4, #m4_on						{ left: 510px;	width: 140px; }
#m5, #m5_on						{ left: 650px;	width: 190px; }
#m6, #m6_on						{ left: 840px;	width: 108px; }

div#navigation li    			{ background-repeat: no-repeat; text-indent: -9999px; text-decoration:none; list-style: none; height: 30px; }
div#navigation li#m1 			{ background: url(/grfx/navigation.gif) -0px -0px; }
div#navigation li#m2 			{ background: url(/grfx/navigation.gif) -135px -0px; }
div#navigation li#m3 			{ background: url(/grfx/navigation.gif) -320px -0px; }
div#navigation li#m4 			{ background: url(/grfx/navigation.gif) -510px -0px; }
div#navigation li#m5 			{ background: url(/grfx/navigation.gif) -650px -0px; }
div#navigation li#m6 			{ background: url(/grfx/navigation.gif) -840px -0px; }

#navigation a					{ background-color:transparent; text-decoration:none; display:block; height: 30px; }
#m1 a:hover, #m1_on a			{ background: url(/grfx/navigation.gif) -0px -30px; text-decoration:none; border: 0; }
#m2 a:hover, #m2_on	a			{ background: url(/grfx/navigation.gif) -135px -30px; text-decoration:none; border: 0; }
#m3 a:hover, #m3_on	a			{ background: url(/grfx/navigation.gif) -320px -30px; text-decoration:none; border: 0; }
#m4 a:hover, #m4_on	a			{ background: url(/grfx/navigation.gif) -510px -30px; text-decoration:none; border: 0; }
#m5 a:hover, #m5_on	a			{ background: url(/grfx/navigation.gif) -650px -30px; text-decoration:none; border: 0; }
#m6 a:hover, #m6_on	a			{ background: url(/grfx/navigation.gif) -840px -30px; text-decoration:none; border: 0; }

/* ======================================= */

/* --------------------------------------- */
/* BREADCRUMB  */
/* --------------------------------------- */

#breadcrumb						{ font-size:0.85em; color: #999; margin-bottom: 10px; }
#breadcrumb a					{ font-weight: normal; color: #0072bb; text-decoration: none; }
#breadcrumb a:hover				{ font-weight: normal; color: #000; text-decoration: underline; }

/* ======================================= */

/* --------------------------------------- */
/* CONTENT */
/* --------------------------------------- */

div#main
	{
	position: relative;
	height: auto;
	_height: 320px;
	min-height: 320px;
	margin: 0px;
	padding-bottom: 0px;
	}

div#content
	{
	position: relative;
	background: url(/grfx/sideline.gif) repeat-y;
	font-size: inherit;
	height: auto;
	_height: 320px;
	min-height: 320px;
	margin: 0px;
	margin-left: 320px;
	padding: 15px;
	}

div#content h3,
div#sidebar h3,
div#sidebar2 h3
	{
	font-weight: bold;
	font-size: 1.6em;
	margin: 0px;
	margin-bottom: 15px;
	}

div#content h4,
div#content .browse_table td h4
	{
	font-weight: bold;
	font-size: 1em;
	margin-top: 15px;
	}

div#content .browse_table td h4		{ font-size: 1.6em; }

div#content p					{ margin-bottom: 15px; }
div#content ul, div#content ol
	{
	margin-bottom: 15px;
	margin-left: 22px;
	}

#cntbuttons
	{
	position: relative;
	width: 50px;
	float: right;
	}

div#sidebar
	{
	position: relative;
	width: 300px;
	margin: 0px;
	padding: 15px;
	padding-right: 0px;
	float:left;
	}

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

div#sidebar ul li a
	{
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 6px;
	padding-left: 0px;
	}

.content_form tr, .content_form td
	{
	font-size: 1em;
	vertical-align: top;
	}

.date							{ font-weight: bold; font-style: italic; margin-bottom: 15px; }

/* TIPS */

.tipsblock
	{
	position: relative;
	background-color: #eee;
	width: 284px;
	margin-top: 10px;
	padding: 4px;
	}

div#sidebar .tipsblock h3
	{
	margin-bottom: 0px;
	}

.tipsblock p
	{
	margin: 0px;
	}

.tipsblock .more
	{

	}

/* ======================================= */

/* --------------------------------------- */
/* SEARCH - BROWSE - PRINT */
/* --------------------------------------- */

#search_table td				{ padding: 2px 0px 2px 0px; }

#search_table input, #search_table select
	{
	font-family: "trebuchet ms",arial,helvetica;
	font-size: inherit;
	}

.search_text3					{ font-size: 1em; }

.search_input					{ width: 250px; }
.search_select_special			{ width: 450px; }


.buttons						{ font-size: 1em; }

#search_table,
.browse_table,
.print_table
	{
	width: 100%;
	}

.browse_subject					{ background: #4095cc; }

.browse_desc-0					{ font-weight: bold; font-size: 1em; color: #fff; padding: 4px; }
.browse_desc-1					{ font-weight: bold; font-size: 1em; color: #fff; padding: 4px; }

.browse_desc0-0					{ font-weight: bold; font-size: 1em; color: #fff; width: 25%; padding: 4px; }
.browse_desc0-1					{ font-weight: bold; font-size: 1em; color: #fff; width: 20%; padding: 4px; }
.browse_desc0-2					{ font-weight: bold; font-size: 1em; color: #fff; padding: 4px; }
.browse_desc0-3					{ font-weight: bold; font-size: 1em; color: #fff; width: 5%; padding: 4px; }

.browse_data
	{
	font-size: 1em;
	padding: 4px;
	vertical-align: top;
	}

.browse_line0					{ background: #eee; }
.browse_line1					{ background: #fff; }

.print_subhead					{ background-color: #ccc; font-size: 1em; color: #fff; padding: 2px 4px 2px 4px; }
.print_desc						{ background-color: #eee; font-size: 1em; padding: 2px 4px 2px 4px; }
.print_data						{ font-size: 1em; padding: 2px 4px 2px 4px; }

.print_spacer_desc				{}
.print_spacer_data				{}

/* ======================================= */

/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

div#footer
	{
	position: relative;
	background-color: #eee;
	font-size: 0.85em;
	color: #666;
	width: 950px;
	height: auto;
	min-height: 50px;
	_height: 50px;
	margin: 0px;
	padding: 0px;
	clear:both;
	}

div#footer a					{ color: #ccc; text-decoration: none; }
div#footer a:hover				{ color: #000; text-decoration: underline; }

div#footer p#copyright
	{
	position: relative;
	height: auto;
	_height: 40px;
	min-height: 40px;
	margin: 0px;
	margin-right: 220px;
	padding-top: 10px;
	padding-left: 10px;
	}

div#footer ul#footernav
	{
	position: absolute;
	list-style: none;
	width: 220px;
	margin: 0px;
	padding: 0px;
	float: right;
	top: 10px;
	right: 0px;
	}

div#footer ul#footernav li
	{
	padding: 0px;
	float: left;
	}

div#footer ul#footernav a
	{
	color: #0074bc;
	text-decoration: none;
	padding: 0em 0.75em;
	display: block;
	}

/* ======================================= */
/* ======================================= */
/* ======================================= */