body {
	font-family: arial, sans serif;
	font-size: 76%;
	text-align: left; /* IE Fix */
	margin: 0;
	color: #999;
	}

/* little box styles */

#header {
 
	background-image: url(images/masttoptic1.gif);
  	height: 60px;
  	width: 670px;
	border-color: #AECCDB;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
  }

#header2 { 
	height: 18px;
  	width: 671px;
	margin: 0;
  }

#footer { 
	height: auto;
  	width: 640px;
  }

#content {
	margin: 10px 0 0 0; 
	padding: 1.2em 1.2em 1.2em 2em;
	border-color: #ffd700;
	border-width: 6px 6px 6px 6px;
	border-style: dotted;
	height: auto;
  	width: 609px;/* 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. */
	}
	
	#content1 {
	background-color: #EDE8F5;
	margin: 10px 0 0 0; 
	padding: 1.2em 1.2em 1.2em 2em;
	border-color: #A58CCC;
	border-width: 6px 1px 1px 1px;
	border-style: solid;
	height: auto;
  	width: 619px;/* 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. */
	}
	
	#content1 blockquote {
	margin:10px 60px;
	padding:5px;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-size:100%;
	color:#444;
	border:1px solid #A58CCC;
	background-color:#ddcdf6;
}
	
	#top
{
	width: 619px;
	height: auto;
	padding: 1.2em 1.2em 1.2em 2em;
	margin: 10px auto 0 auto;
	border-color: #AECCDB;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #AABED5;
}

#container
{
	width: 620px;
	height: auto;
	margin: 0px auto 10px auto;
	padding: 0px;
	
}
/* end little box styles */

/* image map styles */

#menu a {
  	position: absolute;
  	height: 18px;
  	width: 60px;
  	top: 21px; 
  	text-decoration: none;
  }

#menu a i { visibility: hidden; }

	a#contributors { left: 392px; }
	a#archives { left: 482px; }
	a#sitemap { left: 552px; }
	a#contact { left: 622px; }
	
	
#tabs a {
  	position: absolute;
  	height: 18px;
  	width: 50px;
  	top: 53px; 
  	text-decoration: none;
  }

#tabs a i { visibility: hidden; }

	a#home { left: 30px; width: 240px; height: 45px; }
	a#onstage { left: 282px; top70px; }
	a#tickets { left: 342px; }
	a#people { left: 400px; }
	a#about { left: 455px; }
	a#calendar { left: 520px; }
	
#cwact a {
  	position: absolute;
  	height: 18px;
  	width: 50px;
  	top: 53px; 
  	text-decoration: none;
  }

#cwact a i { visibility: visible; }

	a#cwact { left: 500px; }	
	
/* end image map styles */


/* img styles */

#img
{
	float: left;
	margin: 5px 10px 0px 0px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
}




#grants
{
	float: right;
	margin: 5px 10px 5px 5px;
	border-color: none;
	border-width: 1px;
	border-style: none;
}

#grants1
{
	float: right;
	margin: 5px 10px 5px 5px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}
	
	#cont
{
	float: left;
	margin: 5px 10px 0px 0px;
	border-color: #000000;
	border-width: 0px;
	border-style: solid;
}

/* end img styles */

/* start table styles */


TH { 
	text-align: center; font-weight: bold;
	vertical-align: baseline;
	speak-header: once;
 }

TD { vertical-align: top }
TABLE   { border-collapse: collapse;
	width: 610px; }
TR#row1 { border-top: 3px solid #A58CCC }
TR#row2 { border-top: 1px solid black }
TR#row3 { border-top: 1px solid black }
CAPTION { caption-side: top }


/* end table styles */

/* colored text style */
span.red {
	text-decoration: none;
	color: #FF0000;
}

span.teal {
	text-decoration: none;
	color: #006699;
}

/* end colored text style */

/* page styles */

body {
	margin: 1em;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 96%;/* 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: #EDE8F5;
	background-image: url(http://www.thenoodleincident.com/img/_.gif);/*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: no-repeat;
	background-position: top left;
	}

	


#container
{
	width: 700px;
	height: auto;
	margin: 0px auto 10px auto;
	padding: 0px;
	
}

#nav
{
	width: 700;
	height: 25px;
	margin: 0 auto 0 auto;
	background-color: #006699;
}	

#nav ul
{
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px
}

#nav ul li
{
	margin: 0;
	padding: 0px 5px 0px 5px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

#nav ul li a
{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

#nav ul li a:hover
{
	text-decoration: none;
	color: #000;
}

#nav ul li a#active
{
	text-decoration: none;
	color: #F3F807;
}



/* horizontal line styles */

#text
{
	width: 690px;
	height: auto;
	margin: 10px auto 0 auto;
	border-color: #006699;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
}


#text.mast
{
	width: 688px;
	height: auto;
	margin: 10px auto 0px auto;
	border-color: #AECCDB;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	background-color: #fff;
}


h1
{
	color: #000000;
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
}

 h2
{
	color: #000000;
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h5 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h6 {
	font-size: 125%;
	margin:0.2em; padding:0; 
	font-weight: normal;
	background-color: #BCA9D9
	}
img {
	border: 0;
	}
	
/*the following classes demonstrate better line heights for narrow columns*/	
.narrow1{
	color: #000;
	font-size: 1.0em;
	width: 50%;
	line-height: 1.3em;
	}
	
.narrow2{
	color: #000;
	font-size: 1.0em;
	width: 50%;
	line-height: 1.5em;
	}	



p {
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
	
	
ol, ul, li {/*
	list-style: none;*/
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
	
li p {
	margin-top: 0.2em;
	}


ul li
{
	color: #000;
	font-family: Helvetica, Verdana, Arial, san-serif;
	font-size: 14px;
	margin: 4px 0 4px 0;
}

li.none { 
	list-style: none; }
	

strong, b {
	font-weight: bold;
	}
	
a {
	text-decoration: none;
	font-weight: normal;
	color: #0000FF;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	color: #000;
	}