/* --------------------------------------- */
/* GEOSEAS 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;
	outline: 0;
	}

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

body, td
	{
	font-family: verdana,arial,helvetica;
	font-size: 0.8em;
	color: #000;
	}

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

div#wrapper
	{
	position: relative;
	width: 920px;
	margin: 0px auto;
	}

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

a								{ color: #819eae; text-decoration: none; }
a:hover							{ color: #000; text-decoration: underline; }


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

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

#header_print					{ display: none; }

#header
	{
	position: relative;
	background: url(/grfx/background-header.png) no-repeat 0px 0px;
	height: 201px;
	padding-top: 32px;
	}

#header h1
	{
	position: absolute;
	background: url(/grfx/logo.png) no-repeat;
	_background: url(/grfx/logo.gif) no-repeat;
	text-indent: -9999px;
	width: 98px;
	height: 98px;
	top: 6px;
	left: 28px;
	z-index:2;
	}

#innerheader
	{
	position: relative;
	background-image: url(/grfx/default/headerphoto.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #000;
	height: 147px;
	margin-top: 2px;
	}

#innerheader h2
	{
	position: absolute;
	background: url(/grfx/subtitle.png) no-repeat;
	_background: url(/grfx/subtitle.gif) no-repeat;
	text-indent: -9999px;
	width: 438px;
	height: 52px;
	top: 70px;
	left: 18px;
	z-index:2;
	}

#innerheaderoverlay
	{
	position: absolute;
	background: url(/grfx/innerheaderoverlay.png) no-repeat;
	_background: url(/grfx/innerheaderoverlay.gif) no-repeat;
	width: 100%;
	height: 29px;
	top: 0px;
	left: 0px;
	z-index: 1;
	}

#eulogo
	{
	position: absolute;
	background: url(/grfx/logo-eu.gif) no-repeat;
	width: 90px;
	height: 60px;
	top: 46px;
	right: 34px;
	}

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

/* --------------------------------------- */
/* NAVIGATION */
/* --------------------------------------- */

#navigation
	{
	position: relative;
	background: url(/grfx/background-navigation.png) no-repeat;
	_background: url(/grfx/background-navigation.gif) no-repeat;
	height: 52px;
	z-index: 0;
	}

#navigation ul
	{
	position: relative;
	list-style: none;
	width: 750px;
	height: 52px;
	left: 140px;
	}

#navigation ul li
	{
	position: absolute;
	text-indent: -9999px;
	height: 52px;
	}

#m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8,
#m1_on, #m2_on, #m3_on, #m4_on, #m5_on, #m6_on, #m7_on, #m8_on,
#m1 a:hover, #m2 a:hover, #m3 a:hover, #m4 a:hover, #m5 a:hover, #m6 a:hover, #m7 a:hover, #m8 a:hover
	{
	background-image: url(/grfx/navigation.png);
	_background-image: url(/grfx/navigation.gif);
	background-repeat: no-repeat;
	height: 52px;
	}

#m1, #m1 a:hover, #m1_on		{ width: 81px; left: 0px; }
#m2, #m2 a:hover, #m2_on		{ width: 83px; left: 81px; }
#m3, #m3 a:hover, #m3_on		{ width: 101px; left: 164px; }
#m4, #m4 a:hover, #m4_on		{ width: 79px; left: 265px; }
#m5, #m5 a:hover, #m5_on		{ width: 164px; left: 344px; }
#m6, #m6 a:hover, #m6_on		{ width: 82px; left: 508px; }
#m7, #m7 a:hover, #m7_on		{ width: 88px; left: 590px; }
#m8, #m8 a:hover, #m8_on		{ width: 72px; left: 678px; }

#m1								{ background-position: -0px -0px; }
#m2								{ background-position: -81px -0px; }
#m3								{ background-position: -164px -0px; }
#m4								{ background-position: -265px -0px; }
#m5								{ background-position: -344px -0px; }
#m6								{ background-position: -508px -0px; }
#m7								{ background-position: -590px -0px; }
#m8								{ background-position: -678px -0px; }

