/*------------------------------------------------------------------------------------*/
/*--------------------                                     General base formatting    */
/*--------------------                               Put them first because almost    */
/*--------------------                                anything will override these    */
/*------------------------------------------------------------------------------------*/

body {height: 100%; color: #000000; background: #f0ffe8 url('image/stbrick.jpg') repeat fixed; border: 0 none; padding: 0; margin: 0}

a:link    {color: #008000}
a:active  {color: #ff0000}
a:visited {color: #0000ff}
a:hover   {color: #ff0000}

a img     {border: 0 none}

h1,h2,h3,h4,h5,h6 {line-height: 100%}

h1 {font-size: 240%}
h2 {font-size: 160%; font-style: italic}
h3 {font-size: 140%}
h4 {font-size: 120%; font-style: italic}

/* H5 is used for "Last Updated" lines */
h5 {font-size: 90%; font-weight: bold; text-align: right; color: #ffffff; background: #006600 none; padding: 5px 10px 5px 10px; margin: 10px 0}
h5 a:link    {color: #ccffcc}
h5 a:active  {color: #ff0000}
h5 a:visited {color: #aaccff}
h5 a:hover   {color: #ff0000}

/* H6 is used for "okay to copy" and "top of page" lines */
h6 {font-size: 66%; font-weight: bold; text-align: right; color: #ffffff; background: #000066 none; padding: 5px 10px 5px 15%; margin: 10px 0}
h6 a:link    {color: #ccffcc}
h6 a:active  {color: #ff0000}
h6 a:visited {color: #aaccff}
h6 a:hover   {color: #ff0000}

cite,strong,dfn {font-style: italic; font-weight: bold}

hr {border: 0 none; color: #0000ee; background: #0000ee none; height: 2px; margin: 5px 2em}

table td {vertical-align: top}
table th {vertical-align: top; text-align: left}

p {text-indent: 2em}

dfn.help {text-decoration: overline; font-weight: bold; color: #aa0000; cursor: help}

/*----------------------------------------------------------------------------------------*/
/*----------------                                         Special section definitions    */
/*----------------------------------------------------------------------------------------*/

p.first              {text-indent: 0}
p.first:first-line   {font-size: 125%}


.leftcolumn   {width: 7em; position: fixed; top: 0; left: 0; border: 0 none; z-index: 3}
.rightcolumn  {width: 7em; position: fixed; top: 0; right: 0; border: 0 none; z-index: 3}


/*---- the RIGHT position won't work unless there's a        */
/*---- full-width element in the block (like an <HR> tag)    */

.sidemenu     {height: auto; position: absolute; top: 1em; left: 1em; right: 1em; background: #ccffff none; border: .25em solid #0000ff; padding: 1ex}
.sidemenu hr  {margin: 1ex 0}

.leftmenu         {font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 80%; text-align: center}
.leftmenu p       {text-indent: 0; font-style: italic; text-align: left; margin: 5px}
.leftmenu a       {text-decoration: none; display: block; border: 1px solid #ccffff}
.leftmenu a:hover {border: 1px solid #ff0000}

.rightmenu         {font-size: 80%; text-align: left}
.rightmenu p       {text-indent: 0; font-style: italic; text-align: left; margin: 5px}
.rightmenu a       {text-decoration: none; display: block; border: 1px solid #ccffff}
.rightmenu a:hover {border: 1px solid #ff0000}

.mainclear    {background: #f0ffe8 none; position: absolute; top: 0; left: 7em; right: 7em; border: 0 none; padding: 20px; height: 100%; z-index: 0}
.maincolumn   {background: #f0ffe8 none; position: absolute; top: 0; left: 7em; right: 7em; border: 0 none; padding: 20px; z-index: 1}

.indexmain div  {clear: both; padding-bottom: 20px}
.indexmain a    {font-size: 130%; font-weight: bold}
.indexmain p    {text-indent: 0; margin: 0 0 10px 90px}
.indexmain p a  {font-size: 100%; font-weight: normal; font-style: italic}
.indexmain img  {width: 80px; float: left; margin: 0 10px 10px 0; border: 0 none}

.index div  {clear: both}
.index a    {font-size: 115%; font-weight: bold}
.index p    {text-indent: 0; margin-left: 90px}
.index img  {width: 80px; float: left; margin: 0 10px 10px 0; border: 0 none}

.invisible    {margin: 0; padding: 0; border: 0 none}
.invisible tr {margin: 0; padding: 0; border: 0 none}
.invisible td {margin: 0; padding: 0; border: 0 none}

.flattable    {margin: 0; padding: 0 1ex; border: 0 none}
.flattable tr {margin: 0; padding: 0 1ex; border: 0 none}
.flattable th {margin: 0; padding: 0 1ex; border: 0 none; white-space: nowrap}
.flattable td {margin: 0; padding: 0 1ex; border: 0 none; white-space: nowrap}

.ruled    {margin: 0; padding: 0; border: 0 none}
.ruled tr {margin: 0; padding: 0; border: 0 none}
.ruled th {margin: 0; padding: 0 1ex; border: solid #000000; border-width: 0 2px 2px 0}
.ruled td {margin: 0; padding: 0 1ex; border: solid #000000; border-width: 0 2px 2px 0}


/*---------------------------------------*/
/*     BOX STYLES                        */
/*---------------------------------------*/

.sidebar    {font-family: arial, helvetica, sans-serif; background: #ccffff none; float: right; margin: 20px 0 20px 20px; padding: 15px; border: 0 none; border-left: 2px #0000ff solid; border-bottom: 2px #0000ff solid}

.illo p {clear: both; text-indent: 0; font-size: 115%; font-weight: bold; font-style: italic; text-align: center; margin: 0; padding: 0 5px 20px; border: 0 none}
.illo p em      {font-style: normal}
.illo p strong  {font-style: normal; font-variant: small-caps}
.illo p cite    {font-style: normal}

.boxed  {border: .5ex solid #000000}

.toc a {display: block}

.plaque         {background: #88cccc none; color: #000000; border: 1ex groove #ccffff; font-family: arial, helvetica, sans-serif; font-size: 90%; font-weight: bold; text-decoration: none; padding: 1ex; margin: 1em}
.plaque:link    {color: #000000}
.plaque:active  {color: #000000}
.plaque:visited {color: #000000}
.plaque:hover   {color: #ff0000}
.plaque strong  {font-variant: small-caps}

.sign   {background: #ffffff none; color: #000000; border: .5ex solid #000000; font-family: arial, helvetica, sans-serif; padding: 1ex}
.sign p {text-align: center; font-weight: bold; margin: 1ex 0}

/*-----------------COPY------------------*/
/*  Blue background, Centered, Indented  */
/* For copyright paragraphs and for any  */
/*  other text that should be strongly   */
/*  set off from the regular text flow   */
/*---------------------------------------*/
.copy       {clear: both; background: #ccffff none; border: 0 none; margin: 1em 1.5em; padding: 1.5em; font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 80%; text-align: center}
.copy a     {text-decoration: none}
.copy div   {padding: 5px 5% 20px}
.copy div a {white-space: nowrap}

.added        {font-family: arial, helvetica, sans-serif; font-size: 90%; font-style: italic}
.added em     {font-style: normal; font-weight: bold}
.added cite   {font-style: normal; font-weight: bold}
.added dfn    {font-style: normal; font-weight: bold}
.added strong {font-style: normal; font-weight: bold; font-variant: small-caps}

/*----------------------------------------*/
/*   LIST STYLES                          */
/*----------------------------------------*/

.plain li {list-style-type: none}
.hang  li {list-style-position: inside; margin-left: 0; text-indent: -1.5em}
.loose li {margin-top: 1em; margin-bottom: 1em}

.roster li       {list-style: none; margin: 0; margin-top: 1em; text-indent: 0; font-weight: bold}
.roster li.unoff {list-style: disc inside; margin-left: 2em}
.roster p        {margin: 0; text-indent: 0; font-weight: normal}

.roster div          {font-style: italic; font-weight: normal; margin-left: 4em}
.roster div p        {text-indent: -2em; font-weight: normal}
.roster div p em     {font-weight: bold}
.roster div p strong {font-variant: small-caps}

/*----------------------------------------*/
/*   COLUMN & BOX FORMATTING              */
/*----------------------------------------*/

.readable   {margin-right: 8em; margin-left: 4em}
            /* Narrowed text column for improved readability */

.caption p     {color: #0000ff; clear: both; font-size: 110%; font-weight: bold; text-indent: 0; text-align: center; margin-top: 5px; margin-bottom: 20px}
.caption p strong {font-variant: small-caps}
.caption div p    {color: #000000}

/*----------------------------------------------------------------------------------------*/
/*-----------------------                               General additional formatting     */
/*-----------------------                                These come last for priority     */
/*----------------------------------------------------------------------------------------*/

.hilite     {background: #ccffcc none}
.backed     {background-color: #f0ffe8}
.hide       {background: #f0ffe8 none; color: #f0ffe8}
.help       {color: #ff0000; cursor: help}
.ital       {font-style: italic}
.over       {text-decoration: overline}
.under      {text-decoration: underline}
.strike     {text-decoration: line-through}

.const      {color: #aabb99}
.head       {font-family: arial, helvetica, sans-serif; font-weight: bold}
.quote      {font-family: arial, helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 90%}

.center     {text-align: center}
.nowrap     {white-space: nowrap}
.preformat  {white-space: pre}
.black      {color: #000000; background: #000000 none}
.blue       {color: #0000ff; background-color: transparent}

.indent     {margin-left: 2em}
.mindent    {margin-left: 1em}
.dindent    {margin-left: 2em; margin-right: 2em}

.wid1       {width: 7em}
.wid2       {width: 9em}
.wid3       {width: 55%}

.fright     {float: right; margin: 0 0 5px 10px}
.fleft      {float: left; margin: 0 10px 5px 0}
.nofloat    {float: none}
.frightin   {float: right; margin:0 0 0 10px}
.fleftin    {float: left; margin: 0 10px 0 0}

.flush      {text-indent: 0}
.clear      {clear: both}
.unreadable {margin-right: -8em}
.unreadleft {margin-left: -4em}
.printonly  {display: none}

@media print {

   * {color: #000000 !important; background-color: #ffffff !important; background-image: none !important; position: static; float: none}
   .leftcolumn  {display: none}
   .rightcolumn {display: none}
   .mainclear   {display: none}
   .maincolumn  {position: static}
   .fleft       {float: none; width: auto}
   .fright      {float: none; width: auto}
   .sidebar     {float: none; width: auto}
   .readable    {margin: auto}
   .unreadable  {margin: auto}
   .unreadleft  {margin: auto}
   .noprint     {display: none}
   .printonly   {display: block}
   .wid1        {width: auto}
   .wid2        {width: auto}
   .wid3        {width: auto}

}