BODY {
    margin-left: 5em;
    margin-right: 5em;
    background-color: rgb(90%, 95%, 95%);
    color: rgb(0%, 0%, 0%) ;
}

OBJECT, IMG {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle;
    border: 0px;
}

P, LI, H1, H2, H3, TABLE, TR, TD {
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

P {
    font-size: medium ;
}

P.intro {
    text-align: left;
}

P.explain {
	width:  520px;
	margin-left:  auto;
    margin-right:  auto;
}

A {
    text-decoration: none
}


A:link {
    color: rgb(0%, 60%, 100%);
}

A:visited {
    color: rgb(100%, 0%, 0%);
}

A:active {
    color: rgb(100%, 100%, 0%);
}

DIV.intro {
	width:  600px ;
	margin-left:  auto;
    margin-right:  auto;
	}


DIV.square {
	text-align: center;
	}

DIV.navigation P {
    text-align: center;
    line-height: 2px;
}

H1 {
    font-size: x-large ;
    text-align: center ;
    vertical-align: bottom;
    line-height: 90%;
    padding-bottom: 0px;
    color: rgb(0%, 60%, 100%);
}

H2 {
    font-size: x-large ;
    text-align: left;
    vertical-align: bottom;
    line-height: 90%;
    padding-bottom: 0px;
    color: rgb(0%, 60%, 100%);
}


TR, TD, TABLE {
    color: rgb(0%, 0%, 0%);
    font-size: small;
}

/* Navigation structure at the bottom of each single-square page */
IMG.uparrow {
    padding-bottom: 2px;
    vertical-align: bottom;
    width: 31px;
    height: 31px;
}

IMG.downarrow {
    padding-top: 2px;
    vertical-align: top;
    width: 31px;
    height: 31px;
}

IMG.leftarrow {
    padding-right: 1px;
    text-align: right;
    vertical-align: middle;
    width: 31px;
    height: 31px;
}
IMG.rightarrow {
    padding-left: 1px;
    text-align: left;
    vertical-align: middle;
    width: 31px;
    height: 31px;
}
IMG.button {
    text-align: center;
    vertical-align: middle;
    border: 2px solid;
    width: 72px;
    height: 71px;
}
/* Decorative bar at the bottom of each page */ 
DIV.divider {
    height: 23px;
    padding: 0px ;
    border-style: none;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(nav/sevenbar.png)
}

/* Gallery table defs for list of unresolved squares */
TABLE.galleryTable {
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    border-style: none;
    padding: 10px;
}


/* No borders on table images */
TABLE.galleryTable TD IMG{
    border-style: none ;
}

/* General thumbnail image */
IMG.th {
    height: 128px;
    width: 128px;
    vertical-align: middle;
    text-align: center;
}