/* this style sheet really needs reorganizing */

body { font-family: Arial Verdana sans-serif;
	color: inherit;
	background-color: #4682B4;
	margin:0px;
	overflow:auto;
	}

.nav { margin: -6px 8px 8px -6px;
	color: #fff;
	}

.nav a { border: thin groove #4682B4;
	padding: 2px 2px 2px 8px;
	background-image: url(images/ar.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: white;
	display: block;
	text-decoration: none;
	margin-bottom: 6px;
	}

.nav a:link { color: #fff;
	background-color: #0064A0;
	}

.nav a:visited { color: #99CCFF;
	background-color: #248;
	}

.nav a:hover { color: #000;
	background-color: #E0F6FF;
	}

.nav a:active { color: #000;
	background-color: #6CE;
	}

.lighttext a:link { color: #fff;
	background-color: transparent;
	}

.nodeco a { text-decoration:none;
	} /* no underline for link */

/* - - - - image - - - - */

img { border: none;
	} /* no borders on images unless otherwise specified */

.imid { display:inline;
vertical-align:middle;
	}

/* - - - - main divs - - - - */

div#logo {
	margin: 1px 1px 6px 1px;
	color: #003366;
	background-color: #E0F6FF;
	background-image: url(images/tile.jpg);
	height: 144px;
	width:100%;
	margin-bottom:1px;
	}

.leftcol { float: left;
	width: 26%;
	margin-left: 1%;
	display: block;
	clear: left;
	overflow: visible;
	}

.main {
 	margin-right: 1%;
 	margin-left: 30%;
 	width:67%;
 	padding:4px;
	}

 .column {
	width: 47%;
	padding:6px;
	} /* for two-column layouts in the main div */

.foot { padding: 6px;
	color: #fff;
	background-color: #003366;
	margin-right: 2%;
	margin-left: 2%;
	text-align: center;
	}

/* - - - - float and clear - - - - */

.left { float: left;
	}

.noclear { clear: none;
	} /* this keeps Internut Exploiter from dropping bottoms...usually */

/* misc background and text color */

.white {
	color: #000;
	background-color: #fff;
	}

.light { color: #000;
	background-color: #E0F6FF;
	}

.dark { color: #fff;
	background-color: #003366;
	}
.black { color: #fff;
	background-color: #000;
	}
.peach { color:#000;
	background-color: #FCDED1;
	}

.antique { color:#000;
	background-color: #FAEBD7;
	}

.linen { color:#000;
	background-color: #FAF0E6;
	}

.lighttext { color: #fff;
	background-color: transparent;
	}

/* - - - - margins and padding - - - - */

.margin2-2 { margin-right: 2%;
	margin-left: 2%;
	}
.margin5-5 { margin-right: 5%;
	margin-left: 5%;
	}
.margin10-10 { margin-right: 10%;
	margin-left: 10%;
	}
.margin-r10px { margin-right: 10px;
	}
.margin-l10px { margin-left: 10px;
	}
.margin1 { margin: 1%;
	}

.margin10px { margin: 10px;
	}
.margin20px { margin: 20px;
	}

.bottom10px { margin-bottom: 10px;
	}

.top10px { margin-top: 10px;
	}

.leftpad {
	padding-left: 8px;
	}

.topleftpad { margin-top: 1px;
	padding-top: 10px;
	padding-left: 8px;
	} /* === This is used only in the nav column! === */

.pad1 { padding: 1px;
	}
.pad2 { padding: 2px;
	}
.pad4 { padding: 4px;
	}
.pad6 { padding: 6px;
	}
.pad8 { padding: 8px;
	}
.pad10 { padding: 10px;
	}
.padright20 { padding-right: 20px;
	}
.padleft20 { padding-left: 20px;
	} /* occasionally one has to shift things over a bit */

.center { text-align: center;
	}

.right { text-align: right;
	}

p.indent40 { text-indent: 40px;
	} /* nicely indented paragraph */

/* - - - - font styles and sizes - - - - */

/* trying to avoid bold and italic HTML tags, but... */

.italic { font-style: italic;
	}
.bold { font-weight: bold;
	}
