html,*{padding:0;margin:0;}
html{width:100%;height:100%;}

body {
width:100%;
height:100%;
background:#6d826f;
padding:0;
margin:0;

}
#wrapper{
width:100%;
height:100%;
position:relative;
margin:0px auto;
padding:0px;
color:Black;
font-size:12.75px;
font-family: arial;
}
#greentag{
position:fixed;
z-index:0;
right:10px;
top:10px;
width:83px;
height:93px;
}
#lonetree{
position:absolute;
z-index:100;
top:-28px;
left:175px;
width:55px;
height:60px;
}
#main{
width:100%;
height:auto;
margin:0 auto;
padding:0;
background:white url(/images/wrap-bg.png) repeat-x top;
}
#footprint{
width:800px;
height:auto;
margin:5px auto;
padding:8px;
color:#bac0c2;
}
#partners{
width:870px/*900px*/;
margin:0px auto;
padding:5px;
margin-bottom:0px;
}
#caption{
width:90%;
margin:5px auto;
padding:0;
margin-bottom:0px;
font-size:smaller;
color:#bac0c2;
}

#content{
width:1021px;
position:relative;
height:auto;
margin:0 auto;
padding:0;
z-index:1;
}
#content #top{
height:156px;
width:100%;
margin:0 auto;
background:transparent url(/images/header-bg.png) no-repeat top;
float:left;
position:relative;

}
#top #tagline{
position:absolute;
z-index:5;
 font-style:italic;
 font-size:larger;
 right:40px;
 top:85px;
 display:block;
 padding:3px;
 color:#033D34;
}
#top #tm{
position:absolute;
top:120px;
left:160px;
width:800px;
height:auto;
}
#content #center{
   height:auto;
   width:100%;
   margin:0 auto;
   background:transparent url(/images/pallete-bg.png) repeat-y;
   float:left;
   position:relative;
}
#content #center #canvas{
width:100%;
background:transparent url(/images/content-top.png) no-repeat top;
margin:0 auto;
height:auto;
float:left;
position:relative;
}
#content #center #canvas .canvasbottom{
background:transparent url(/images/content-bottom.png) no-repeat bottom;
height:auto;
padding-bottom:5px;

}
#canvas #page{
width:959px/*900px*/;
height:auto;
margin:10px auto;
position:relative;
padding-bottom:15px;
border-right:1px solid #f3f3f3;
}
#canvas #page #rcolumn{
float:right;
margin-right:15px;
width:690px;
height:auto;
}
#canvas #focal,#canvas #focal2{
width:890px;
height:395px;
margin:0 auto;
background:transparent url(/images/focal1.png) no-repeat;
position:relative;
z-index:1;
}
#canvas #focal2{
width:649px;
background:transparent url(/images/focal2.jpg) no-repeat;
}
.infobox{
width:280px;
float:left;
padding:0;
height:auto;
border:1px solid #bac0c2;
border-top:none;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
position:relative;
background:white;
z-index:50;
}
.infobox img{
border:none;
}
.closetop{
border-top:1px solid #bac0c2;
}
.infobox h2{
font-size:18px;
color:#bac0c2;
font-weight:200;
display:block;
width:100%;
background:#033d34;
border:5px solid #820e0e;
border-right:none;
border-left:none;
text-align:center;
margin-left:0px;
font-family:verdana!important;
margin-top:0px!important;
}
.infobox .pad, .content .pad, #rcolumn .pad{
padding:6px;
}
.longbox,#longbox{
width:867px;
height:auto;
position:relative;
}
.longbox .longboxtop,#longbox .longboxtop{
float:left;
background:transparent url(/images/long-box-top.png) no-repeat top;
width:100%;
height:13px;
font-size:0px;
}
.longbox .content, #longbox .content{
width:100%;
float:left;
height:auto;
background:transparent url(/images/long-box-mid.png) repeat-y bottom;
}
#longbox .content{
 background-position:0 20px!important;
 background-attachment:scroll;
 
}
.longbox .longboxbottom{
width:100%;
height:auto;
background:transparent url(/images/long-box-bottom.png) no-repeat bottom;
float:left;
height:10px;
font-size:0px;
}
#longbox .longboxbottom{
height:auto;
width:100%;
height:auto;
background:transparent url(/images/long-box-bottom.png) no-repeat bottom;

}
/*medium box/////////////////////////////////*/
.medbox,#medbox{
width:637px;
height:auto;
position:relative;
}
.medbox .medboxtop,#medbox .medboxtop{
float:left;
background:transparent url(/images/med-box-top.png) no-repeat top;
width:100%;
height:13px;
font-size:0px;
}
.medbox .content, #medbox .content{
width:100%;
float:left;
height:auto;
background:transparent url(/images/med-box-mid.png) repeat-y bottom;
}
#medbox .content{
 background-position:0 20px!important;
 background-attachment:scroll;
 
}
.medbox .medboxbottom{
width:100%;
height:auto;
background:transparent url(/images/med-box-bottom.png) no-repeat bottom;
float:left;
height:10px;
font-size:0px;
}
#medbox .medboxbottom{
height:auto;
width:100%;
height:auto;
background:transparent url(/images/med-box-bottom.png) no-repeat bottom;

}

/*/links////////////////////////////////////////*/
#footprint a{color:#bac0c2;text-decoration:none;}
#footprint a:hover{text-decoration:underline;}
#minmaxbtn{position:absolute;right:25px;top:-10px;width:30px;height:31px;background:transparent url(/images/min-max.png); z-index:11;}
#minmaxbtn.min{position:absolute;right:25px;top:-10px;width:30px;height:31px;background:transparent url(/images/minb.png);z-index:12;}
#minmaxbtn.max{position:absolute;right:25px;top:-10px;width:30px;height:31px;background:transparent url(/images/maxb.png);z-index:12;}
#rcolumn a, .content a{color:#820E0E;text-decoration:none;}
#rcolumn a:hover,.content a:hover{text-decoration:underline;}

