/*<group=http://www.gardnerlab.org/css/main.css>*/
 /*
-----------------------------------------------
Browser Hacks
----------------------------------------------- */

/* IE5/Win
   http://tantek.com/CSS/Examples/midpass.html  */
@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */
/*


/*
-----------------------------------------------
GardnerLab Page Layouts
----------------------------------------------- */

/* Basic
----------------------------------------------- */
body {
  margin:0;
  padding:0;
  background:#E7E7E7;
  font:small/1.6em Verdana,Sans-serif;
  text-align:center;
  color:#E7E7E7;
}
.container {
  background:#E7E7E7;
  width:901px;
  margin:0 auto;
  border:solid #868686;
  border-width:0 1px;
  text-align:left;
  color:white;
  position:relative;
}
 

  /* General Structure
----------------------------------------------- */
#content {
  padding:0 20px;
  float:left;
  width:850px;
}
  
#maincol {
  float:left;
  width:565px;
}
#subcol {
  float:right;
  width:245px;
  color:black;
}
#subsubcol {
  display:none;
  color:black;
}
#maincol, 
#subcol, 
#subsubcol {
  margin-top:-8px;
}
#subcol, #subsubcol {
  font-size:85%;
  line-height:1.6em;
}

/* Page Layout: 1col
----------------------------------------------- */
#col1 #maincol, #col1 #subcol {
  float:none;
}
#col1 #maincol {
  width:800px;
  padding-top: 15px;
}
  
/* Page Layout: 2col
----------------------------------------------- */
#col2 #main {
  float:right;
  width:565px;
}
#col2 #maincol {
  float:left;
  padding-top: 15px;
}
#col2 #subcol {
  float:right;
  padding-top: 15px;
}
  
/*
-----------------------------------------------
GardnerLab Styles
----------------------------------------------- */

/* Headings
----------------------------------------------- */

h1, 
#section {
  background:url("../images/header1_bg_style1.gif") repeat-y 0 0;
  margin:0 0px;
  padding:8px 20px;
  font:130%/1.4em Verdana,Serif;
  color:#776;
}
h2{
  margin:1.25em 0 .25em;
  font:140%/1.5em Verdana,Serif;
  color:#b95;
  font-variant: small-caps;
  letter-spacing: 0.1em;
}
#maincol h2 {
  font-size:119%;
  line-height:1.5em;
}
h2 a, 
h2 a:visited {
  color:#b95;
  border-width:0;
}
h2 a:hover {
  color:#974;
  text-decoration:none;
}
#subsubcol h2, 
#subsubcol h2 a, 
#subsubcol h2 a:visited {
  color:#666;
}
#subsubcol h2 a:hover {
  color:#444;
}
h3 {
  margin:1em 0 .25em;
  font:110%/1.5em Verdana,Serif;
}
h3 a {
  border-width:0;
}
h4 {
  margin:1em 0 .25em;
  font:125% Verdana,Serif;
  color:#575;
}
 
/* Header
----------------------------------------------- */
#header {
  background-color:#DBDBDB;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  height:130px;
}
#logo {
  background:none;
  float:left;
  display:block;
  width:250px;
  height:35px;
  margin:26px 0 0;
  text-indent:-10000px;
  border-width:0;
  text-decoration:none;
}

/* Lists
----------------------------------------------- */

ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:inside;
}
ul li {
  letter-spacing: 0.1em;
  margin:0 0 2px;
  padding:0 0 0 18px;
  text-indent:-18px;
}
dl.overview, 
dl.features,
dl.sidebar {
  margin-bottom:1.25em;
}
dt {
  font-weight:bold;
}
.overview dt, 
.features dt {
  font:small/1.6em Verdana,Sans-serif;
  font-size:130%;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  line-height:1.5em;
  border-width:0;   
}
.features dt {
  margin-top:2em;
  border-top:1px dotted white;
  padding-top:4px;
}
dd {
  margin:0 0 1em;
  padding:0;
}
dd ul {
  margin:0;
  padding:0;
}
dd li {
  padding:0;
  margin-bottom:0;
  text-indent:0;
 }
