body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
	}
	
#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. */
	}

#main {
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
}

#header-bg {
	background-color: #ffffff;
	background-image: url(images/ta_header.gif);
	background-repeat: repeat-x;
	background-position: left;
}

#sidebar-bg {
	background-image: url(images/ta_sidebar.gif);
	background-repeat: repeat-y;
}

#pagebar-bg {
	background-color: #ffffff;
	background-image: url(images/ta_pagebar.gif);
	background-repeat: no-repeat;
	border: none;
}

#topbar {
	border-top: 4px solid #8B0000;
	}

#footer {
	background-image: url(images/red_spacer.gif);
	color: #fff;
}
.pagebar {
	padding-left: 50px;
	font: Arial,Helvetica,Garamond 4px bold;
	font-size: 76%;
	color: #fff;
}

.content {
	padding-left: 20px;
	font: Arial,Verdana,"sans serif" 10px normal;
	color: #000;
}

img.mainpic {
	padding-left: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
}
#links {
	font-family: Copperplate Gothic Bold, Times New Roman, serif;
	font-size: 11px;
	color: Maroon;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
}

#links-footer {
	font-family: Copperplate Gothic Bold, Times New Roman, serif;
	font-size: 13px;
	color: #fff;
	/*padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;*/
	background-image: url(images/red_spacer.gif);
}
		
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: Maroon;
	}
	
a#links-footer {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

a#sublinks {
	font-family: Arial, Verdana, sans serif;
	font-size: 13px;
	color: #ff6600;
	text-decoration: underline;
}

a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}

h3 {
	padding-left: 50px;
	font-size: 18px;
	margin: 1em 0em 1.5em 0em;
	font-weight: bolder;
	color: #fff;
	}

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.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
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;
	}
	
/*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;
	}