#m1 a:hover, #m1_on				{ background-position: -0px -52px; }
#m2 a:hover, #m2_on				{ background-position: -81px -52px; }
#m3 a:hover, #m3_on				{ background-position: -164px -52px; }
#m4 a:hover, #m4_on				{ background-position: -265px -52px; }
#m5 a:hover, #m5_on				{ background-position: -344px -52px; }
#m6 a:hover, #m6_on				{ background-position: -508px -52px; }
#m7 a:hover, #m7_on				{ background-position: -590px -52px; }
#m8 a:hover, #m8_on				{ background-position: -678px -52px; }

#navigation a					{ text-decoration: none; height: 52px; display: block; }



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

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

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

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

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

#main
	{
	position: relative;
	background: url(/grfx/background-main.gif) repeat-y;
	height: auto;
	_height: 400px;
	min-height: 400px;
	}

#content
	{
	position: relative;
	height: auto;
	_height: 400px;
	min-height: 400px;
	margin-left: 200px;
	margin-right: 200px;
	padding: 15px;
	}

#content h3
	{
	font-weight: normal;
	font-size: 1.6em;
	margin-bottom: 15px;
	}

#content table td				{ font-size: 0.9em; }

#content p, #sidebar2 p,
#content ul, #content ol
	{
	margin-bottom: 15px;
	}

#content ul li					{ margin-left: 15px; }

.content_form					{ width: 100%; }

#newsbox h4						{ font-size: 1em; }
#newsbox .date					{ font-style: italic; color: #999; }

ul#sitemap li					{ background: url(/grfx/bullet-sitemap.gif) no-repeat 1px 6px; list-style: none; margin: 0px; padding: 2px 0px 2px 14px; }

/* sidebar */

#sidebar
	{
	position: relative;
	width: 200px;
	float: left;
	}

#sidebar h4, #sidebar2 h4
	{
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
	margin-top: 15px;
	}

#sidebar h4#mainmenu1			{ background-image: url(/grfx/sh-overview.gif); }
#sidebar h4#mainmenu2			{ background-image: url(/grfx/sh-metadata.gif); }
#sidebar h4#mainmenu3			{ background-image: url(/grfx/sh-data-access.gif); }
#sidebar h4#mainmenu4			{ background-image: url(/grfx/sh-products.gif); }
#sidebar h4#mainmenu5			{ background-image: url(/grfx/sh-standards-software.gif); }
#sidebar h4#mainmenu6			{ background-image: url(/grfx/sh-meetings.gif); }
#sidebar h4#mainmenu7			{ background-image: url(/grfx/sh-promotion.gif); }
#sidebar h4#mainmenu8			{ background-image: url(/grfx/sh-partners.gif); }

#sidebar h4#tools				{ background-image: url(/grfx/sh-tools.gif); }

#subnavigation
	{
	width: 168px;
	margin: auto;
	}

#subnavigation li, #subnavigation li ul li
	{
	font-weight: normal;
	font-size: 1.2em;
	list-style-type: none;
	}

#subnavigation li ul li			{ font-size: 0.85em; }

#subnavigation li
	{
	border-bottom: 1px dotted #fff;
	padding: 4px 0px 4px 0px;
	}

#subnavigation li ul li			{ border: 0px; }

#subnavigation a#sub_on,
#subnavigation a#subsub_on
	{
	color: #000;
	}

#subnavigation ul				{ margin-left: 10px; }

#subnavigation a
	{
	color: #fff;
	text-decoration: none;
	display: block;
	}

#subnavigation a:hover
	{
	color: #000;
	text-decoration: none;
	display: block;
	}

#subnavigation ul li a, #subnavigation ul li a:hover,
#subnavigation ul li#subsub_on a
	{
	background: url(/grfx/icon-subsubnavigation_off.gif) no-repeat 0px 6px;
	display:block;
	padding: 2px 2px 2px 14px;
	_padding: 0px 0px 0px 14px;
	}

#subnavigation ul li a:hover,
#subnavigation ul li a#subsub_on
	{
	background: url(/grfx/icon-subsubnavigation_on.gif) no-repeat 0px 6px;
	}

ul#sidebarnavigation
	{
	position: relative;
	list-style: none;
	width: 166px;
	height: 46px;
	margin-top: 10px;
	margin-left: 15px;
	}

ul#sidebarnavigation li
	{
	position: absolute;
	text-indent: -9999px;
	width: 83px;
	height: 23px;
	}