.overview dd, 
.features dd {
  font:small/1.6em Verdana,Sans-serif;
  font-size:85%;
  letter-spacing: 0.1em;
  line-height:1.8em;
  margin-bottom:1em;
  margin-top:.5em;
}
.overview dd.summary,
.features dd.summary  {
  margin-bottom:0;
}
.rollovertooltip{
  margin-bottom:0.2em;
  color: #999999;	
}
.rollovertooltip a {
  color:#58a;
  border-width:0;
  font-weight:normal;
  line-height:2em;
  text-decoration:none;
}
.rollovertooltip a:hover {
  color:#333;
  text-decoration:underline;
}
.features #featuretextbox{
  float: left;
  height: 10em;
}
.sidebar dt {
  font:small/1.6em Verdana,Sans-serif;
  font-size:119%;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  line-height:1.5em;
  border-width:0;
  margin-top:0.5em;
  border-top:1px dotted white;
  padding-top:4px;
}
.firstsidebaritem dt{
  margin-top:0.4em;
  border-top:none;
}
.sidebar dd {
  font:small/1.6em Verdana,Sans-serif;
  font-size:90%;
  line-height:1.4em;
  margin-bottom:-2px;
  margin-top:1.1em;
}
.sidebar dd.summary {
  margin-bottom:0;
}
ul.bulleted li {
  background:url("../images/icon_doc_style1.gif") no-repeat 2px .35em;
  padding-left:20px;
  margin-top:0;
  text-indent:0;
}



/* Tables
----------------------------------------------- */
table {
  border:0;
  margin:0;
  padding:0;
}
th, td {
  text-align:left;
  vertical-align:top;
}
.highlt th, .highlt td {
  background:#ffc;
}
.highlt th {
  color:#c00;
}
.personaliafact{
 font-weight:bold;
  width: 25%;
  line-height: 1.5em;
  font-variant: normal;
}
.personaliaentry{
  line-height: 1.5em;
  font-variant: normal;
}
 
  /* Others
----------------------------------------------- */

#maincol p {
  text-indent: 0.75cm;
}
#subcol p {
  text-indent: 0.3cm;
}
p {
  margin:0 0 0.75em;
}
hr {
  display:none;
}

 /* Images
----------------------------------------------- */

a img {
  border-width:0;
}
.imgleft, 
.left, 
img.left{
  float:left;
  margin:4px 8px 4px 0px;
  /*padding-left:5px;   for winie6 */
}
.imgright, 
.right, 
img.right{
  float:right;
  margin:4px 0px 4px 8px;
  /*padding-right:5px;   for winie6 */
}
img.imgleft, 
img.imgright {
  padding:4px;
  border:1px solid #ddc;
}

/* General layout tools
----------------------------------------------- */
.clear {
  clear:both;
}
 .clearright {
  clear:right;
}
 .clearleft {
  clear:left;
}
  
  /* Links
----------------------------------------------- */

.onsitelink, 
.onsitelink:visited {
  background: url("../images/icon_doc_style1.gif") no-repeat 0 0;
  border-width:0;
  padding-left:14px;
}
.offsitelink, 
.offsitelink:visited {
  background:url("../images/icon_world_style1.gif") no-repeat 0 0;
  border-width:0;
  padding-left:15px;
 }
