ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd {
margin:0;
padding:0;
color:#666;
}

html {
margin-bottom:1px;
min-height:99%;
}

body {
	background-repeat: repeat-y;
	background-position: center center;
	background-image: url(./bk_shadow.gif);
	height:100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* 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.*/
	/*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.*/

	}


#teaser {
    background: url("teaser_city.jpg") no-repeat scroll center center transparent;
    clear: both;
    height: 200px;
    margin: 1px 0;
    padding: 0;
}

#site-content {
width:900px;
display:block;
height:100%;
margin:0 auto;
padding:0;
position:relative;

}

#column {
	display:block;
	background-color:#FFFFFF;
padding:0;
text-align:left;
}
#content {
    border-top: 5px solid #CCCCCC;
    clear: both;
    display: block;
    padding: 50px 25px;
    position: relative;
	border-bottom:45px solid #CCCCCC;
}


#header{
    background-image: url("./curve_upper.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom: 5px solid #CCCCCC;
    color: #FFFFFF;
    font-size: 0;
    padding: 10px 20px;
    position: relative;
    text-align: right;}

p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 1.2em 0em 0.6em 0em;
	}
li  {
	color: #666;
	/* font: normal normal normal 11px/150% verdana, sans-serif;*/
}
h1 {
	color: #999;
	/* font-size: 18px;
	line-height: 140%;
	font-family: Verdana;
	font-weight: bold;
	padding: 4px 5px 4px 0px;
	margin: 0px 0px 9px 0px;*/
}

.list_block  {
/*	padding-top:5px;*/
	margin:5px 0px 20px 0px;
	padding-left:20px;

}

.list_block li {

	color: #666;
	list-style-image: url(./haken.png); 
	list-style-position: outside;
}


.list_block ul li{

	list-style-image: url(./dot.png); 
}

a, a:link, a:visited, a:active{
	color: #336699;
	text-decoration:none;
}

a:hover { 
	text-decoration: none; 
}

/*#content {
	margin: 0em;
	padding: 4em 6em 2em 6em; 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. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}

h1 {
	color: #999;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*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.*/
	margin: 0em 0em 0.6em 0em;
	}


h3 {
	font-size: 1.1em;
	margin: 1.2em 0em 0.6em 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; 
	}