/* Style sheet for Mons Draconis, cribbed from Dreiburgen's 2002-05, revised 2007-08-31, validated 2002-03-22 */

body { background-image: url(parchment.gif);
 background-color: #CCCCCC; color: black;
 font-family: geneva,arial,helvetica,sans-serif; }
th, td, ul, li, h1, h2, h3 { color: black;
 font-family: geneva,arial,helvetica,sans-serif; }
p		{margin-bottom: 26px; margin-top: 26px; font-size: small;
		font-family: geneva,arial,helvetica,sans-serif; color: black}
/* add bottom and top margins to p elements so they are somewhat aligned with the large image */
a:link { color: #3333FF }
a:visited { color: #CC33FF }

table { margin-left:auto; margin-right:auto; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
.center { text-align: center; }

#header img { float:left; width:145px; }
#headtext { margin-left:150px; }
#headtext p { text-align:center; line-height:80%; }
#container { clear:both; width:100%; }
#leftnav { float:left; vertical-align:top; width:145px;
  padding:5px; margin:4px; }
#leftnav img { float:left; margin-right:9px; }
#leftnav p { margin-bottom:2em; }
#content { margin-left:165px;
  padding-top:10px; padding-bottom:10px; padding-left:5px; }
#footer { clear:both; margin:0 5%; }

.canton { font-size: 140% }  /* for font size=5 */
.canton-name { font-size: 300%; font-style: italic; }  /* for font size=7 */
.area { font-size: 110%; font-weight: bold; }  /* for font size=4 */
.copyright { font-size: 80%; margin-left: 40px; margin-right: 40px; }
.gww { font-size: 70%; text-align: center; }

.bigger { font-size: 150% }  /* for font size=+2 */

img.small		{border: none; text-decaoration: none}
/* displays no border around images on the left */

div#sizes a img.large		{height: 0; width: 0; border-width: 0}
/* hide the larger image by setting its height and width to zero */

div#sizes a:hover img.large		{position: absolute; top: 68px; left: 170px; height: 389px; width: 500px; border: none}
/* make the larger image appear in the same space as the frame on the right when a user hovers over
one of the smaller images on the left side of the web page */