/* style.css */

a:link{ 
color:#444444;
font-family: verdena;
}

a:visited{ 
color:#888888;
font-family: verdena;
}

a:hover{ 
color:#CC0000; 
font-family: verdena;
} 

li{
font-family: verdena;
font-size:90%;
color:#777777;
margin-right:180px;
margin-left:190px;
list-style-type: square;
}

h1{
font-family: verdena;
font-size:150%;
margin-right:185px;
margin-left:200px;
color: #000000;
margin-bottom:20px;
font-weight:bold;
letter-spacing: .6em;
text-align: left;
}

h2{
font-family: verdena;
font-size:120%;
margin-right:200px;
margin-left:190px;
color: #bbbbbb;
font-weight:normal;
margin-bottom:20px;
}

h3{
font-family: verdena;
font-size:100%;
margin-right:200px;
margin-left:200px;
color: #CCCCFF;
margin-bottom:20px;
font-weight:bold;
}
/* ********************************** Body properties ********************************** */

body{
background:#FFFFFF;
margin-top: 50px;
}

/* ********************************** Font properties ********************************** */

font.about{
color: #FFFFFF;
font-weight:bold;
}

font.list{
font-weight:bold;
font-family: verdena;
font-size:90%;
color: #FFFFFF;
text-align: center;
}

font.indent{
margin-left:20px;
}

font.firstletter{
font-size:200%;
font-weight: bold;
}
/* ********************************** Paragraph properties ********************************** */
p{
font-family: verdena;
font-size:90%;
margin-right:200px;
margin-left:200px;
color: #222222;
margin-bottom:20px;
}

p.centered{
text-align: center;
}

p.address{
font-family: verdena;
text-align: right;
font-size:90%;
margin-right:200px;
margin-left:200px;
color: #666666;
margin-bottom:20px;
}

p.home{
text-align: center;
}

img.mondrian{
margin-bottom: 10px;
}

/* ************** TABLE **************** */
table.mondrian{
border:1px solid #000000;
width: 100px;
height: 200px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}

td.one{
border-bottom: 10px solid #000000;
height: 10px;
width: 11px;
background: #ffffff;
}

td.two{
background: #ffffff;
border-right: 4px solid #000000;
border-left: 4px solid #000000;
height: 200px;
width: 50px;
}

td.three{
background: #000000;
border-bottom: 7px;
height: 10px;
width: 47px;
}

td.four{
height: 90px;
border-bottom: 9px solid #000000;
background: #ffffff;
}

td.five{
height: 90px;
border-bottom: 5px solid #000000;
background: #ffffff;
}

td.six{
height: 60px;
border-bottom: 9px solid #000000;
background: #ffffff;
}

td.seven{
height: 60px;
border-bottom: 4px solid #000000;
background: #ffffff;
}

td.eight{
height: 14px;
border-bottom: 7px solid #000000;
background: #D3D3D3;
}

td.nine{
height: 14px;
border-bottom: 4px solid #000000;
background: #ffffff;
}

td.ten{
height: 26px;
background: #D3D3D3;
}

td.eleven{
height: 26px;
background: #ffffff;
}