/* A List Apart 3.0 layout - alistapart.com */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2003 Happy Cog Studios and may not be reproduced. */ 

#wrapper	{
	background: #fff url(/i/pgbg4.gif) repeat;
	color: #333;
	margin: auto;
	margin-top:8px;
	padding: 0;
	border: 1px solid #557;
	width: 70%;  /* box model hack IE5 */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 70%;	 
}
html>#wrapper	{
	width: 70%;
} 

#header	{
	background: #fff;
	color: #000;
	border: 0;
	border-bottom: 1px solid #000;	
	margin: 0;
	padding: 0px;
	text-align: left;
}
#footer {
	border: 0;
	border-top: 1px solid #000;
	color: #000;
	background: #fff;
	padding: 0px;
	text-align: center;
	clear: both;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
}
html>#footer	{
	font-size: x-small;
} 

#topnav {
	border: 0;
	border-bottom: 1px solid #000;
	color: #000;
	background: #fff;
	padding: 0px;
	text-align: center;
	clear: both;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
}
html>#topnav	{
	font-size: x-small;
} 

#pagebody	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	background: #fff;
	clear: both;
}

#maincontent	{
	border-right: 1px solid #000;
	float: left;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 70%;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 70%;
}
html>#maincontent 	{
	width: 70%;
	height: 100%;
} 

#sidebar	{
	padding: 10px .5em 0 0;
	margin: 0 0 0 70%;
	color: #000;
	background:#fff;  /* 999 */
	/* compensates for IE Win bungling */
	height: 100%;
}	

#sidebar-content	{
	margin: 0;
	padding:0;
	border:0;
	border-left: 1px solid #000;
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

body	{
	background: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	padding-bottom:18px;
	border: 0;
    height:100%;
	text-align:center;
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 86%; 
}

p {
	padding: 0.5em 1em 0.5em 12px; 
	margin:0;
	font-family:"CG Times", "Times New Roman", times-roman, times, serif;
}
ul {
	padding: 4px;
	margin:0;
}
ul li {
	list-style-type:none;
	margin-left: 0.9em;
}
li ul li {
	list-style-type:none;
	margin-left: 0.9em;
}
li {
	list-style-type:none;
	margin-left: 0.9em;
}

h1 {
	padding:0.5em;
	padding-right:12px;	
	margin:0; 
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 1.7em; 
}
h2 { 
	padding:0.5em 1em 0.2em 12px; 
	margin:0;
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 1.5em; 
}
h3 { 
	padding:0.2em 1em 0.2em 12px;
	margin:0;
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 1.1em; 
}
h4 { 
	padding:0 1em 0 12px;
	margin:0;
	font-family:"Trebuchet MS",lucida,tahoma,verdana,Arial,Helvetica,sans-serif; 
	font-size: 1.1em; 
}
h2 em	{
	font-size: .8em;
	font-style: italic;
}
img	{
	display: block;
	border: 0;
	}
table {
	margin:0 0 0 1em;
	width: 80%;
	height: 80%;
}
td {
	padding:2px;
}
a, a:link  {
	color:#000;
	text-decoration:none;
}
a:visited {
	color: #000;
	text-decoration:none;
}
a:active {
	color: #000;
	text-decoration:none;
}
a:hover {
	color: #d33;
	text-decoration:none;
}

#header	h1 {
	color: #fff;
}
#header	img {
	margin: auto;
	width: 80%;
	height: auto;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #000;
	text-decoration:none;
}
#footer a:hover {
	color: #f33;
	text-decoration:underline;
}

#topnav a, #topnav a:link, #topnav a:visited, #topnav a:active {
	color: #000;
	text-decoration:none;
}
#topnav a:hover {
	color: #f33;
	text-decoration:underline;
}
#sidebar-content img {
	margin: auto;
	margin-top: 6px;
	margin-bottom: 0;
	border: none;
	width: 65%;
	height: auto;
}
#maincontent img {
	margin: 4px auto;
	border: 2px solid #000;
	width: 60%;
	height: auto;
}
#maincontent img.noscale {
	margin: 6px 8px 0 0;
	padding: 0 4 px 0 0;
	border: 2px solid #000;
	width: 162px;
	height: 22px;
	float: right;
}
#maincontent img.noborder {
	margin: 4px auto;
	border: 0;
}
#maincontent img.notes {
	margin: 0;
	display: inline;
	border: 0;
	width: 15px;
	height: 19px;
}
ul.classlinks {
	list-style:none;
	margin:0;
	padding:0;
}
ul.classlinks li 	{
	display:inline;
	list-style:none;
	margin:2px;
	padding:0;
	color:#669;
	line-height:1.2em;
	font-size:11px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size:13px;	
}
html>ul.classlinks li {font-size:13px;}

.contactinfo {
	display:block;
}
dl.contactinfo  {
	margin: 0 0 0.5em 12px;
}
dl.contactinfo dt  {
	display: inline;
	font-weight:bold;
	line-height: 1.2em;
	font-size:0.9em;
}
dl.contactinfo dd {
	display: block;
	margin-left: 0;
	line-height: 1.2em;
	font-size:0.9em;		
}
ul.contactinfo  {
	margin: .5em 0 1em 12px;
	list-style: none;
	padding:0;
}
ul.contactinfo li  {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	font-size:0.9em;	
}
ul.contactinfo li dl {
	display: inline;
	margin: 0;
	padding: 0;	
}
ul.contactinfo li dl dt {
	display: inline;
	font-weight:bold;
}
ul.contactinfo li dl dd {
	display: inline;
	padding: 0;
	margin-left:0.3em;
}
.contactinfo a {
	color: #fff;
	text-decoration: none;
}
.contactinfo a:link {
	color: #fff;
	text-decoration: none;
}
.contactinfo a:visited {
	color: #fff;
	text-decoration: none;
}
.contactinfo a:active {
	color: #fff;
	text-decoration: none;
}
.contactinfo a:hover {
	color: #ffd;
	text-decoration: underline;
}
.listings p {
	padding:4px;
}
ul.listings li {
	padding:12px;
	list-style: none;
	font-size:15px;
	font-weight:bold;
}

#navbar_horizontal {
	color: #eee;
	padding: 3px 0 3px 4px;
	margin: 0;
}
#navbar_horizontal ul ,#navbar_horizontal li {
	font-family: arial, helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;  /* IE5 Win box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 14px;
}	
html>#navbar_horizontal ul,html>#navbar_horizontal li	{
	font-size: 14px;
}
#navbar_horizontal ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 
#navbar_horizontal ul li {
	list-style: none;
	display: inline;
	margin-left: 0;
	padding-left: 0;
	text-align:left;
}
#navbar_horizontal a, #navbar_horizontal a:link  {
	color: #fff;
	padding: 3px 4px 4px 3px;
	margin-left: -4px;
	border-right:1px #fff solid;
	border-top:1px #fff solid;
	text-align:center;
	text-decoration: none;
	width: 100%;
}
#navbar_horizontal a:visited, #navbar_horizontal a:active  {
	color: #fff;
	text-decoration:none;
}
#navbar_horizontal a:hover  {
	color: #000;
	background: #36f;
	text-decoration:none;
}