b { font-weight: bold;
	font-style:inherit;
	}
i { font-style: italic;
	font-weight: inherit;
	}
 
.fancy { 
	font-family:Vivaldi "Monotype Corsiva" "Lucida Calligraphy" Script cursive;
	font-weight:bold;
	font-size: 36px;
	} /* not reliable on all systems, but probably makes pretty text for some viewers */

.serif { 
	font-family:serif;
	font-size: all;
	}
/* size does not work if user settings negate text size */
.verysmall { font-size: .6em;
	}
.smalltext { font-size: .8em;
	}
.medtext { font-size: 1.1em;
	}
.bigtext { font-size: 1.3em;
	}

.med-lt-text { color: #96C8DC;
	background-color: transparent;
	}

h1 { font-family: "Times New Roman",serif;
	font-size: 32px;
	font-weight: bold;
	color: inherit;
	background-color: transparent;
	font-style: normal;
	}


h2 { font-family: "Times New Roman" serif;
	font-size: 24px;
	color: inherit;
	background-color: transparent;
	}

h3 { font-family: "Times New Roman" serif;
	font-size: 18px;
	color: inherit;
	background-color: transparent;
	}


.caps { text-transform:capitalize;
	} /* corrects all-caps listing from databasse converted en masse to lowercase - painless LOL */


/* ====== line ======= */
hr { padding: 1px;
	width: 50%;
	}
/* borders ================== */

.doubleline { border: 2px double #4682B4;
	}
.doubleline2 { border: 4px double #4682B4;
	}
.inset2px { border: 2px inset #4682B4;
	}
.thinblue { border: 1px solid #4682B4;
	}

/* reusable frames for special headers, avoiding rigid size and placement */

.liteborder3030 { margin:0% 30% 0% 30%;
	border: 3px groove #E0F6FF;
	padding:1px 6px 6px 6px;
	}

.liteborder2020 { margin:0% 20% 0% 20%;
	border: 3px groove #E0F6FF;
	padding:1px 6px 6px 6px;
	text-align:center;
	}

/* left side dividing lines for columns or for accent */

.leftline { border-left: 2px solid #64AADC;
	}

.leftlinewarm { border-left: 5px solid #C8A05A;
	}

.leftlinewarmthin { border-left: 2px solid #C8A05A;
	}

/* - - - - frames for images or divisions - - - - */

.grayframe { background-color:#ccc;
	border:2px inset #000;
	padding:6px
	}

.frame1 { border: 1px inset #000;
	padding: 8px;
	background-color: r#369;
	}
.brdr { border:1px solid #C8A05A;
	background-color:#ECD7C8;
	padding:4px;
	}
.brown { border:1px solid #C8A05A;
	background-color:#ECD7C8;
	}

/* - - - - table and list - - - - */

table { 
	border:1px solid #ccc;
	empty-cells: show;
	}
td { 
	border:1px solid #ccc;
	}
li {
list-style-image: url("images/buttontinyblue.gif");
	}
table.no-b { 
	border:none;
	empty-cells: show;
	}
td.no-b { 
	border:none;
	}

/* - - - - special background images - - - - */

.flag { background-image: url("events/flag.jpg");
	background-attachment:scroll;
	background-repeat: repeat-y;
	padding-left:60px;
	} /* events page */

.mice { background-image: url(images/mice_on_limb.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	} /* collectibles page */

/* - - - - special fixed width - - - - */

.w200 { width: 200px;
	}
.w300 { width: 300px;
	}
.w450 { width: 450px;
	} /* Gloria's Closet index only */
.w20 { width: 20%;
	}
.w30 { width: 30%;
	}
.w40 { width: 40%;
	}

/* - - - - miscellaneous - - - - */

.inline { display:inline;
	}

/* input.submit { color: #fff;
	background-color: #069;
 	border: 2px outset #4682B4;
	}

input.text { color: #000;
	background-color: #fff;
 	border: 2px inset #4682B4;
	} */

.gallery {
	display:inline;
	padding:4px;
	margin:4px;
	}

.row {
	display:block;
	margin-bottom:15px;
	}