body {
font: 9pt verdana,geneva,arial,helvetica,sans-serif;
color: #000000;
background: #ececfd url(image/inthedistance.gif);
}

table {font: 9pt verdana,geneva,arial,helvetica,sans-serif;}

h1 {
font-family: Arial, sans-serif;
font-size: 20px;
color: #2e2e2e;
width: 420px;
border-bottom: 1px solid #ccc;
margin-bottom:10px;
padding:0;
}

#jaco {
background: #ffffff;
max-width:900px;
min-width:700px;
width:expression(document.body.clientWidth < 750? "750px" : document.body.clientWidth > 900? "900px" : "auto");
text-align:left;
border: 1px solid #363636;
padding: 20px;
margin-top:15px;
}

.page_image {
margin:15px 0 15px 15px;
border: 1px #000000 solid;
}

#left {
width:217px;
float:left;
margin-top: 20px;
}
	
#middle {
float:left;
width:200px;
margin: 20px 0 0 10px;
}
 
#right {
display: inline;
width:220px;
float:left;
margin: 20px 0 0 10px;
}

#roman_list {
width:661px;
height:200px;
}

* html #right {float: none;}

.sexylist li {
margin: 0;
padding: 0 0 4px 0;
list-style-type: upper-roman;
}

.reglist {
padding:0;
margin: 5px 0 5px 18px;
}

.reglist li {

}


#LinkDiv a:link, #LinkDiv a:visited, #LinkDiv a:active, #LinkDiv a:hoover {color: #FF0000;} 

#roman_list a {
line-height: 14px;
font: 12pt geneva,arial,helvetica,sans-serif;
font-weight: bold;
text-decoration: none;
color: #2e2e2e;
}

#roman_list a:hover {color: #0066ff; border-bottom: 1px #0000FF dashed;}
#roman_list a:active {color: #003399;}

.page_lists {
padding:0;
margin: 5px 0 5px 14px;
}

.page_lists li {
padding: 5px 0 5px 0;
}

.title_me {
color:#000000;
}

#footloose {
text-align:center;
padding: 0 40px 0 40px; 
font: 8pt;


}