.emaillink, 
.emaillink:visited {
  background:url("../images/icon_email_style1.gif") no-repeat 0 0;
  border-width:0;
  padding-left:17px;
}
.looplink, 
.looplink:visited {
  background:url("../images/icon_loop_style1.gif") no-repeat 0 0;
  border-width:0;
  padding-left:15px;
}
a.onsitelink:hover {
  background:url("../images/icon_doc_style1_on.gif") no-repeat 0 0;
}
a.offsitelink:hover {
  background:url("../images/icon_world_style1_on.gif") no-repeat 0 0;
}
a.emaillink:hover {
  background:url("../images/icon_email_style1_on.gif") no-repeat 0 0;
}
a.looplink:hover {
  background:url("../images/icon_loop_style1_on.gif") no-repeat 0 0;
}   
.onsitelink, 
.onsitelink:visited,
.offsitelink, 
.offsitelink:visited,
.emaillink, 
.emaillink:visited,  
.looplink, 
.looplink:visited {
  color:#888888;
  white-space:wrap;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
}  
a.onsitelink:hover,
a.offsitelink:hover,
a.emaillink:hover,
a.looplink:hover  {  
  text-decoration: underline;
  color:#152C58;
  border-color:#ccb;
}
span.onsitelink,
span.offsitelink,
span.emaillink,
span.looplink  {
  color:#887;
}
.onsitelink img, 
.offsitelink img,
.emaillink img,
.looplink img {
  margin-top:.5em;
} 
   
  
/* Navbar Top
----------------------------------------------- */
#navtop, 
#navbottom{
  background-color:#fff;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  height:27px;
  border:solid;
  border-width:1px 0;
}
#navbottom{
  margin-top: 10px;  
}
#navtop ul, 
#navbottom ul{
  margin:0;
  padding:0px 0px;
  list-style:none;
  font-size:100%;
  text-transform:lowercase;
}
#navtop li, 
#navbottom li{
  float:left;
  margin:0;
  padding:0;
  text-align: center;
  background-image:url("../images/nav_normal.jpg");
  line-height:normal;
  text-indent:0;
  white-space: nowrap;
}
#navtop a, 
#navtop strong, 
#navbottom a, 
#navbottom strong {
  display:block;
  padding:5px 0px;
  width:100px;
  color:#7ac;
  text-decoration:none;
  white-space:nowrap;
}
/* Allow entire region of link to to be clickable in IE/Win. 
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navtop a, * html #navbottom a{
  width:1%;
}
#navtop .current strong, 
#navtop .current a, 
#navbottom .current strong, 
#navbottom .current a {
  background-repeat:no-repeat;
}
#navtop a:hover, 
#navtop .current a:hover strong, 
#navtop .current strong,
#navbottom a:hover, 
#navbottom .current a:hover strong, 
#navbottom .current strong {
  color:#000;
}
#navtop a:hover, 
#navbottom a:hover {
  background-repeat:no-repeat;
}
#navtop a strong, 
#navtop .current a strong, 
#navbottom a strong, 
#navbottom .current a strong  {
  background:none;
  padding:0;
  border:none;
}
#navtop .h, 
#navbottom .h {
  border-left-width:1px;
}
#navtop li ul { 
  margin:0;
  padding:0px 0px;
  font-size:100%;
  list-style:none;
  text-transform:lowercase;
}
#navtop li ul li{
  float:left;
  margin:0;
  padding:0;
  height:27px;
  text-align: center;
  background-image:url("../images/nav_normal_drop.jpg");
  line-height:normal;
  text-indent:0;
  white-space: nowrap;
}
#navtop li ul li a, 
#navtop li ul li strong {
  display:block;
  padding:5px 0px;
  width:150px;
  color:#7ac;
  text-decoration:none;
  white-space:nowrap;
}
li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}
li>ul {
  top: auto;
  left: 0px;
}
li:hover ul, li.over ul {
  display: block;
}

/* Path
----------------------------------------------- */
#path {
  background-color:#E3E3E7;
  background-repeat:repeat-x;
  width:100%;
  padding:0;
  height:27px;
  float:left;
  width:100%;
  height:27px; 
  border:solid #C0C0C0;
  border-width:1px 0;
}
#path ul {
  margin:0;
  padding:-0.1em 16px 0;
  list-style:none;
}
#path li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
  color:#193368;
  font-size:85%;
}
#path a, 
#path strong {
  float:left;
  display:block;
  color:#58a;
  border-width:0;
  padding:.25em 3px;
  font-weight:normal;
  line-height:2em;
  text-decoration:none;
}
#path a strong {
  font-size:100%;
  padding:0;
}
#path strong {
  color:#bec;
}
#path a:hover {
  color:#333;
}

