/* text */

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}


#smallRedText {
color: red;
fon-size: small;
}



/* layout */


/* The body of the page. */

body {
background-color: gray;
margin: 10px 0px 0px 0px;
text-align: center;
padding: 0px;
}


/* The outer frame containing the content. */

#mainFrame {
width: 810px;
background-color: white;
margin: 0px 0px 0px 0px;
border-width: 2px;
border-style: solid;
border-color: black;
padding: 0px;
text-align: center;
position: relative;
}


/* The top frame containing the headline image. */

#headerFrame {
width: 798px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: gray;
padding: 0px;
text-align: center;
}


/* The wrapper for the center content area. */

#contentFrame {
width: 798px;
margin-top: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: gray;
text-align: center;
}


/* The main content table. */

#contentTable {
width: 100%;
}


/* The left nav column. */

#leftColumn {
width: 145px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: gray;
text-align: left;
vertical-align: top;
}


/* The center content frame. */

#centerColumn {
width: 475px;
text-align: left;
vertical-align: top;
}


/* The right nav column. */

#rightColumn {
width: 145px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: gray;
padding: 4px;
text-align: left;
vertical-align: top;
}


/* The 'Spotted' frame. */

#SpottedFrame {
width: 450px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: gray;
padding: 4px;
text-align: left;
vertical-align: top;
}


/* The category area frame. */

#CategoryFrame {
width: 450px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: gray;
padding: 4px;
text-align: left;
vertical-align: top;
}


/* The category table. */

#CategoryTable {
width: 450px;
padding: 2px;
text-align: left;
vertical-align: top;
}


/* The left category column. */

#leftCategoryColumn {
width: 145px;
border-right-width: 1px;
border-right-style: solid;
padding: 2px;
border-right-color: gray;
text-align: left;
vertical-align: top;
}


/* The center category column. */

#centerCategoryColumn {
width: 145px;
padding: 2px;
text-align: left;
vertical-align: top;
}


/* The right category column. */

#rightCategoryColumn {
width: 145px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: gray;
padding: 2px;
text-align: left;
vertical-align: top;
}


/* The category column title lines. */

#CategoryTitle {
width: 145px;
padding: 4px;
text-align: center;
vertical-align: top;
}


#CategoryCell {
width: 145px;
max-width: 145px;
}