/*

Primary stylesheet
This stylesheet is meant to enforce a uniform look and feel to
generic pages.

*/

/*
Inherited basics
*/

/* the entire "screen" */
body {
/*  background: #09094e;  midnight blue */
  background: url(parchment.png);
  color: #0E0E0E;
/*  width: 100%;*/
  height: 100%;
/*  height: 100%;*/
  padding: 0em;

  margin-top: 0em;
/*
  margin-bottom: 0em;  
*/
  font-family: Geneva, Arial, Helvetica, sans-serif;
  display: block;
}


.leftborder {  
  background: url(margin-left.jpg) repeat-y right #09094e;
  position: fixed;
  height: 100%;
  width: 10%;
  left: 0%;
  padding: 0em;
  margin: 0em;
  min-width: 40px;
}

.rightborder {  
  background: url(margin-right.jpg) repeat-y left #09094e;
  position: fixed;
  left:90%;
  height: 100%;
  width: 10%;
  padding: 0em;
  margin: 0em;
  min-width: 40px;
}


/* container for center drawable canvas */
.content   { 

  background: url(parchment.png) #ffd06c;

/*
  margin-right: 10px;
  margin-left: 10px;
*/
margin-left: 10%;
margin-right: 10%;
  height: 100%;
  margin-bottom: 0px;
  padding: 0em;
  min-width: 600px;
}

/* box where actual content lives */
.contentbody { 
  margin-right: 1em;
  margin-left: 1em;
  margin-top: 0em;
  margin-bottom: 0em;
}


/* for logo image */
.logo { 
  text-align: center;
  padding-top: 1em;
}

/* for main header */
h1 { 
  text-align: center;
  font-size: 150%;
  font-family: Times New Roman, Times, serif;
}

h2 {
  font-size: 120%;
}

/* block quote format */
blockquote { 
  font-style: italic;
  font-family: Times New Roman, Times, serif;
}
/* quote attribution for blockquote */
blockquote .attrib { 
  text-align: right;
}

img {
  padding: 1em;
  }

.mediaembed {
  float: left;
  clear: right;
  padding-right: 1em;
  }

.mediadesc {
}

.mediasample {
  clear: both;
  }
  
.mediaheader {
  font-style: italic;
  
  clear: both;
  padding-top: 1em;
  border-bottom: solid 1pt;
}

/* news lists */
.newslist { 
  display: block;
  border-top: dashed thin;
}

.newslist dt { 
  font-weight: bold;
  font-style: italic;
  text-align: right;
}

.newslist dd { 
  font-weight: lighter;
  border-bottom: dashed thin;
}


/* end footer blurb */
.footer    { 
  border-top: groove thick;
  clear:both
}


/* Navigation Bar */


/* Navigation overrides */
#home .navhome { background: url(parchment.png); color: #000000; padding: 0.3em 1em;border-style: inset; border-width: thick;}
#news .navnews { background: url(parchment.png); color: #000000; padding: 0.3em 1em;border-style: inset; border-width: thick;}
#programs .navprograms { background: url(parchment.png); color: #000000; padding: 0.3em 1em;border-style: inset; border-width: thick;}
#media .navmedia { background: url(parchment.png); color: #000000; padding: 0.3em 1em;border-style: inset; border-width: thick;}
#references .navreferences { background: url(parchment.png); color: #000000; padding: 0.3em 1em;border-style: inset; border-width: thick;}
#bio .navbio { background: url(parchment.png); color: #000000; padding: 0.3em 1em;border-style: inset; border-width: thick;}

/* navigation bar container */
.navbar      {
  margin-right: 1em;
  font-size: 100%;
  float: center;
  text-align: center;
  max-width: 10em
  display: block;
}

/* float the navbar for CSS2 capable browsers
body>div.navbar { position: fixed }

body div.navbar { display: block }
*/

div.navbar  div {
  margin: 0;
  font-family: Arial, sans-serif;
/*  background-color: #09094e;*/
  background: #09094e;
  color: #FFFFFF;
  border-style: groove;
  border-width: thick;
  display: block;
  padding: 0em 0em;
/*  padding: 0em 0em;*/

}

/* navbar clickable element */
div.navbar a {
  font-weight: bold;
  text-align: left;
  padding: 0.3em 1em;
/*  display: block ;     remove this line for horizontal navbar */
}

/* place groove line between each button */
/*
div.navbar a + a { border-top: 0.2ex groove #000000 }
*/
/* remove browser default color/underline from links */
div.navbar a:link { text-decoration: none; color: #CCCCCC }
div.navbar a:visited { text-decoration: none; color: #CCCCCC }


/* add hover effect on button link */
div.navbar a:hover {
  text-decoration: none;
  background: url(parchment.png) #ecce59;
  color: #000000;
}



/*
These are for the W3C Valid buttons
*/
.buttonright {
  float: right;
  background: transparent;
}
.imgnoborder { 
  border-width: 0; 
  text-decoration: none;
  background: transparent;
}


/*

Printer-friendly version
Get rid of margin decoration
*/

@media print {
  .leftborder { width: 0em; }
  .rightborder { width: 0em; }
}




<!-- old stuff -->
/* the next four elements frame the canvas*/

/* white mist on left */
.canvasleft { 
  background: url(border-left.png) repeat-y left;
  min-width: 600px;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0em;
  height:100%;
}

/* white mist on right */
.canvasright { 
  background: url(border-right.png) repeat-y right;
  height: 100%;
}

/* parchment on left */
.parchmentleft { 
  background: url(parchment-left.png) repeat-y left;
  margin-left: 26px;
  margin-right: 26px;
  height:100%;
}

/* parchment on right */
.parchmentright { 
  background: url(parchment-right.png) repeat-y right;
  height:100%;  
}