/*lists/////////////////////////////////////////*/
#footprint ul li{list-style-type:none; padding:0; margin:0;}
#footprint ul li{text-align:right;}
#rcolumn li{margin:2px 0 2px 10px;}

/*utils////////////////////////////////////////*/
h1,h2,h3{color:#6d826f;display:block;margin:5px 0 1px 0;padding:0px;font-size:20px;font-weight:bold;}
h1 a{color:#6d826f;}
h1.title{color:#2d4f59;}
.clear{clear:both;line-height:0px;font-size:0px;}
.floatright{float:right;}
.floatleft{float:left;}
.setHeight{height:195px;}
.infotall{height:401px;}
.infolong{width:571px;}
.oshow{overflow:visible;}
.opaque{filter:alpha(opacity=90);opacity:0.90;}
.solid{filter:none!important;opacity:none!important;}
.halftone{background:transparent url(/images/page-bg-halftone.png) repeat-x bottom;}
.highlight{color: #000000;background-color: #ffff66;}
.textblock{padding: 5px; display: block; width: 100%; height: auto; clear: left;}
.ltbox{width:90%;display:block;margin:8px auto;padding:6px;clear:both;}
.quote{width:96%;display:block; padding:6px; margin:0 auto; margin-bottom:6px; background:#f3f3f3; font-style:italic;color:#6d826f;}
.bio{padding: 5px; display: block; width: 100%; height: auto; clear: left;border-bottom:1px dotted #820e0e;}
.biopic{float:left;width:15%;}
.bioinfo{float:right;width:85%;}
/*img alterations////////////////////////////*/
img{overflow:hidden;}
img.brdr{padding:3px;border:1px solid #cccccc;}
img.milthumb,img.resthumb{
float:left;padding:3px;margin:3px;width:62px; border:1px solid #cccccc;
}
img.legthumb{
float:left;padding:3px; margin:0 3px 3px 3px; border:1px solid #cccccc;width:90px;
}
#rcolumn img{padding:4px;margin:0 6px 6px 6px;float:left; border:1px solid #cccccc;}
img.floatright{float:right!important;}
#partners a img{border:none;}
/*elements /////////////////////////////////////*/
.milsample{width:550px; height:450px;margin-bottom:25px;position:relative;}
.milsample iframe{
width:100%;
height:100%;
margin:0 0 0 50px;
padding:10px;
border:1px solid #cccccc;
position:absolute;
z-index:0;
background:transparent;
}

/*search top nav///////////////////////////////*/
#sr{width:154px;float:right; height:30px; position:relative;margin:-10px 80px 0 0}
#sr label{
    position: absolute;
    margin: 16px 0 0 6px;
    font-size: 14px;
    color: #999999;
}
#sr input{
    width: 100%;
    margin: 8px 0 0 0;
    padding: 6px 6px 6px 90px;
    font-size: 16px;
    font-weight: normal;

}

/*shelfs//////////////////////////////////////////////*/
.shelf{
clear:both;
height:218px;
width:102%;
background-image:url('/images/shelf.jpg');
background-repeat:repeat-x;
display:block;
position:relative;
}
.shelf.sample{
width:103%;
}
.treepot{
 width:99px;
 height:115px;
 position:absolute;
 bottom:23px;
 right:145px;
 background-image:url('/images/treepot.png');
}
.pubblock{
float:left;
width:142px;
padding:10px;
overflow:hidden;
/*border:solid 1px #f9f9f9;*/
margin:0 5px 5px 6px;
}
.pubblock{
position:relative;
height:100%;
margin-bottom:0px!important;
padding:0px 10px 0px 10px!important;
}
.pubblock img{
margin:0 auto 3px auto;
padding:0px 21px 0px 0px!important;
background-image:url('/images/thumb-shadow.png');
background-position:right bottom;
background-repeat:no-repeat;
border:none!important;
}
.pubblock img{
 position:absolute;
 bottom:18px;
}

/*sideNav////////////////////////////////////////*/
ul#sideNav{float:left;width:230px;height:auto;margin-left:-10px;}

ul#sideNav, ul#sideNav li{
    margin:0;
    padding:0;
    list-style-type:none;
    }
ul#sideNav li{
padding:4px;
margin-bottom:3px;
display:block;
width:100%;
height:auto;
background:#6d826f;
}
ul#sideNav li.one{background:#6d826f url(/images/navsquare.gif) no-repeat left!important;}
ul#sideNav li.two{background:#820e0e url(/images/navsquare.gif) no-repeat left!important;}
ul#sideNav li.three{background:#bac0c2 url(/images/navsquare.gif) no-repeat left!important;}
ul#sideNav li.four{background:#2d4f59 url(/images/navsquare.gif) no-repeat left!important;}
ul#sideNav li.five{background:#033d34 url(/images/navsquare.gif) no-repeat left!important;}
ul#sideNav li a{
display:block;
margin-left:23px;
padding:4px;
color:#2d4f59;
background:#f3f3f3;
text-decoration:none;
}
ul#sideNav li a:hover{
background:#cccccc;
}
/*FORMS///////////////////////////////////////////////*/
.label
{
    display:block;
    width:90px;
}
.ddl
{
    margin-bottom:3px;
    display:list-item;
    clear:both;
    height:20px;
}