/* These css viewport statements work only for some browsers */
/* For mobile devices */
@viewport
{
width: device-width;
initial-scale: 1.0;
}

/* For mobile devices using IE */
@-ms-viewport
{
width: device-width;
initial-scale: 1.0;
}

body
{
background-color: #fafffa;
background-image: url(TrebleClef.jpg);
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
color: #00005f;
font-family: arial,Helvetica,sans-serif;
font-size: 16px;
}

img, img.scale-with-grid
}
width: auto;
height: auto;
max-width: 100%;
max-height: auto;
}

.small
{
font-size: 12px;
}

.large
{
font-size: 20px;
}

#table1
{
margin-left: auto;
margin-right: auto;
/*border-style: ridge;
border-color: #4a4aff;
border-width: 5;*/
}

#table2
{
text-align: center;
/*border-style: ridge;
border-color: #4a4aff;
border-width: 5;*/
}

#table3
{
text-align: center;
margin-left: auto;
margin-right: auto;
border-style: none;
}

#table4
{
text-align: center;
margin-left: auto;
margin-right: auto;
border-style: groove;
border-width: 1 px;
}

/* For IE.  To centre text in contained table. */
#wrap1
{
text-align: center;
margin-left: auto;
margin-right: auto;
}