body {
font-family: arial; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
line-height: normal; 
text-align: left; 
text-decoration: none;
color : #000;
font-size: 12px;
background: url('gfx/bg.gif') top left repeat-x #c5ccd4;
margin: 0;
}

p {
color: #3f3f3f;
text-align: justify;
padding: 5px;
margin: 0;
font-size: 12px;
text-indent: 0px;
}

a {
color: #006cff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

#menu {
display: block;
position: absolute;
width: 750px;
margin: 0 0 0 -18px;
padding: 0;
}
#menu a {
display: block;
width: 147px;
height: 22px;
float: left;
color: #fff;
font-size: 14px;
text-align: center;
margin: 0 0 0 -50px;
padding: 9px 0 0 0;
font-family: times;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}
#menu a:hover {
text-decoration: none;
color: #ddd
}
#menu a.red {
background: transparent url('gfx/m_red.png') top left no-repeat;
}
#menu a.yellow {
background: transparent url('gfx/m_yellow.png') top left no-repeat;
}
#menu a.blue {
background: transparent url('gfx/m_blue.png') top left no-repeat;
}
#menu a.green {
background: transparent url('gfx/m_green.png') top left no-repeat;
}
#menu a.orange {
background: transparent url('gfx/m_orange.png') top left no-repeat;
}
#menu a.azure {
background: transparent url('gfx/m_azure.png') top left no-repeat;
}
#menu a.purple {
background: transparent url('gfx/m_purple.png') top left no-repeat;
}

#footer {
display: block;
width: 100%;
padding: 5px;
margin: 0;
text-align: center;
color: #687583;
font-size: 10px;
border-top: 1px solid #ddd;
line-height: 20px;
}