/*
project: stylesheet, screen media 
author : ois
date   : April 2006
*/

/* -- primary layout ------- */

html,body { 
	margin: 0;
        padding: 0; 
        }

body 	{
	color: #000;
	background: #e8e8de url(grfx/page_bg.png) top center no-repeat;
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	line-height: 150%;
	}

#wrapper { 
	position:relative;
	width:760px;
	background: #fff url(grfx/wrapper_bg.gif) repeat-x;
/* 
	border:1px #666 dashed;
*/
	text-align:left;
	margin:0 auto;
	padding:0;
	}
	
#header { 
	width:760px;
	height:246px;
	margin:0;
	background: #fff url(grfx/header_bg.png) no-repeat;
	border-top: 1px #fff solid;
	}

#navigation { 
	position:absolute;
	width:259px;
	height:27px;
	top: 275px;
	right: 0;
	background: transparent url(grfx/topmenu_bg.gif) no-repeat;
	}

div#navigation ul#topmenu li { position:absolute; }

/* topmenu = home & contact us */

#tm1 {left: 60px;  width: 90px;  top:0px; }
#tm2 {left: 150px; width: 110px; top:0px; }

div#navigation a  { text-decoration:none; background-color:transparent; display:block; height:20px; }
div#navigation li { text-decoration:none; list-style:none; text-indent: -9999px; }

/* changed topmenu.gif to topmenu_bg.gif 16 February 2007 */

div#navigation li#tm1 { background: url(grfx/topmenu_bg.gif) no-repeat  -61px -1px; }
div#navigation li#tm2 { background: url(grfx/topmenu_bg.gif) no-repeat -600px -1px; }


#content { 
	      min-height: 1200px;
	      height: auto;
	      _height: 1200px;
	    /* css-underscore-hack.html */
	margin-right:14px;
	margin-right:205px;
	margin-left:200px;
	margin-bottom:20px;
	padding-top: 40px;
	background-color: transparent;
/* 	
	margin-top:60px;
        border-left:1px #ccc solid;
	border-right:1px #ccc solid;
*/	
	}



/* define different position for IE only */

* html body #content   { paading-top: 50px; /* msie 6 */ }


#sidebar1 { 
	width:180px;
	background: #fc0 url(grfx/sidebar1_bg.gif) top center no-repeat;
	position:absolute;
	top:225px;
	left:14px;
	z-index:2;
	padding-top: 53px;
	}

/* menu = actual site navigation */

#sidebar1 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#sidebar1 ul li { 
	line-height: 1.3em;
	border-top: 1px solid #fff;
	}

#sidebar1 ul#menu {
	background: #5CADFF url(grfx/menu_fade.gif) no-repeat 0 100%; /* #984D99 #C2C2D4 */
	padding-bottom: 94px;
	}


#sidebar1 li a         { padding: 5px 5px 5px 18px; font-weight: normal; font-size: 12px; text-decoration: none; width:157px; height: 18px; display: block; xborder: 1px solid #000;}
#sidebar1 li a:link    { color: #000; }
#sidebar1 li a:hover   { color: #000; background: #0E92CA url(grfx/mhover.gif) 5px 10px no-repeat; }
#sidebar1 li a:visited { color: #000; }
#sidebar1 li a:active  { color: #c00; }

#randomphoto {
	position: absolute;
	top: -87px;
	left: 0px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	}

#search 
	{
	position: absolute;
	top: -15px;
	left: 540px;
	}

#search input#searchbutton {
	position:absolute;
	z-index:15;
	top: 4px;
	left:127px;
	}

#sidebar1 #search input#searchinput {
	border: 1px solid #000;
	width: 120px;
	height: 16px;
	font-size:10px;
	margin-top:3px;
	}

#sidebar2 { 
	position:absolute;
	font-size:11px;
	line-height:125%;
	width:170px;
	background:#fff url(grfx/sidebar2_bg.png) no-repeat bottom;
	top:310px;
	right:14px;
	padding-bottom:30px;
	float: right;
	margin-left: 5px;
	padding-top: 20px;
	}

#breadcrumb { 
	background-color: transparent; 
	position:absolute;
	top:255px;
	left:200px;
	width: 550px;
	font-size:9px;
	}
	
#pagedate	{ position:absolute; top: 0; left: 420px;  }


#footer { 
	width:760px;
	height:62px;
	background: #4a8 url(grfx/footer_bg.png) no-repeat;
	}

.clr {clear:both;}

/* --------------------------- */

h1 a { 
	background: transparent;
	text-indent: -9999px;
	width:  155px;
	margin-left: 570px;
	margin-top: -10px;
	padding-top:45px;
	top:0;
	}

#header h1 a { text-decoration: none; background-color:transparent; display:block; height:75px; }


/* 
#footer a { text-decoration: none; background-color:transparent; display:block; height:25px; border:1px solid #fff;}
*/

/* removed - no toplink
p#copyright { 
	background: transparent;
	width:  70px;
	margin-left: 640px;
	margin-top: 0;
	padding-top:45px;

}
*/

p#copyright { 
	text-indent: -9999px;
	}

.hide 	{
	text-indent: -9999px;
	}


/* -- document download ------------ */

table#download {
	font-size:10px;
	font-family: verdana,arial,sans-serif;	
	border-collapse: collapse;
        border: 0;
        color: #636563;
	}

table#download th {
	background-color: #C6DFF7;
	border-top:1px #C0C0C0 solid;
	border-bottom:1px #C0C0C0 solid;
	border-left: 0px solid #fff;
	font-weight: normal;
	text-align:left;
	padding: 5px 5px 5px 10px;
        color: #000;
	}

