body
{
background-color: #ffffff;
color: #000000;
font-family: verdana;
font-size: 10.5px;
margin: 25px;
padding: 0px;
}

h1
{
font-size: 14px;
color: #000000;
text-align: right;
vertical-align: top;
}

h2
{
text-align: left;
font-size: 12px;
}


h3
{
text-align: left;
font-size: 10px;
line-height: 10px;
}


.center_large
{
position: relative;
left: 0px;
top: 90px;
width: 200px;
text-align: center;
}


.center_small
{
position: relative;
left: 0px;
top: 75px;
width: 100px;
text-align: center;
}



.large_magenta
{
height: 200px;
width: 200px;
background-image: url(../images/magentacircle.gif);
}

.small_magenta
{
height: 70px;
width: 100px;
padding-top: 30px;
text-align: center;
background-image: url(../images/magentacircle_small.gif);
}

.large_pink
{
height: 200px;
width: 200px;
background-image: url(../images/pinkcircle.gif);
}

.small_pink
{
height: 70px;
width: 100px;
padding-top: 30px;
text-align: center;
background-image: url(../images/pinkcircle_small.gif);
}

.pink
{
padding: 10px;
margin: 10px;
background-color: #ff0f64;
width: 30%;
height: 70%;
 overflow: auto;
}


.large_blue
{
height: 200px;
width: 200px;
background-image: url(../images/bluecircle.gif);
}

.small_cyan
{
height: 70px;
width: 100px;
padding-top: 30px;
text-align: center;
background-image: url(../images/cyancircle_small.gif);


}

.large_yellow
{
height: 200px;
width: 200px;
background-image: url(../images/yellowcircle.gif);
}

.small_yellow
{
height: 70px;
width: 100px;
padding-top: 30px;
text-align: center;
background-image: url(../images/yellowcircle_small.gif);
}

.large_green
{
height: 200px;
width: 200px;
background-image: url(../images/greencircle.gif);
}

.large_orange
{
height: 200px;
width: 200px;
background-image: url(../images/orangecircle.gif);
}


.small_orange
{
height: 70px;
width: 100px;
padding-top: 30px;
text-align: center;
background-image: url(../images/orangecircle_small.gif);
}

.orange
{
padding: 10px;
margin: 10px;
background-color: #ff9700;
width: 30%;
max-height: 30%;
 overflow: auto;
}