/*
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 {
	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: #9C9A63; background: #DDDDB3; }
#menunav 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;}

h4#categories   { background:#BDBE84 url(/grfx/ca_categories.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#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 {
	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;
	}

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

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


#content ul {
	margin-left:-25px;
	list-style: square;
	}


#content li { margin-bottom:.5em; }


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