/*
project: DNO & OSO, stylesheet, screen media
author : ois
date : 09/2004 - 03/2005
*/

@import url(extra.css);


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

html,body {
	margin: 0;
	padding: 0;
	}

body 	{
	color: #000;
	background: #F6F6EC url(/grfx/page_bg.jpg) repeat-x;
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 150%;
	}

#wrapper {
	position:relative;
	width:750px;
	background: #fff url(/grfx/wrapper_bg.jpg) top right repeat-y;
	border-left:1px #666 solid;
	text-align:left;
	margin:0 auto;
	padding:0;
	}


#header {
	width:720px;
	height:144px;
	margin-left:10px;
	border-top: 1px #fff solid;
	}

#navigation {
	width:720px;
	height:27px;
	margin-left:10px;
	border-bottom: 2px #c0c0c0 solid;
	}

div#navigation ul#topmenu { padding:0; margin:0; border:0; position:absolute;}
div#navigation ul#topmenu li { position:absolute; height:27px;}

#t1 { left: 0px; width: 48px; }
#t2 { left: 48px; width: 57px; }
#t3 { left: 105px; width: 67px; }
#t4 { left: 172px; width: 97px; }
#t5 { left: 269px; width: 74px; }
#t6 { left: 343px; width: 74px; }

div#navigation li { text-indent: -9999px; text-decoration:none; list-style: none;}
div#navigation li#t1 { background: url(/grfx/topnav.gif) no-repeat 0 0px;}
div#navigation li#t2 { background: url(/grfx/topnav.gif) no-repeat -48px 0px;}
div#navigation li#t3 { background: url(/grfx/topnav.gif) no-repeat -105px 0px;}
div#navigation li#t4 { background: url(/grfx/topnav.gif) no-repeat -172px 0px;}
div#navigation li#t5 { background: url(/grfx/topnav.gif) no-repeat -269px 0px;}
div#navigation li#t6 { background: url(/grfx/topnav.gif) no-repeat -343px 0px;}

#navigation a { background-color:transparent; text-decoration:none; display:block; height:27px;}
#t1 a:hover { background: #DDDDB3 url(/grfx/topnav.gif) no-repeat 0 0px; text-decoration:none;}
#t2 a:hover { background: #DDDDB3 url(/grfx/topnav.gif) no-repeat -48px 0px; text-decoration:none;}
#t3 a:hover { background: #DDDDB3 url(/grfx/topnav.gif) no-repeat -105px 0px; text-decoration:none;}
#t4 a:hover { background: #DDDDB3 url(/grfx/topnav.gif) no-repeat -172px 0px; text-decoration:none;}
#t5 a:hover { background: #DDDDB3 url(/grfx/topnav.gif) no-repeat -269px 0px; text-decoration:none;}
#t6 a:hover { background: #DDDDB3 url(/grfx/topnav.gif) no-repeat -343px 0px; text-decoration:none;}


#navigation form { position:absolute; left: 430px; top:150px; margin:0;padding-bottom:0;}
.inputtext { border:1px solid #666; width:130px; height:16px; font-size:10px; margin-bottom:2px; margin-right:10px;}
.button { width:85px; background-color:#9C9A63; border:1px solid #686742; font-size:9px; font-weight:bold; color:#fff; height:20px; }
#advanced { position:absolute; left: 240px; top:0px; color: #6B6542; font-size:10px;}


#content {
		 	min-height: 1200px;
		 	height: auto;
		 	_height: 1200px;
		 	/* http://wellstyled.com/css-underscore-hack.html */
/* 
	margin-top:-5px;
*/
	margin-right:180px;
	margin-left:171px;
	margin-bottom:20px;
	background-color:#fff;
	border-left:1px #ccc solid;
	padding-left:5px;
	}

#sidebar1 {
	width:155px;
	position:absolute;
	top:180px;
	left:10px;
	}

#sidebar2 {
	width:155px;
	position:absolute;
	top:180px;
	left:575px;
	}

#mainsponsors {
	position:absolute;
	right:30px;
	top:21px;
	height:90px;
	width:330px;
	text-align:right;
}

div#mainsponsors #banner1 {float:left;}


#footer {
	width:720px;
	height:154px;
	margin-left:10px;
	background: transparent url(/grfx/footer.png) 0px 0px no-repeat;
	}

