body 
{
font-family:arial,helvetica,sans-serif;
font-size:14px;
}

a {
color:#000099;
text-decoration:underline;
}

.frontmain {
margin-top:2%;
margin-left:2%;
width:700px;
float:left;
text-align:center;
background-color:#418ee6;
color:#000000;
border:1px solid #000000;
padding:10px;
}

.frontsidenav {
margin-top:2%;
float:left;
width:200px;
background-color:#418ee6;
border-top:1px solid #000000;
border-right:1px solid #000000;

}

.frontsidenavlink {
background-color:#418ee6;
border-bottom:1px solid #000000;
padding:10px;
}

.main {
margin-top:2%;
margin-left:2%;
width:700px;
float:left;
text-align:center;
background-color:#dddddd;
color:#000000;
border:1px solid #000000;
padding:10px;
}

.album {
float:left;
width:225px;
}

.albumdetail {
float:left;
width:380px;
text-align:right;

}

.notesdetail {
float:right;
width:300px;
font-size:12px;
text-align:left;
}

.sidenav {
margin-top:2%;
float:left;
width:200px;
background-color:#dddddd;
border-top:1px solid #000000;
border-right:1px solid #000000;

}

.sidenavlink {
background-color:#dddddd;
border-bottom:1px solid #000000;
padding:10px;
}

img {
border:0px;
}

img.main {
margin:0px;
padding:0px;
border:0px;
}

.hidden {
display:none;
}