/* Body text and page background */

body{   font-family: Times, Serif;
        font-size: large;   
        background: url(brushedsilver.gif); 
        background-repeat: repeat;  	
        background-attachment: fixed;
        background-color: #CFCFCF;
        color: #000000;     
     }

div.link-list {
        width:10.2em;
        position:absolute;
        top:0;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}

/* we leave some place on the side using the margin-* properties */
#main {
	left:260px; 
	top:100px;
        padding-left:1em;
        padding-right:1em;
        width:50%;
	position:relative; 
        float:left;
}
/* and then we put each list on its place */
#list1 {
        left:0;
        width:260px;
	position:fixed;

}
#list2 {
        right:0;
}

/* Properties that both side lists have in common */
.bottom {
        width: 100%;
	position:fixed;
        margin-top:100px;
        bottom:0;
}


div#buttonA {
	margin-left: 10px;	

}
div#buttonA ul {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
}
div#buttonA li {
	list-style-type: none;
	height: 30px;
	width: 125px;
	margin: 10px;
	text-align:center;

}
div#buttonA li a {
	text-decoration: none;
	height: 100%;
	width: 100%;
	display: block;
	border-width: 5px;
	/*background-color: #999999;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;*/

}
div#buttonA li a:link {
    color: #000000;
	font-weight: bold;
	background-color: #999999;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}
div#buttonA li a:visited {
	color: #000000;
	font-weight: normal;
	background-color: #999999;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}
div#buttonA li a:hover {
    font-weight: bold;
    color: #FFFFFF;
	background-color: #777777;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}
div#buttonA li a:active {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	border-style: solid;
	border-top-color: #333333;
	border-left-color: #555555;
	border-right-color: #BBBBBB;
	border-bottom-color: #DDDDDD;
}