.clr{clear:both;}

/* categories */


#menunav, #rinav {
	padding: 0;
	margin: 0;
	margin-bottom:15px;
	font: bold 10px Verdana, sans-serif;
	background: #fff;
	width: 155px;
	}

#menunav li, #rinav li {
	list-style: none;
	border-top: 1px solid #fff;
	text-align: left;
	margin:0;
	}

#menunav li, #rinav li {
	margin-left: -15px;
	 voice-family: "\"}\"";
	 voice-family:inherit;
	margin-left: 0;
	}

/* msie5 */

	/* margin-left: -15px; --> voor ie5 */

/*

* html body #menunav li a { width: 155px; margin-left: -15px; }

*/




#menunav li a:link ,#rinav li a:link { color: #000; }
#menunav li a:visited,#rinav li a:visited { color: #000; }
#menunav li a:hover ,#rinav li a:hover { border-color: #9C9A63; background: #DDDDB3; }
#menunav li a ,#rinav li a { background: transparent; text-decoration: none; display: block; border-left: 4px solid #BDBE84; width: 147px; padding: 2px;}


ul#prodnav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom:15px;
	}

ul#prodnav li {
	background: transparent url(/grfx/prodbullet.gif) 0px -2px no-repeat;
	padding-left:10px;
	font-size:10px;
	line-height:1.3em;
	}

#prodnav li a:link { color: #f90; text-decoration:none; }
#prodnav li a:visited { color: #f90; }
#prodnav li a:hover { color: #c00; text-decoration:underline; }


#sidebar1 p { margin-top:0; font-size:10px; line-height: 1.2em;}
#sidebar1 p img { margin-top:15px; }

h4#categories { background:#BDBE84 url(/grfx/ca_categories.gif) no-repeat; width:155px; height:20px; }
h4#ri { background:#BDBE84 url(/grfx/ca_ri.gif) no-repeat; width:155px; height:20px; }
h4#productguide { background:#f90 url(/grfx/ca_productguide.gif) no-repeat; width:155px; height:20px; }
h4#newsletter { background:#E5E5E5 url(/grfx/ca_newsletter.gif) no-repeat; width:155px; height:20px; }
h4#dredgeline { background:#fc0 url(/grfx/ca_dredgeline.gif) no-repeat; width:155px; height:20px; }
h4#morenews { background:#eee url(/grfx/morenews.gif) no-repeat; height:20px; margin-right:5px; }

#sponsors { background:#D6D6D6 url(/grfx/ca_sponsors.gif) no-repeat; width:155px; height:20px;}

#catbanners {
	width:155px;
	background:#eee;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:15px;
	}

#catbanners img { margin-top: 5px; }

#events { background:#BDBE84 url(/grfx/ca_events.gif) no-repeat; width:155px; height:20px;}

#eventslist, #dredgejobslist, #dredgelinetext {
	background:#eee;
	font-size:10px;
	line-height:1.2em;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:15px;
	}

#eventslist p, #dredgejobslist p, #dredgelinetext p { margin:10px; }

#eventslist a:link { color: #6B6542; }
#eventslist a:visited { color: #6B6542; }
#eventslist a:link.morelink { color:#000; }

#dredgejobslist a { color: #6B6542; padding-left:10px; background: transparent url(/grfx/prodbullet.gif) 0px -3px no-repeat; }
#dredgejobslist a:link { color: #6B6542; }
#dredgejobslist a:visited { color: #6B6542; }
#dredgejobslist a:link.morelink { color:#000; text-decoration:none;}
#dredgejobslist a:visited.morelink { color:#000; text-decoration:none;}

#dredgelinetext a { color: #6B6542; padding-left:10px; background: transparent url(/grfx/prodbullet.gif) 0px -3px no-repeat; }
#dredgelinetext a:link { color: #6B6542; }
#dredgelinetext a:visited { color: #6B6542; }
#dredgelinetext a:link.morelink { color:#000; text-decoration:none;}
#dredgelinetext a:visited.morelink { color:#000; text-decoration:none;}


#dredgejobs { background:#9CCF00 url(/grfx/ca_dredgejobs.gif) no-repeat; width:155px; height:20px;}