th.dlhead1 {width:20px;}
th.dlhead2 {width:350px;}
th.dlhead3 {width:20px;}
th.dlhead4 {width:20px;}

td.dlcell1 {border: 1px #C0C0C0 solid; border-left: 0; text-align:center;}
td.dlcell2 {border: 1px #C0C0C0 solid; border-right: 0}
td.dlcell3 {border: 1px #C0C0C0 solid; border-right: 0; width:55px;}
td.dlcell4 {border: 1px #C0C0C0 solid; border-right: 0; border-left: 0px #C0C0C0 dashed;}

table#download tr {
	vertical-align: top;
	}

table#download td {
	padding: 10px;
	}

table#download td a 	 	{ font-weight: bold; font-size: 11px;         }
table#download td a:link 	{ color: #0071AD; text-decoration: none;      }
table#download td a:visited 	{ color: #0071AD; text-decoration: none;      }
table#download td a:hover 	{ color: #c00000; text-decoration: underline; }
table#download td a:active 	{ color: #c00000; text-decoration: underline; }

.dlr1 { background-color: #fff; }

.dlr2 { background-color: #fff; }

.docicon {
	margin-top: 2px;
	width: 16px;
	height: 16px;
	border: 0;
	}

.dlicon {
	margin-top: -4px;
	width: 16px;
	height: 16px;
	border: 0;
	}


.date {	font-size:10px;
	font-weight:normal;
	color: #666;
	display:block;
	}

.section {
	font-size:10px;
	font-weight:normal;
	color: #000080;
	display:block;
	}

div#content #soundings     { font-size: 10px; line-height:125%;}
div#content #soundings img { margin-right: 5px;}
div#content #soundings b   { color: #7B08A5; }
div#content #soundings ul {
	list-style-type: none;
 	padding: 0; 
	margin: 0; 
	margin-bottom:5px;
	padding-left:180px;
	}

div#content #soundings li {
	background: transparent url(grfx/minibullet.gif) 0px 2px no-repeat;
	padding-left:8px;
	padding-right:5px;
	font-size:10px;
	line-height:1.3em;
	}


.smalltext {font-size:10px;}

/* alphabet search */

div#alphabet {display:block; width: 100%; height: 40px;}

#alphabet a { 
	text-decoration: none;
	background: transparent url(grfx/a-zbutton0.gif) no-repeat;
	width: 17px;
	height: 17px;
	font-family: verdana;
	font-size:11px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding-top: 0px;
	display: block;
 	float: left;
 	margin: 1px;
 	}

#alphabet a:hover {	
	background: transparent url(grfx/a-zbutton1.gif) no-repeat;
	color: #000;
	}
	
#alphabet a.other       {background: none;  padding-left:5px;}
#alphabet a:hover.other {background: none; color:#000;}


h2 	{
	color: #8408B5;
	font-size: 17px;
	font-weight:bold;
	padding-top:15px;
	}

h3 	{
	color: #f90;
	font-size: 14px;
	font-weight:bold;
	}


h4 	{
	width:97%;
	height: 30px;
	padding-top: 2px;
	padding-left: 2px;
	background: #fff url(grfx/h4bg.gif) repeat-x;
	}
	
	
/* regular navigation links (page) */

a 	  { color: #0071AD; text-decoration: underline; }
a:link	  { color: #0071AD; text-decoration: underline; }
a:visited { color: #0aa; text-decoration: underline; }
a:hover   { color: #8408B5; background-color: #ffffce; text-decoration: underline; }
a:active  { color: #c00;     }

#content p b a  { text-decoration: none; }
	
.box {  
	margin-top: 40px;
	margin-right:15px;
	font-size:10px;
	line-height:1.2em;
	color:#808080;
	}

.searchnav	{
	font-size: 10px;
	letter-spacing:0px;
	}


.cat	{
	font-size: 10px;
	line-height: 135%;
	color: #080;}

#content ul {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	list-style-type: none;
	}

	
#content ul li { padding-left:10px; line-height: 1.5em; background: transparent url(grfx/bullet.gif) 0px 5px no-repeat; }
#content ul li { padding-bottom:15px;} 

#content ul li li { padding-left:20px; line-height: 1.5em; background: transparent url(grfx/bullet_nested.gif) 10px 5px no-repeat; }

#sidebar2 p b, #sidebar2 p strong, #sidebar2 strong {
	color: #f90;
	}

	
#sidebar2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#sidebar2 ul li { padding-left:10px; line-height: 1.5em; background: transparent url(grfx/bullet.gif) 0px 5px no-repeat; }
	
	
.logo { 
	width: 154px;
	text-align: center;
	float:right;
	}

.more	{
	background: transparent url(grfx/more.gif) no-repeat 0px 1px;
	padding-left: 12px;
	font-size:11px;
	font-weight: bold;
	}

a.more 	        { text-decoration:none; color: #000080;}
a:visited.more 	{ text-decoration:none; color: #000080;}

.viewcmnews {
	background: transparent url(grfx/news_cmicon.gif) no-repeat 3px 1px;
	padding-left: 17px;
	font-size:11px;
	}

a.viewcmnews { text-decoration:none; color: #000080;}
a:visited.viewcmnews	{ text-decoration:none; color: #000080;}

.list li { margin-bottom: 10px; }
.pageurl { color: #008000; font-size:10px; }
.pubdate { color: #c0c0c0; font-size:10px; }