#sn1, #sn2, #sn3, #sn4,
#sn1 a:hover, #sn2 a:hover, #sn3 a:hover, #sn4 a:hover
	{
	background-image: url(/grfx/sidebar-navigation.gif);
	background-repeat: no-repeat;
	}

#sn1							{ background-position: -0px -0px; top: 0px; left: 0px; }
#sn2							{ background-position: -83px -0px; top: 0px; left: 83px; }
#sn3							{ background-position: -0px -23px; top: 23px; left: 0px; }
#sn4							{ background-position: -83px -23px; top: 23px; left: 83px; }

#sn1 a:hover					{ background-position: -0px -46px; top: 46px; left: 0px; }
#sn2 a:hover					{ background-position: -83px -46px; top: 46px; left: 83px; }
#sn3 a:hover					{ background-position: -0px -69px; top: 69px; left: 0px; }
#sn4 a:hover					{ background-position: -83px -69px; top: 69px; left: 83px; }

#sidebarnavigation a			{ text-decoration: none; height: 23px; display: block; }

#sidebar2
	{
	position: relative;
	width: 200px;
	float: right;
	}

#sidebar2 h4#news				{ background-image: url(/grfx/sh2-news.gif); }

#sidebar2 ul#newsblock			{ font-size: inherit; color: #fff; margin-left: 15px; padding-right: 10px; }
#sidebar2 ul#newsblock li		{ list-style: none; margin-bottom: 10px; }
#sidebar2 ul#newsblock a		{ color: #fff; text-decoration: none; }
#sidebar2 ul#newsblock a:hover	{ color: #fff; text-decoration: underline; }

#sidebar2 .more					{ margin-left: 15px; }
#sidebar2 .more a				{ color: #fff; }

#sidephotos
	{
	width: 172px;
	margin: auto;
	}

#sidephotos img
	{
	border: 2px solid #000;
	margin-bottom: 15px;
	}

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

/* --------------------------------------- */
/* MEETINGS */
/* --------------------------------------- */

#agendabox h4, #agendabox h5
	{
	border-bottom: 1px dotted #819eae;
	font-weight: bold;
	font-size: 1.4em;
	color: #819eae;
	margin-bottom: 15px;
	padding-bottom: 3px;
	}

#agendabox h5					{ border: 0px; font-size: 1.2em; color: #000; padding-bottom: 0px; }

#agendabox h6
	{
	font-size: 1em;
	margin: 0;
	margin-bottom: 0px;
	cursor: pointer;
	}

#agendabox h6 span				{ font-weight: normal; color: #000; }

#agendabox h6 a
	{
	background: url(/grfx/icon-moredetails_down.gif) no-repeat right 3px;
	padding-right: 15px;
	}

#agendabox h6 a:active
	{
	background: url(/grfx/icon-moredetails_up.gif) no-repeat right 3px;
	padding-right: 15px;
	}

#content #agendabox div
	{
	border: 1px dotted #adadad;
	margin: 0;
	margin-top: 5px;
	padding: 10px 15px 20px;
	}


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

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

.browse_table					{ width: 100%; }

.browse_subject					{ background-color: #ccc; }

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

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

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

#content_table ul
	{
	color: #000000;
    font-family: "Trebuchet MS",Arial,sans-serif;
    font-size: 13px;
	}

#content_table ul li
	{
    list-style-type: decimal;
    padding-bottom: 5px;
    margin-left:25px;
    }

#content_table
	{
	width:300px;
	height:300px;
	overflow:auto
	}

#content_table hr
	{
    background: none repeat scroll 0 0 #0066cc;
    border: 0 none;
    height: 3px;
    margin-bottom: 15px;
	}

#content_table p
	{
	margin:10px 0px 0px 0px;
	}


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

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

div#footer
	{
	position: relative;
	font-size: 0.85em;
	height: auto;
	_height: 30px;
	min-height: 30px;
	clear:both;
	}

div#footer #copyright
	{
	position: relative;
	height: auto;
	_height: 30px;
	min-height: 30px;
	margin-left: 214px;
	}

#policy {
	padding-left: 18px;
	float: left;
	}

#policy a					{ color: #fff; }


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