/* CSS for Aspen 

   maroon -- #990000
   pale yellow -- #FFFF99
   dk. green -- #006633
   lt. grey -- #DDDDDD
   dk. grey -- #666666
 */

body { font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:white; color:black; margin:0; 
  background-image: url("../images/aspen_backdrop2.jpg"); background-position:99% 95%;
  background-attachment:fixed; background-repeat:no-repeat;  }

/* header */
#header { margin:0; background-color:#006633; text-align:center;  }
#header img { border:0;}

/* navigation */
#tabs { margin:0; padding:0; background-color:#006633; float:left; width:100%; }
#tabs ul { list-style:none; margin:0; padding:0; padding-left:1em; }
#tabs ul li { margin:0; padding:0; float:left; }
#tabs a  { color:black; display:block; margin-right:2px; padding:4px 8px; background-color:#DDDDDD; 
  -moz-border-radius-topleft:1em; -moz-border-radius-topright:1em;
  -webkit-border-top-left-radius:1em; -webkit-border-top-right-radius:1em;}
#tabs a:hover { color:white; background-color:#990000; text-decoration:none; font-weight:normal }
#tabs a.selected { color:black; background-color:white; border-bottom:1px solid white; }


/* wrapper */
#wrapper { clear:both }


/* sidebar & secondary navigation */
#sidebar form, #sidebar p, #sidebar ul { margin:0; padding:0; }
#sidebar { margin:1em 0; padding:.5em 1em; float:left; width:9em; }
#sidebar ul { font-size:80%; color:#666666; list-style:none;  }
#sidebar li { }
#sidebar li a { display:block; width:100%; color:#666666; padding:2px; border:1px solid white; /* IE hack */ }
#sidebar li a:hover { text-decoration:none; color:black; background-color:#DDDDDD; }


/* main content */
#content { margin:.5em 5% 3em 10em; padding:1em; max-width:46em; }


/* footer */
#footer { color:#666666; clear:both; width:100%; font-size:.75em; text-align:center; background-color:#006633; color:white; position:fixed; bottom:0; }

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

/* anchor styles */
a { color:#990000; text-decoration:none; overflow:hidden; }
a:hover {  font-weight:bold;  }
a:visited {  }
p > a { text-decoration:underline; }
p > a:hover { text-decoration:none; font-weight:normal }
a:hover > strong { text-decoration:underline }

/* image styles */
img { border:0 }
img.banner { margin-left:5px; }
img.logo { border:0; padding-bottom:1em; }
img.loc  { float:right; padding:5px; }
img.bio, .bio  { float:right; margin-left:5px; margin-bottom:5px; padding:5px; border:1px solid gray; background-color:white; text-align:center }

/* various */
.description { margin-right:5% }
.location { width:16em; float:left; padding:1em; padding-right:0;  }
.clear { clear:both }
.hide { display:none }
.left { float:left; }
.right { float:right; text-align:right }
.center { text-align:center }
hr { color:#990000; background-color:#990000; border:0; height:1px; }
hr.clear { clear:right }