/* Subheader & footer
----------------------------------------------- */
#subheader,
#subfooter {
  background-color:#DBDBDB;
  background-repeat:no-repeat;
  font-size:75%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  float:left;
  width:100%;
  height:30px;
  margin-top:0;
}
#subfooter {
  margin-bottom:0;
}
#subheader ul,
#subfooter ul {
  margin:0;
  padding: 0em 16px 0 20px;
  list-style:none;
}
#subheader li,
#subfooter li  {
  display:inline;
  padding: .25em 30px .25em 0px;
  background-image:none;
  line-height:2em;
  text-indent:0;
  margin: 0;
  float:left;
}
#subheader a,
#subfooter a,
#subheader span,
#subfooter span, 
#subheader strong,
#subfooter strong {
  color:#58a;
  border-width:0;
  font-weight:normal;
  text-decoration:none;
}
#subheader a strong,
#subfooter a strong  {
  font-size:100%;
  padding:0;
}
#subheader strong,
#subfooter strong {
  color:#bec;
}
#subheader a:hover,
#subfooter a:hover {
  color:#333;
}
#subheader #subheadersidebar,
#subfooter #subfootersidebar{
  padding: 0 0 0 0;
  position: absolute;
	left: 625px;
}
#subheader .left,
#subfooter .left{
  float:left;
  margin:4px 3px 4px 0;	
}

/* Footer
----------------------------------------------- */
#footer {
 color:#479;
  clear:both;
  font-size:0.65em;
  border: solid #868686 0px;
  border-bottom-width: 1px;
}
#footer p {
  background:#135 url("../images/footer_bg_style1.jpg") repeat-x 0 -4px;
  margin:0;
  padding:10px 20px;
  color:#479;
  text-align:center;
  line-height:1.5em;
}
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html \*/
  * html #footer p {
    height:1%;
    }
#footer a, 
#footer a:visited {
  color:#479;
  border-color:#479;
}
#footer a:hover {
  color:#135;
  border-color:#479;
}
#footer #sitemeter{
	text-align: center;
}

/* style1 - Pages
----------------------------------------------- */
  
