html {
max-width : 100%;
max-height : 100%;
height:100%;
}
body {
font : 11px arial, helvetica, sans-serif;
margin : 1.8em 6em;
}
h1 {
margin : 0;
color : #2175bc;
text-align : right;
padding : 0;
font : small-caps 900 20px arial;
font-family : sans-serif;
}
h3 {
color : #2175bc;
font : small-caps 900 14px arial;
}
h4{
color : #2175bc;
font : small-caps 900 10px arial;
}
td.home {
padding : 20px;
}
#header {
background : white;
border-bottom : medium solid #2175bc;
border-width : 10px;
}
#content {
border-left : double #2175bc;
border-right : double #2175bc;
border-width : 5em;
position : relative;
height : 90%;
width : 86%;
}
p.footer {
color : white;
text-align : center;
font : small-caps 900 12px arial;
}
ul.catering{
list-style : none;
underline: none;
}
p.copyright {
color : #c8c8c8;
font : 9px arial;
text-align : center;
}
p.main { 
font : small-caps 900 12px arial;
color : #2175bc; 
text-align : left; 
} 
p.text { 
font : small-caps 900 12px arial;
color : black; 
text-align : left;
padding:8px;
} 
.details {
margin-left: 15px;
}
.indent {
margin-left: 30px;
}
#navigation {
font-size : 90%;
padding-right : 0.5em;
margin-left : 18%;
}
#navigation ul {
list-style : none;
margin : 0;
padding : 1.5em 1.5em 0.5em 1.5em;
}
#navigation li {
display : inline;
}
#navigation li a {
padding : 7px;
border-left : 10px solid #1958b7;
border-right : 10px solid #508fc4;
background-color : #2175bc;
color : #fff;
text-decoration : none;
width : 100%;
margin-right : 0.5em;
}
#navigation li a:hover {
border-left : 10px solid #1c64d1;
border-right : 10px solid #5ba3e0;
background-color : #2586d7;
color : #fff;
}
a.catering {
color : #2175bc;
font : small-caps 900 12px arial;
text-decoration : none;
}
a:hover {
color :#003366;
}
a:active {
color: #003399;  
}