BODY
{
    margin : 0;
}
BODY.bg
{
    margin : 0;
    background : rgb(255 , 255 , 255) url("background.png") no-repeat top left;
    overflow : hidden;
}
p
{
    color : rgb(0 , 0 , 0);
    FONT-FAMILY : verdana;
    FONT-SIZE : 12px;
}
td
{
    color : rgb(0 , 0 , 0);
    FONT-FAMILY : verdana;
    FONT-SIZE : 10px;
}
IMG
{
    border : 0;
}
IMG.belt
{
    border : 0;
    height : 12px;
}
IMG.caricature
{
    border : 0;
    height : 100px;
}
/* used on INDEX.HTM */
TABLE.mainpage
{
    BACKGROUND-COLOR : transparent;
}
TABLE.mainpage CAPTION
{
    COLOR : RGB(0, 0, 0);
    FONT-FAMILY : verdana;
    FONT-SIZE : 18px;
    FONT-WEIGHT : bold;
}

TABLE.mainpage TR
{
    BACKGROUND-COLOR : transparent;
}
TABLE.mainpage TH
{
    FONT-SIZE : 13px;
    TEXT-ALIGN : left;
    COLOR : black;
    BORDER : solid 1px silver;
    BACKGROUND-COLOR : yellow;
    FONT-FAMILY : verdana;
}
TABLE.mainpage TD
{
    FONT-SIZE : 12px;
    COLOR : black;
    FONT-FAMILY : verdana;
}
/* used on CALENDAR.HTM */
TABLE.calendar
{
    BACKGROUND-COLOR : transparent;
    empty-cells : show;
}
TABLE.calendar CAPTION
{
    COLOR : RGB(0, 0, 0);
    FONT-FAMILY : verdana;
    FONT-SIZE : 16px;
    FONT-WEIGHT : bold;
}
TABLE.calendar TR
{
    BACKGROUND-COLOR : transparent;
}
TABLE.calendar TH
{
    FONT-SIZE : 10px;
    TEXT-ALIGN : right;
    BORDER : solid 1px rgb(200 , 200 , 200);
    FONT-WEIGHT : bold;
    FONT-FAMILY : verdana;
}
TABLE.calendar TD
{
    FONT-SIZE : 10px;
    TEXT-ALIGN : left;
    BORDER : solid 1px rgb(200 , 200 , 200);
    COLOR : black;
    FONT-FAMILY : verdana;
}
TABLE.links
{
    BACKGROUND-COLOR : transparent;
    EMPTY-CELLS : show;
}
TABLE.links TR
{
    BACKGROUND-COLOR : transparent;
}
TABLE.links TH
{
    FONT-SIZE : 10px;
    BACKGROUND-COLOR : yellow;
    TEXT-ALIGN : left;
    COLOR : black;
    FONT-WEIGHT : bold;
    FONT-FAMILY : verdana;
}
TABLE.links TD
{
    HEIGHT : 12px;
    FONT-SIZE : 10px;
    TEXT-ALIGN : left;
    BORDER : solid 1px rgb(238 , 238 , 238);
	COLOR : black;
    FONT-FAMILY : verdana;
    WHITE-SPACE : nowrap;
}
TABLE.standardtable
{
    BACKGROUND-COLOR : transparent;
    empty-cells : show;
}
TABLE.standardtable TR
{
    BACKGROUND-COLOR : transparent;
}
TABLE.standardtable TH
{
    FONT-SIZE : 15px;
    TEXT-ALIGN : left;
    COLOR : black;
    BORDER : solid 1px silver;
    BACKGROUND-COLOR : yellow;
    FONT-FAMILY : verdana;
}
TABLE.standardtable TD
{
    FONT-SIZE : 12px;
    TEXT-ALIGN : justify;
    COLOR : black;
    FONT-FAMILY : verdana;
}
TABLE.schooltable
{
    BACKGROUND-COLOR : transparent;
    empty-cells : show;
}
TABLE.schooltable TR
{
    BACKGROUND-COLOR : transparent;
}
TABLE.schooltable TH
{
    FONT-SIZE : 15px;
    TEXT-ALIGN : left;
    COLOR : black;
    BORDER : solid 1px silver;
    BACKGROUND-COLOR : rgb(238 , 238 , 238);
    FONT-FAMILY : verdana;
}
TABLE.schooltable TD
{
    FONT-SIZE : 10px;
    TEXT-ALIGN : left;
    COLOR : black;
    FONT-FAMILY : verdana;
}
/* used with all DIV tags that have matching ID */
#announce {
	position:absolute;
	left:262px;
	top:419px;
	width:579px;
	height:151px;
}

