/*	CSS 2 style sheet for my web pages
	copyright 2001, Kevin McCarty

	NOTE: these styles DO NOT work with Netscape 4.x
*/

/* inherit a lot of stuff from simpler stylesheet so as not to repeat it */
@import url(base.css);

a img { border-style: none; }

#main {
	/* IE5.5/Win needs this or the main layer goes below the menu: */
	position: absolute;
	top: 20px;

	/* IE5.5/Win screws up margin attribute, so
	declare edges of content explicitly: */
	left: 170px;
	right: 50px;

	margin: auto auto auto auto;
	padding: 10px 10px 10px 10px;
	border: 2px solid #808080;
}

/* IE 5.5/6 for Win don't understand the following CSS2 selector, so anything
   they don't like can go in here: */

html>body #main {
	voice-family: inherit;
	position: relative;
	left: auto; right: auto;
	top: 20px;  bottom: -20px;
	margin: 0px 50px 40px 170px;
}

#main p.note {
	border: 1px solid red;
}

#main ul { margin-right: 20px; }

#main ul li {
	list-style-image: url(st_icons/bullet.png);
}

#main ul li.check {
	list-style-image: url(st_icons/check.png);
}

#main ul li li {
	list-style-image: url(st_icons/bullet2.png);
}

#main ul li li.check {
	list-style-image: url(st_icons/check2.png);
}

/* For displaying literal characters to be typed at the keyboard: */
#main span.char {
	padding-left: 3px;
	padding-right: 3px;
}

#main a:hover {
	color: #00ffff; 
	background-color: transparent;
	text-decoration: underline;
	font-style: italic;
}

#main a:active {
	color: #ffffff; 
	background-color: transparent;
	text-decoration: underline;
	font-style: italic;
}

/* style for internal links */
#main a.int:hover {
	color: #40ffa0;
	background-color: transparent;
	text-decoration: underline;
	font-style: italic;
}

#main a.int:active {
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
	font-style: italic;
}

#main div.imageright {
	float: right;
/*	border: 2px solid #000080; */
}

#main div.imageleft  {
	float: left;
/*	border: 2px solid #000080; */
}

/* These are necessary because using 'style = "clear: right;"' in a
   tag causes Netscape 4 to bomb. */
#main .clearright { clear: right; }
#main .clearleft { clear: left; }
#main .clearboth { clear: both; }

/* we use this to surround the obligatory "Upgrade your browser!" text:
   it should only be visible on Netscape 4.x and browsers which are not CSS
   compliant */
#main p.disclaimer { display: none; }

/* The menu icons.  These take the place of a navigation frame. */

/* same trick as for #main -- IE doesn't understand "position: fixed" */
html>body #menu {
	position: fixed;
}

#menu div.header {
	background-color: black;
	border: 0px;
}

#menu div.menuitem, #menu div.active {
	background-color: #606060;
	border: 2px solid #808080;
}

#menu div.menuitem:hover, #menu div.active {
	color: white;
	background-color: #a0a0a0;
	border-color: white;
}

#menu div.menuitem a.int, #menu div.active a.int {
	color: inherit;
	font-style: normal;
}

/* Quasi-frame for viewing photos. */
#viewer {
	height: 250px;
	max-height: 250px;
}