body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

.text
{
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: small;
	background-color: inherit;
	color: #2f4f4f; /*darkslategray*/
}

.bold
{
	font-family: Arial;
	font-weight: bold;
	font-size: small;
}

.accent
{
	color: #3333ff;
}

/* Properties that both side lists have in common */
div.link-list 
{
    width:10.2em;
    position:absolute;
    top:0;
    font-size:80%;
    padding-left:1%;
    padding-right:1%;
    margin-left:0;
    margin-right:0;
}

#content_container
{
	border-top: #507cd1 1px solid; 
	display: block; 
	border-left-width: thin;
	border-left-color : #507cd1; 
	width: 100%; 
	border-bottom: #507cd1 1px solid; 
	position: static;
    height: 100%; 
    border-right-width: thin; 
    border-right-color: #507cd1;
}

#copyright
{
	width: 100%; 
	height: 8px; 
	text-align: center;
}

/* we leave some place on the side using the margin-* properties */
#main 
{
    margin-left:10.2em;
    margin-right:10.2em;
    padding-left:1em;
    padding-right:1em;
}

/* and then we put each list on its place */
#list1 
{
	left:0;
}

#list2 
{
	right:0;
}