#announcements
{
	position : absolute;
	width : 420px;
	height : 110px;
	top : 440px;
	left : 395px;
	padding : 0px;
	border : 0px;
	margin : 0px;
	overflow: hidden;
}

#menu
{
    position : absolute;
    width : 105px;
    height : 230px;
    top : 189px;
    left : 0px;
    right : 0px;
    bottom : 0px;
}
.BUTTON{
	WIDTH: 100px;
	HEIGHT: 25px;
	BACKGROUND:blue;
	COLOR:white;
	TEXT-ALIGN:center;
}
A.menulink {
	display: block;
	width: 100px;
	text-align: center;
	padding-top: 4px; 
	padding-bottom: 4px; 
	text-decoration: none;
	font-family:verdana;
	font-size:12px;
	font-weight: bold;
	color: white;
	BORDER : 2px;
	BORDER-STYLE : outset;
	BACKGROUND-COLOR : black;
}

A.menulink:hover {
	text-decoration: none;
	color: yellow;
	BORDER : 2px;
	BORDER-STYLE : inset;
	BACKGROUND-COLOR : black;
}
A.submenulink {
	display: block;
	width: 80px;
	text-align: center;
	text-decoration: none;
	font-family:verdana;
	font-size:10px;
	font-weight: bold;
	color: white;
	padding-top: 2px; 
	padding-bottom: 2px; 
	BORDER : 2px;
	BORDER-STYLE : outset;
	BACKGROUND-COLOR : black;
}

A.submenulink:hover {
	text-decoration: none;
	color: yellow;
	BORDER : 2px;
	BORDER-STYLE : inset;
	BACKGROUND-COLOR : black;
}


#submenu
{
    position : absolute;
    width : 836px;
    height : 17px;
    top : 92px;
    right : 0px;
    bottom : 0px;
    left : 150px;
}

