@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	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.*/
	color: #000;
	background-color:#999999;/*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;
	}
#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: 100%;
	line-height: 1.2em;
	color:#666666;
	}
.narrow2{
	width: 100%;
	line-height: 1.3em;
	}
	
		
/*typography*/
a {
	text-decoration: none;
	color: #000000;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	margin-top: .5em;
	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.*/
	}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom:0em;
	}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom:0.3em;
	color:#FFFFFF;
	}
h4 {
	font-size: 1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	margin-bottom:0.3em;
	margin-top: 0em;
	color:#666666;
	}
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: 1em;
	line-height: 1.8em;
	margin: 0em 0em 1.2em 0em;
	color:#999999;
	}

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;
	}
.title {
	font-size:180%;
	font-weight:bold;
	padding-top:0px;
	background:transparent;
	color:#333;
}
.thrColFixHdr #latest_news {
	padding-bottom:10px;
	border-bottom-style: dashed;
	border-bottom-width: thin;
	border-bottom-color: #999999;
}

.thrColFixHdr #container {
	width: 800px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
	background-repeat: no-repeat;
	background-color: #000000;
} 
.thrColFixHdr #header {
	background-color: #FFFFFF;
} 
.thrColFixHdr #navigation {
	color:#000000;
	padding: 0 10px 5px 20px;
	border-bottom-style: solid;
	border-style: thin;
	border-bottom-width: 1px;
	background-color: #FFFFFF;
	}
#navigation ul {
 	color:#FFFFFF;
 	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	list-style: none;
	display:inline;
}
 #navigation ul li {
 	color:#FFFFFF;
	display:inline;
}
.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	line-height: 1.3em;
	margin-top: 0px;
	padding-bottom: 10px;
	color: #FFFFFF;
}
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 225px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 15px 15px 20px; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #mainContent {
	margin: 0 250px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 0px;
	margin-left: 0px;
} 
.thrColFixHdr #footer {
	padding: 0 10px 0 20px;
	border-top-width: thin;
	border-top-color: #000000;
	border-width: 1px;
	border-top: 1px;
	background-color: #FD800C;
	color: #000000;
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #000000;
}
.thrColFixHdr #sub_footer {
	padding: 5px 5px 5px 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:center;
	font-size: .8em;
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}