body.style1 {
  background-image:url("../images/body_bg_style1.gif");
  background-color:#E7E7E7;
}
.style1 .container {
  background:#E7E7E7 url("../images/container_bg_col2_style1.jpg") repeat-y 0 0; 
  border-color:#868686;
}
.style1 #maincol a{
  color:#A5B8F7;
  text-decoration:none;
}
.style1 #maincol a:hover {
  color:#54DE57;
  text-decoration:underline;
}
.style1 #subcol a{
  color:#0B1634;
  text-decoration:none;
}
.style1 #subcol a:hover {
  color:#01AC05;
  text-decoration:underline;
}
.style1 #subheader {
  background-image:url("../images/subheader_bg_style1.gif");
  color:#50749C;
}
.style1 #subheader a, 
.style1 #subheader span,
.style1 #subheader #subheadersidebar{
  font-weight:bold;
  color:black;
}
.style1 #subheader a:hover {
  color:#152C58;
  text-decoration:underline;
}
.style1 #navtop {
  background-image:url("../images/navtop_bg_style1.jpg");
  border-color:#C0C0C0;
}
 .style1 #navbottom {
  background-image:url("../images/navbottom_bg_style1.jpg");
  border-color:#C0C0C0;
}
.style1 #navtop a, 
.style1 #navtop strong, 
.style1 #navbottom a, 
.style1 #navbottom strong, 
.style1 #navtop #currentversion {
  border-color:#C0C0C0;
  color:#9cf;
}
.style1 #navtop .current a,
.style1 #navbottom .current a{
  background-image:url("../images/nav_shadow.jpg");
  background-color:#1E3C7A;
}
.style1 #navtop .current a:hover, 
.style1 #navbottom a:hover{
  background-image:url("../images/nav_shadow.jpg");
  background-color:#1E3C7A;
}
.style1 #navtop .drop a{ 
  background-image:url("../images/nav_normal_drop.jpg");
  background-color:#1E3C7A;
}
.style1 #navtop .drop a:hover{ 
  background-image:url("../images/nav_hover_drop.jpg");
  background-color:#1E3C7A;
}
.style1 #navtop .currentdrop a{
  background-image:url("../images/nav_shadow_drop.jpg");
  background-color:#1E3C7A;
}
.style1 #navtop .currentdrop a:hover{ 
  background-image:url("../images/nav_shadow_drop.jpg");
  background-color:#1E3C7A;
}
.style1 #navtop a:hover, 
.style1 #navbottom a:hover{
  background-image:url("../images/nav_hover.jpg");
  background-color:#132245;
}
.style1 #navtop li ul li a:hover{
  background-image:url("../images/nav_hover_drop.jpg");
  background-color:#132245;
}
.style1 #navtop a:hover, 
.style1 #navtop .current strong,
.style1 #navbottom a:hover, 
.style1 #navbottom .current strong {
 color:#fff;
}
.style1 #navtop .current a:hover strong, 
.style1 #navbottom .current a:hover strong{
  color:#fff;
}
.style1 h1 {
  background-image:url("../images/header1_bg_style1.gif");
  background-color:#E7E7E7;
  color:#578;
}
.style1 dt, 
.style1 dt a, 
.style1 .personaliafact,
.style1 h2 {
  font-weight:bold;
  color:white;
}
.style1 #path {
  background-image:url("../images/path_bg_style0.jpg");
  background-color:#246;
}
.style1 #path a{
  color:#9cf;
}
.style1 #path a:hover {
  color:white;
}
.style1 #footer {
 color:#479;
}
.style1 #footer p {
  background:#135 url("../images/footer_bg_style1.jpg") repeat-x 0 -4px;
  color:#285A92;
}
.style1 #footer a, 
.style1 #footer a:visited {
  color:#479;
  border-color:#479;
}
.style1 #footer a:hover {
  color:#135;
  border-color:#479;
}
.style1 .onsitelink, 
.style1 .onsitelink:visited {
  background:url("../images/icon_doc_style1.gif") no-repeat 0 0;
}
.style1 .onsitelink, 
.style1 .onsitelink:visited {
  background:url("../images/icon_doc_style1.gif") no-repeat 0 0;
}
.style1 #maincol .offsitelink, 
.style1 .offsitelink:visited {
  background:url("../images/icon_world_style1_maincol.gif") no-repeat 0 0;
}
.style1 #subcol .offsitelink,
.style1 .offsitelink:visited {
  background:url("../images/icon_world_style1_subcol.gif") no-repeat 0 0;
}
.style1 .emaillink, 
.style1 .emaillink:visited {
  background:url("../images/icon_email_style1.gif") no-repeat 0 0;
}
.style1 a.onsitelink:hover {
  background:url("../images/icon_doc_style1_on.gif") no-repeat 0 0;
}
.style1 #maincol a.offsitelink:hover {
  background:url("../images/icon_world_style1_maincol_on.gif") no-repeat 0 0;
}
.style1 #subcol a.offsitelink:hover {
  background:url("../images/icon_world_style1_subcol_on.gif") no-repeat 0 0;
}
.style1 a.emaillink:hover {
  background:url("../images/icon_email_style1_on.gif") no-repeat 0 0;
}

/*</group>*/