#content
{
    position : absolute;
    width : 839px;
    height : 442px;
    top : 121px;
    right : 0px;
    bottom : 0px;
    left : 150px;
}
#footer
{
    position : absolute;
    width : 839px;
    height : 21px;
    top : 578px;
    right : 0px;
    bottom : 0px;
    left : 149px;
}
#stats
{
    position : absolute;
    width : 50px;
    height : 50px;
    top : 480px;
    right : 0px;
    bottom : 0px;
    left : 90px;
}
#patternlist
{
    color : rgb(0 , 0 , 0);
    position : absolute;
    width : 140px;
    height : 380px;
    top : 31px;
    right : 0px;
    bottom : 0px;
    left : 45px;
    border : solid 1px black;
}
#patternsingle
{
    color : rgb(0 , 0 , 0);
    position : absolute;
    width : 565px;
    height : 380px;
    top : 31px;
    right : 0px;
    bottom : 0px;
    left : 238px;
    border : solid 1px black;
    overflow : hidden;
}
#patterntechnique
{
    color : rgb(0 , 0 , 0);
    position : absolute;
    width : 144px;
    height : 380px;
    top : 31px;
    right : 0px;
    bottom : 0px;
    left : 640px;
    border : solid 1px black;
    overflow : hidden;
}
#newslist
{
    color : rgb(0 , 0 , 0);
    position : absolute;
    width : 300px;
    height : 380px;
    top : 150px;
    right : 0px;
    bottom : 0px;
    left : 150px;
    border : solid 1px black;
    overflow : scroll;
}
#newslist table
{
    BACKGROUND-COLOR : transparent;
    empty-cells : show;
}
#newslist TR
{
    BACKGROUND-COLOR : transparent;
}
#newslist TH
{
    FONT-SIZE : 11px;
    TEXT-ALIGN : center;
    FONT-WEIGHT : Bold;
    BACKGROUND-COLOR : Black;
    COLOR : White;
    FONT-FAMILY : verdana;
}
#newslist TD
{
    FONT-SIZE : 10px;
    TEXT-ALIGN : left;
    BACKGROUND-COLOR : rgb(238 , 238 , 238);
    COLOR : black;
    FONT-FAMILY : verdana;
}
#newsitem
{
    color : rgb(0 , 0 , 0);
    position : absolute;
    width : 504px;
    height : 380px;
    top : 150px;
    right : 0px;
    bottom : 0px;
    left : 481px;
    border : solid 1px black;
    overflow : hidden;
}
table.newslisttable
{
    BACKGROUND-COLOR : transparent;
    WIDTH : 100%;
    empty-cells : show;
}
table.newlisttable TR
{
    BACKGROUND-COLOR : transparent;
}
table.newlisttable TH
{
    FONT-SIZE : 11px;
    TEXT-ALIGN : center;
    FONT-WEIGHT : Bold;
    BACKGROUND-COLOR : Black;
    COLOR : White;
    FONT-FAMILY : verdana;
}
table.newlisttable TD
{
    FONT-SIZE : 10px;
    TEXT-ALIGN : left;
    BACKGROUND-COLOR : transparent;
    COLOR : black;
    FONT-FAMILY : verdana;
    PADDING : 2px;
}
#tree
{
    width : 850px;
    height : 440px;
    overflow : scroll;
}
a:hover
{
    color: black;
    background-color:yellow;
}
a
{
    text-decoration : none;
    color : blue;
    FONT-FAMILY : verdana;
    FONT-SIZE : 10px;
}


/* Header */
div#header h1 {
	font-family: verdana;
	text-align: center;
	background-color: transparent;
	color: #000000;
}

/* Thumbnail Index */
div#index {
	margin: 1ex 0 1ex 0;
	text-align: center;
}

div#index table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#index td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#index td.thumbcell img {
	border-style: none;
}

div#index div.pages {
	font-family: verdana;
	font-size: 12px;
	text-align: right;
}

/* Photo Navigation */
div#content {
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	margin: 1ex 0 1ex 0;
}

div#content td.previous {
	text-align: left;
	width: 100px;
}

div#content td.index {
	text-align: center;
}

div#content td.next {
	text-align: right;
	width: 100px;
}

div#content td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#content td.thumbcell img {
	border-style: none;
}

div#content td.selected {
	border-style: outset;
	border-width: 2px;
}

div#content span.home {
	display: block;
	padding-bottom: 1em;
}

/* Photograph */

div#photograph img {
	margin: 0 auto 0 auto;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

/* Photograph Title */
h1.title {
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}

/* Photograph Caption */
p.caption, p.description {
	font-family: verdana;
	text-align: center;
	font-size: 12px;
	display: block;
	width: 700px;
	margin: auto;
}

/* Footnote */
p.footnote {
	font-family: verdana;
	font-size: 10px;
	text-align: right;
	padding: 0 2em 0 0;
}

div#content td.daysmall {
	width: 15px;
	height: 15px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
}

div#content td.monthsmall {
	width: 145px;
	height: 150px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
}

div#content td.day {
	width: 110px;
	height: 55px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
}

div#content td.month {
	width: 900px;
	height: 400px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
}

div#content td.daytitle {
	width: 110px;
	height: 25px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	BACKGROUND-COLOR : rgb(238 , 238 , 238);
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	padding: 0px;
}