body { 
font:75%  Arial, Helvetica, sans-serif;
color:#333; 
background:white url(back.jpg) repeat-y center top; /* zeldman.com */
margin:0; 
text-align:center; /* Positions all content in the center of the viewport */
}
/* Center the site and return the contents to the left hand side */
#container { 
width:790px;
text-align:left;
padding:0;  
margin:0 auto; 
}

/* Content */ 
  #content { 
    margin-right:10px; 
    margin-bottom:10px; 
	float:right;
	width:560px;
    } 
/* Sidebar */ 
  #sidebar { 
    float:left; 
    width:36%; 
    margin-bottom:10px; 
    padding:10px; 
    border:1px solid #000; 
    } 
color:#900;
}
/* a:active added for IE a:focus for Mozilla - added to aid accesibility more than visual appearance */
a:hover,
a:focus,
a:active
{ 
background:black; 
color:white;
border:0;
text-decoration:none;
}
/* Show dotted a:link style only in decent browsers (not IE) - taken from http://www.shauninman.com/mute/project/this_is_cereal.php */
div[id="container"] a,
div[id="container"] a:visited{
text-decoration:none;
border-bottom:1px dotted #900;
}



/* Becuase IE6 doesn't do it by default - IE5 doens't do it at all */
acronym{
border-bottom:1px dotted #333;
cursor:help;
}
acronym:hover{
border-top:1px dotted #333;
border-bottom:0;
}
#lresources acronym{
border:0;
}
/* Navigation ============================================================= */

#linkList{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
    float:left; 
    width:190px; 
    margin-bottom:10px; 
	text-align:right;
	}
   
	
	/* Only IE5 MAC needs the left float \*/
float:left;
	padding-top: 75px;
	padding-bottom: 0;
	padding-left: 0;
/* End IE5 MAC comment hack found at stopdesign.com see also http://www.stopdesign.com/log/2004/07/06/filtering-css.html */
}
/* Because the linkList is not floated (except for IE5 MAC), this casued problems with usual image replacement methods, so... */ 
#linkList h3{ 
float:none;
display:none; 
}
/* linkList h3 may be hidden from screen readers and printers due to display none */
@media aural, braille, print{
#linkList h3{
display:block;
}
}
#lselect,
#lfavorites,
#larchives,
#lresources
{
/* Something shaky going on in IE6 with the background images, border-left stops it shaking */
border-left:1px solid white;
padding:30px 0 0 0;
margin:0 0 40px 0;
}
#lselect{
background:transparent no-repeat left top;
}
#lfavorites{
background:transparent no-repeat left top;
}
#larchives{
background:transparent url(../CSS/archivehead.png) no-repeat top left;
}
#lresources{
background:transparent url(../CSS/resourceshead.png) no-repeat top left;
}
#linkList ul{
margin:0;
padding:0;
list-style:none;
}
#linkList li{
font-size:1em;
display:block;
margin:0;
padding: 0 0 7px 0;
border-bottom:1px solid #F9F7F6;
}

/* Link Styles */
#linkList li a{ 
display:block;
padding:4px 10px 4px 5px;
margin:0 0 5px 0;
border:0;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#93A871;
}
/* Background position http://wellstyled.com/css-nopreload-rollovers.html */
#lselect li a,
#lfavorites li a{
background:transparent url(../CSS/visited.png) no-repeat  -100px;
}
#lselect li a:visited,
#lfavorites li a:visited{
background-position:0 50% ;
}

#linkList li a:hover,
#linkList li a:focus,
#linkList li a:active{
padding-right:6px;
border-right:4px solid #81B4CF;
color:#81B4CF;
text-decoration:none;
}
	
#linkList li a.c{
display:inline;
padding:0 2px 0 0;
text-transform:lowercase;
font-style:italic;
font-weight:normal;
margin:0;
border:0;
background-position:-100px;
}
#linkList li a.c:hover,
#linkList li a.c:visited,
#linkList li a.c:active,
#linkList li a.c:focus{
padding:0 2px 0 0;
border:0;
background-position:-100px;
}

#larchives  li,
#lresources li{
border:0;
}

#lresources li a,
#larchives  li a{
padding-right:6px;
border:1px solid #F9F7F6;
border-right:4px solid #D6DECA;
text-decoration:none;
background:white;
}
td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
.subheader {
	font: bold 1.3em Arial, Helvetica, sans-serif;
}

.trackheader {
	font-size: 1em;
	color: 99ad79;
	font-weight: bold;
	text-align: center;
}
.smallprint {
	font-size: 0.9em;
	text-align: left;
	clear: both;
}

hr
{
	background: #99ad79;
	color: #99ad79;
	height: 1px;
	margin: 0 0 10px;
	width: 75%; 
}