body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #fff;
	/*background-image: url(http://www.arts-in-company.com/art/images-photography/site-design/35mm-gray-sm.jpg);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.
	background-repeat: repeat-y; /*no-repeat;*/
	background-position: top right;
	}

/*top navigation bar*/
#navcontainer ul	{
	text-align: left;
	padding-bottom: 2px;
	padding-top: 1px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background-color: #036;
	color: white;
	width: 100%;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 87%;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
	}

#navcontainer ul li	{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
	}

#navcontainer ul li a	{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: white;
	text-decoration: none;
	border-right: 1px solid #fff;
	}

#navcontainer ul li a:hover	{
	background-color: #557565;
	color: #ffcc00;
	}

#navcontainer #active { 
	border-left: 1px solid #fff; 
	}

/* Begin sidenav  */	
#sidenav {
 	width:210px;
	font-size: 87%;
	color:#003399;
	top:30px;
	margin:0 2px 0 5px; 
	padding:2px 0 2px 0; 
	height: auto;
	}
#sidenav a { color:#003366; font-weight:normal; background-color:transparent; text-decoration:none; display:block; margin:0; padding:1px 3px 1px 3px; }
#sidenav a:hover { text-decoration:underline; color:#000000; background-color:#ffffff; padding:1px 3px 1px 3px; margin:0; }
#sidenav a.currentlink { text-decoration:underline; color:#0000ff; background-color:#4a6e8d; }
#sidenav .menu .header { background-color:#cccccc; 
								color:#000000; 
								text-align:center; 
								font-weight:bold; 
								width:96%; 
   								margin:1px 2px 0 2px;
								padding:2px 2px 2px 2px;  }
#sidenav .menu .secheader {	background-color:#557565;
							color:#ffcc00; 
							text-align:center; 
							font-weight:bold; 
							width:96%; 
   							margin:1px 2px 0 2px;
							padding:2px 2px 2px 2px;  }
#sidenav .menu .quote {
	font-family: times, serif; 
	background-color:#cccccc;
	color:#000099;
	text-align:left;
	font-weight: normal;
    margin:1px 2px 0 2px;
	line-height: 1.2em;
	font-size: 2.0em;
	font-style: italic;
	display:block; 
	width:96%;
	padding:1px 2px 1px 2px;}
#sidenav .menu .artistquoted {
	background-color:#cccccc;
	color:#000099;
	text-align:right;
	font-weight: normal;
    margin:0 2px 2px 2px;
	font-size: 1.0em;
	display:block; 
	width:96%;
	line-height: 1.2em;
	padding:1px 2px 1px 2px;
	}
ul.menu { list-style-type:none; margin:5px 0 5px 0; padding:3px 0 3px 0; border:1px solid #ffcc00; /* menu bacground color is this background-color:#F3F3F3;*/ background-color:#ffffff; }

.menu li { 
	font-weight:normal;
	margin-bottom:2px; 
	display:block; 
	width:100%;
	line-height: 1.2em;
	padding:1px 3px 1px 3px;
	}

/* end sidenav styles  */	

/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #003366;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1, h3, h5	{
	color:#003399;
	}

h2, h4, h6	{
	color:#557565;
	}
	
h1 {
	font-size: 1.7em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: .6em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.25em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
}
.quotedstuff {
	font-size: 1.0em;
	line-height: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	color: #990033;}
li > p {
	margin-top: 0.2em;
	}
		
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
/* Begin Two column styles from Lee */	
	#columns{margin: .25em;	/*padding: 0.25em;*/width: 95%;}
	#columns .header{font-weight:bold;text-align:left;padding:0.25em;}
	#columns .content{font-size:.95em;color:#000000;text-align:left;padding:0.5em;margin-top:-1em;}

	#column1{float:left;top:0px;width:49%;border:1px solid #c0c0c0;}
	#column1 .header{background:#ffffff;color:#000000;}

	#column2{	float:right;width:49%;	border:1px solid #c0c0c0;}
	#column2 .header{ background:#ffffff;	color:#000000; }
/* End Two column styles from Lee */

table	{width:100%; border:0; align:center; }

td { font-size: 1em; }

.quote {
	font-family: times, serif;
	color:#000099;
	line-height: 1.2em;
	font-size: 3.0em;
	margin: 1.2em 2em .2em 2em;
	font-weight: normal;
	font-style: italic;
	}
.quoteartist {
	color:#000099
	font-size: 1.2;
	margin: 0em 4em .2em 5em;
	text-align: right;
	font-weight: normal;
}
.footer {
	font-size: 85%;
	line-height: 1.2em;
	text-align: center;
}
.imagecredit {
	font-size: 85%;
	line-height: 1.2em;
	text-align: center;
}
.h1fullname {
	font-size: 60%;
	line-height: 1.em;
	text-align: left;
}
.date {
	font-size: 85%;
	line-height: 1.2em;
	text-align: right;
	color:#999999;
	padding:2px 5px 2px 5px; 
}

.contact {
	font-size: 85%;
	line-height: 1.2em;
	text-align: left;
	padding:2px 5px 2px 5px; 
}
.calendarhead {
	font-size: 90%;
	font-weight:bold;
	margin-bottom:2px; 
	/*display:block; */
	width:100%;
	line-height: 1em;
	}
.calendarText {
	font-size: 85%;
	font-weight:normal;
/*	margin-bottom:2px;*/ 
	/*display:block; */
	/*margin-left: 10 px;*/
	/*width:100%;*/
	line-height: 1em;
	padding:0px 0px 0px 0px;
	}
	
	.calendarTextDUE {
	color:#006600
	font-size: 85%;
	font-weight:bold;
/*	margin-bottom:2px;*/ 
	/*display:block; */
	/*margin-left: 10 px;*/
	/*width:100%;*/
	line-height: 1em;
	padding:0px 0px 0px 0px;
	}
/* --------------------------  NOT USED IF BELOW THIS LINE --------------------*/
/* left nav- blue with howver*/
/* #leftnavcontainer
{	width: 180px; 
	position:absolute;
}

#leftnavcontainer ul
{
	margin-left: 0;
	font-size: 85%;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana,arial,helvetica,sans-serif;
}

#leftnavcontainer a
{
	display: block;
	padding: 3px;
	width: 130px;
	background-color: #ccc;
	border-bottom: 1px solid #eee;
}

#leftnavcontainer a:link, #navlist a:visited
{
	color: #EEE;
	text-decoration: none;
}

#leftnavcontainer a:hover
{
	background-color: #036;
	color: #fff;
}

/*end left nav bar*/
/* 
#content { background-color: transparent; color:#000000; position:relative; padding:3px;  margin-right: 5px; margin-left: 180px;  height:auto; }

#content {
	margin: 0em;
	padding: 1em 6em 3em 5em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. 
	*/
	
/*#middle{ background-color: transparent; margin:0; padding:0; position:relative; height:auto; }*/