/* START - Positioning of display areas */
body, html
{
   margin:0;
   padding:0;
}
body
{
   width: 100%;
}

/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap
{
   position:absolute;
   width:100%;
   top:0;
   left:0;
   height:60px;
   overflow: hidden; /* Otherwise IE expands (bug) */
   border-bottom: 4px double rgb(0, 119, 136);
}




/* position:fixed for modern browsers - do not scroll */
body > div#headerwrap
{
   position:fixed;
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap
{
   /* top, right, bottom, left */
   padding:65px 0 0px 0;
   margin-left:0;
   voice-family:inherit;
}
/* set left margin for modern browsers */
body>div#middlewrap
{
   margin-left:0;
}


/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap
{
   border-top: 4px double rgb(0, 119, 136);

   width:100%;
   p\osition:absolute; /* KJN was p\o */
   /* so IE5/Win thinks position:static; */

   left:0;
   bottom:0px;
   padding-bottom: 0px;
   max-height:29px;
   min-height: 29px;
}
body > div#footerwrap
{
   position:fixed;
}

div#bigfooterwrap
{
   border-top: 4px double rgb(0, 119, 136);

   width:100%;
   p\osition:absolute; /* KJN was p\o */
   left:0;
   bottom:0px;
   padding-bottom: 0px;
/*   nin-height:60px; *//* is this a typo, or did I do this to comment it out? */
   max-height:60px;
}
body > div#bigfooterwrap
{
   position:fixed;
}


div#header
{
   height:80px;
   width: 100%;
   margin:0 auto;
}


div#left
{
   float:left;
   width: 50%;
}
div#left2
{
   float:left;
   width: 50%;
}

div#right
{
   float:right;
   width: 50%;
}

div#middle
{
   width:100%;
   margin:0 auto;
}
div#sidebar
{
   padding-top: 0px;
   position: fixed;
   width:160px;
   float:left;
/*   bottom: 25px; */
}

div#nosidebarcontent
{
   padding: 1em 1em 2em 1em;

   position:fixed;  
   top:80px;
   overflow: auto;
   text-align: justify;
   right: 2px;
   left: 2px;
   bottom: 29px;
   margin-bottom: 3px;
}

div#content
{
   padding: 1em 1em 2em 1em;

   position:fixed;  
   top:80px;
   overflow: auto;
   text-align: justify;
   right: 0;
   left: 160px;
   bottom: 29px;
   margin-bottom:25px;
}

div#textcontent
{
   margin-right:5%;
   margin-left:5%;
}


div#footer
{
   width:100%;
}

/* Styling rules to make this demo page look nice. */
body,
html
{
   font-family: arial, georgia,'times new roman',sans-serif;
   color: white;
   background: black;
}

a { text-decoration: none; }
a:link { color: rgb(255,255,255); background: inherit}
a:visited { color: rgb(255,0,0); background: inherit}
a:active { color: rgb(255,0,0); background: inherit}


div#header { background: black; } /* IMPORTANT */
div#footer
{
   background:black; /* IMPORTANT */
}

.head1,
h1
{
   margin: 0px;
   font-style: italic;
   font-variant: normal;
   font-weight: normal;
   font-size: 32px;
   line-height: normal;
   font-family: georgia,'times new roman',sans-serif;
   text-align: left;
}

.head1 a:visited {color:rgb(255,255,255)}

.head2,
h2
{
   margin: 0pt 0pt 15px;
   padding: 0pt 0pt 10px;
   font-family: verdana,tahoma,arial,sans-serif;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   font-size: 10px;
   line-height: normal;
   text-align: left;
}


div#sidebar h2
{
   padding-left:5px;
}
div#footer h2
{
   text-align:center;
   padding:0;
   margin:0;
}
div #footer p
{
   margin:0;
   padding:0;
   text-align:center;
}
div#footer a
{
}



ul.outer
{
   list-style-type: none;
   margin-left: 2px;
   padding-left: 2px;
}


ul.inner
{
   list-style-type: none;
   margin-left: 10px;
   padding-left: 10px;
}

.thumbnail
{
   float: left;
   width: 220px;
   height: 240px;
   border: 1px solid #999;
   margin: 5px 5px 5px 5px ;
   padding: 5px;
   text-align: center;
}

em
{
   font-size: 20px;
}

/* Debug colors
body, html     { border-style: none; color: black; background: black; }
div#headerwrap { border-style: none; color: black; background: orange; }
div#middlewrap { border-style: none; color: black; background: lime; }
div#footerwarp { border-style: none; color: black; background: navy; }

div#header     { border-style: none; color: black; background: purple; }
div#footer     { border-style: none; color: black; background: silver; }
div#middle     { border-style: none; color: black; background: green; }
div#sidebar    { border-style: none; color: black; background: red; }
div#content    { border-style: none; color: black; background: yellow; }
/* End of debug colors */

/* top, right, bottom, left */