/*
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: #e3f5fc 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: url(/grfx/topnav.gif) no-repeat 0 -27px;      text-decoration:none;}
#t2 a:hover 					{ background: url(/grfx/topnav.gif) no-repeat -48px  -27px;  text-decoration:none;}
#t3 a:hover 					{ background: url(/grfx/topnav.gif) no-repeat -105px -27px; text-decoration:none;}
#t4 a:hover 					{ background: url(/grfx/topnav.gif) no-repeat -172px -27px; text-decoration:none;}
#t5 a:hover 					{ background: url(/grfx/topnav.gif) no-repeat -269px -27px; text-decoration:none;}
#t6 a:hover 					{ background: url(/grfx/topnav.gif) no-repeat -343px -27px; 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:#43a4db; 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
	{
	padding: 0;
	margin: 0;
	margin-bottom:15px;
	font: bold 10px Verdana, sans-serif;
	background: #fff;
	width: 155px;
	}

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

#menunav 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    			{ color: #000; }
#menunav li a:visited 			{ color: #000; }
#menunav li a:hover   			{ border-color: #000080; background: #78B1DC; }
#menunav li a         			{ background: transparent; text-decoration: none; display: block; border-left: 4px solid #43A4DB; 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: #000080; text-decoration:none; }
#prodnav li a:visited 			{ color: #000080; }
#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:#43a4db    url(/grfx/ca_categories.gif) no-repeat; width:155px; height:20px;   }
h4#productguide 				{ background:#43a4db    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#morenews     				{ background:#eee    url(/grfx/morenews.gif) no-repeat; height:20px; margin-right:5px; }

#sponsors   					{ background:#43a4db 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:#43a4db url(/grfx/ca_events.gif) no-repeat; width:155px; height:20px; }

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

#eventslist p, #dredgejobslist 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;}

#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;
	padding-bottom:3px;
	
	}

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

#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: #3165bd; }

#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; }

/* 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;
	}