.footers {
	margin-top:0px;
	margin-right:140px;
	margin-left:6px;
	margin-bottom:0px;
	line-height: 1.30em;
	color: #666;
	font-size: 10px;
	padding-right: 20px;
	padding-top: 6px;
	}

.footers dt {
	float:left;
	text-align:left;
	width:165px;
	height:30px;
	font-weight: bold;
	color: #3F60AF;
	}

.footers dd {
	height:42px;
	}


/* ----------------------------------------------- */

h1 { 	margin:0;
	padding:0;
	text-indent: -9999px;
	background: #fff url(/grfx/header_bg.png) 0px 0px no-repeat;
	}

h1 a:link, h1 a:visited	{
	width:720px;
	height:144px;
	display:block;
	text-decoration:none;
	}


.thumbnail {
	border:1px #BDBE84 outset;
	float: left;
	margin-top:5px;
		}

.cat { color: #008000; font-size:10px; }
.pubdate { font-weight: bold; font-size:10px; }

p.catdate {margin-top: -18px;}
p.lead {margin-top: -15px; line-height:1.2em;}

.intro {
	margin-top:0;
	margin-right:5px;
	margin-left:90px;
	margin-bottom:5px;
	min-height: 110px;
	}

/* ----------------------------------------------- */

#content a:link.title { color: #000080; text-decoration:none; }
#content a:hover.title { color: #000080; text-decoration:underline; }

#content a:link.full { color: #BDBE84; display:block; font-size:10px;}
#content a:visited.full { display:block; font-size:10px;}

#catarchive a { color: #008880; text-decoration:none; }
#catarchive a:link { color: #008880; text-decoration:none; }
#catarchive a:visited { color: #008880; text-decoration:none; }
#catarchive a:hover { color: #cc8880; text-decoration:underline; }
#catarchive a:active { color: #0088CC; text-decoration:underline; }

#footer a { color: #666; text-decoration:none; }
#footer a:link { color: #666; text-decoration:none; }
#footer a:visited { color: #666; text-decoration:none; }
#footer a:hover { color: #0088cc; text-decoration:underline; }
#footer a:active { color: #008888; text-decoration:underline; }


/* added 04 april 2006 for ie7 beta 2 - start */

#content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	}

#content ul li {
	background: transparent url(/grfx/bullet.gif) 0px 4px no-repeat;
	padding-left:13px;
	margin-bottom:.5em; 
	}

/* added 04 april 2006 for ie7 beta 2 - end */


/* removed
* html body #content ul { margin-left: 17px; /* msie5 */ }
*/

* html body #content { 	margin-top:5px; /* msie5 */ }

h3 {color: #848200; }

#photo {
	float:right;
	width:200px;
	font-size:10px;
	color:#080;
	line-height:1em;
	margin-left:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	}

#photo img { display:block; border:1px #000 solid; }


.month {background-color:#eee; height:20px; margin-right:5px; padding-left:5px;
	border-bottom:1px #c0c0c0 solid;
	}


#catarchive { font-size:11px; margin-top: -10px;}

td {	font-size: 12px; }

.access { text-indent: -9999px;
	margin-top:-200px;
	}


.buttons			{ font-size: 9px; }

/* free pages */

table td {font-size:9px;}
.bg {background-color: #F0F0D0; }
tr.bg {font-weight:bold;}
.r {text-align:right;}

/* added 4 December 2009 */

div#addthis {
	margin-top:-10px;
	}
	
p#subscribe-rss {
	position:absolute;
	text-indent: -9999px;
	top:-57px;
	left:570px;
	width: 20px;
	}

p#subscribe-rss a {
	background: transparent url(/grfx/feed-icon.gif) 3px 3px no-repeat;
	height: 20px;
	display: block;
	}	

p#subscribe-twitter {
	position:absolute;
	text-indent: -9999px;
	top:-57px;
	left:595px;
	width: 20px;
	}

p#subscribe-twitter a {
	background: transparent url(/grfx/twitter_icon14x14.gif) 3px 3px no-repeat;
	height: 20px;
	display: block;
	}	

p#subscribe-newsletter {
	position:absolute;
	text-indent: -9999px;
	top:-57px;
	left:620px;
	width: 20px;
	}

p#subscribe-newsletter a {
	background: transparent url(/grfx/email.png) 3px 5px no-repeat;
	height: 20px;
	display: block;
	}