body{
padding:0;
margin:0;
background:#fff;
color:#444;
font:76%/160% lucida grande, trebuchet ms, arial, verdana, sans-serif;
}

#container{
width:728px;
margin:0 auto;
background:#fff url(../gfx/side_bg.gif) repeat-y;
}

p{
font-size:95%;
}

#header{
padding:0 0 1px 10px;
margin:0 14px;
background:#fff;
}

#bigpic{
height:250px;
width: 710px;
padding:0;
margin:0 14px;
}

#content{
padding:0 40px 50px 5px;
margin:10px 0 0 0;
}

#footer{
clear:both;
padding:2px 0 2px 10px;
margin:0 14px;
background: #bbb;
color:#666;
}

h1{
color:#222;
font:180%/1.2 helvetica, arial, verdana, sans-serif;
margin:0 0 2px 0;
padding:0 0 2px 0;
font-weight:bold;
/*
 text-transform:lowercase;
 */
letter-spacing: -1px;
}

h2 {
	color:#444;
	font:140%/1.2 helvetica, arial, verdana, sans-serif;
	padding:0 0 2px 0;
	font-weight:bold;
	/*
	 *  text-transform:lowercase;
	 *   */
	letter-spacing: -1px;
}

h3{
color:#666;
margin:20px 0 0 0;
padding:0;
font:130% trebuchet ms, verdana, sans-serif;
font-weight:bold;
}

#top{
background: url(../gfx/logo_spacer_20.gif);
width:700px;
height:20px;
margin: 0 -10px;
position:absolute;
}

#top a{
text-decoration:none
}


/* linkage -------- */
a{
color:#104e93;
text-decoration:none;
}

a:hover {
color:#6392ac;
text-decoration:underline;
}

#footer a{
color:#666;
text-decoration:none;
border-bottom:1px dotted #999;
}

#footer a:hover {
text-decoration:none;
color:#000;
border-bottom:1px solid #666;
}

#maincontent a:link:before {
  content: "\00A0  ";
  background: url(../gfx/arrow.gif) left no-repeat;
  padding-left: 10px;
  display: inline;
}

#maincontent a:visited:before {
content: "\00A0  ";
background: url(../gfx/check_mark_small2.gif) left no-repeat;
padding-left: 10px;
display: inline;
}


#logo_spacernav	{
width: 700px;
height: 53px;
border: 0;
padding: 0;
margin: 0 14px;
background: transparent;
}
	
#nav ul	{
width: 700px;
height: 30px;
background: url(../gfx/logo_spacer_30.gif);
z-index:1;
margin: 0 14px;
padding: 0;
position: relative;
}
	
#nav ul li	{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
	
#nav ul li, #nav a	{
height: 23px;
display: block;
}

#nav ul li a	{
text-indent: -9999px; 
text-decoration: none;
}

#nav ul li {
	display: none;
}

#n1 {left: 0; width: 100px;}
#n2 {left: 101px; width: 82px;}
#n3 {left: 184px; width: 121px;}
#n4 {left: 306px; width: 146px;}
#n5 {left: 453px; width: 143px;}
#n6 {left: 597px; width: 103px;}

#n1 a:hover {background: transparent url(../gfx/logo_spacer.gif) 0 -53px no-repeat;}
#n2 a:hover {background: transparent url(../gfx/logo_spacer.gif) -101px -53px no-repeat;}
#n3 a:hover {background: transparent url(../gfx/logo_spacer.gif) -184px -53px no-repeat;}
#n4 a:hover {background: transparent url(../gfx/logo_spacer.gif) -306px -53px no-repeat;}
#n5 a:hover {background: transparent url(../gfx/logo_spacer.gif) -453px -53px no-repeat;}
#n6 a:hover {background: transparent url(../gfx/logo_spacer.gif) -597px -53px no-repeat;}

/* current page */
body#latest #n1 {background: transparent url(../gfx/logo_spacer.gif) 0 -53px no-repeat;}
body#about #n2 {background: transparent url(../gfx/logo_spacer.gif) -101px -53px no-repeat;}
body#expeditions #n3 {background: transparent url(../gfx/logo_spacer.gif) -184px -53px no-repeat;}
body#speaking #n4 {background: transparent url(../gfx/logo_spacer.gif) -306px -53px no-repeat;}
body#resources #n5 {background: transparent url(../gfx/logo_spacer.gif) -453px -53px no-repeat;}
body#contact #n6 {background: transparent url(../gfx/logo_spacer.gif) -597px -53px no-repeat;}

.menu{
display: none;
//float:left;
//width:155px;
//margin:10px 0 5px 0;
//padding:0;
}

.menu ul{
font-size: 95%;
font-weight: bold;
line-height:90%;
margin:0 0 15px 14px;
border-top:1px solid #ccc;
width:142px;
}

.menu ul li{
list-style:none;
text-indent:0;
}

.menu ul li a{
text-decoration: none;
color:#777;
padding:8px 25px 8px 12px;
display:block;
border-bottom: 1px solid #ccc;
border-top:1px solid #fff;
width:104px;
}

.menu ul li#active{
text-decoration: none;
color:#111;
background:#fff url(../gfx/arrow.png) no-repeat 118px 6px;
padding:8px 25px 8px 12px;
display:block;
border-bottom: 1px solid #ccc;
border-top:1px solid #fff;
width:104px;
}

.menu ul li a:hover{
color:#111;
background:#efefef url(../gfx/arrow.png) no-repeat 118px 6px;
}

.menu p{
padding:0 0 0 35px;
margin:0 0 5px 0;
color:#666;
font-size:80%;
}

a.extern {
font-style: italic;
}

ul{
padding-left:0;
margin-left:0;
}

li{
list-style:none;
}

ul.linklist li, .resources li{
list-style:none;
background: url(../gfx/bullet.gif) no-repeat 0 2px;
padding:0 0 10px 18px;
color:#333;
font-size:95%;
}

#footer p{
font-size:75%;
line-height:8px;
text-align:left;
}

#links{
margin:30px 200px 10px 10px;
padding:0 5px;
border:1px dotted #ccc;
background:#eee;
}

#links p{
font-size:85%;
padding:5px;
margin:0;
}
.fortune {
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:9px;
	color: #000000;
	border: solid 1px #999;
	background:#eeeeee;
	padding: 5px;
	margin: 0 5px 0 0px;
	/*
	 * white-space: nowrap;
	 * */
}

pre {
  background: #f0f0f0 url("../gfx/code.gif") left top repeat-y;
/*
background: url("/../gfx/penguin_2.png") no-repeat;
*/
  border: 1px solid #ccc;
  color:#333;
  display:block;
  margin: 20px 5px;
  padding: 10px 10px 10px 21px;
  white-space:pre;
  overflow: auto;
}

.corner-box {
	background: url(../gfx/left-top-corner-box.jpg) top left no-repeat;
	padding: 12px 15px;
}

.corner-box-right {
	background: url(../gfx/right-top-corner-box.jpg) top right no-repeat;
	padding: 12px 15px;
}

.corner-box h3,
.portal-box-contents .corner-box h3 {
	margin-top: 0;
}

img.float{
        float: left;
        margin: 4px;
}