/* mainpagestyle.css
* Author:  Michael Wales
*/

img.thumbnail
{
   margin: 10px;
   height: 115px;
}


div.leftContainer
{
   float: left;
   display: block;
   width: 20%;
}

div.rightContainer
{
   float: left;
   display: block;
   width: 80%
}

p.pageControls
{
   text-align: center;
   color: white;
   border: solid 1px;
   padding: 5px;
   font: bold 150% Arial, sans-serif;
}


/******************************************************************************
*
* Main Page Body Style 
*
******************************************************************************/
div.pagebody
{
   margin: 5px;
   display: block;
}

img.lf
{
   float: left;
   margin: 3px;
}

img.rf
{
   float: right;
   margin: 3px;
}

div.pagebody li
{
   background: fixed url('Daytona_0.jpg');
   border: 1px solid black;
   margin: 5px;
   padding: 5px;
}

div.pagebody li:hover
{
   background: black;
   border: 1px solid black;
   margin: 5px;
   padding: 5px;
}

div.articleSummary
{
   background-color: white;
   padding: 5px;
   margin: 5px;
   border: 1px dashed black;
   
}

div.articleSummary *
{
   color: black;
   font: italic 100% serif;
}

div.articleSummary a
{
   color: blue;
}

div.articleSummary p.heading
{
   background-image: url("images/TopicHeader.png");
   background-color: white;
   background-repeat: no-repeat;
   font: 25px Arial, sans-serif;
   padding: 10px;
   margin: 10px;
}

p.heading a
{
   color: black;
   font: 25px Arial, sans-serif;
}



/******************************************************************************
*
* Side panel style 
*
******************************************************************************/
div.leftside
{
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   display: block;
}

div.leftside h3
{
   background-color: #82cbe6;
   background-repeat: no-repeat;
   padding: 4px;
   border-bottom: 2px solid black;
   font: bold 150% Arial, sans-serif;
   color: white
}

div.leftside div.subsection
{
   background: white;
}

div.leftside div.subsection p,form
{
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 4px;
}

div.leftside div.subsection a
{
   color: blue;
}

div.leftside div.subsection *
{
   color: black;
}


/******************************************************************************
*
* Global Styles
*
******************************************************************************/

body
{
   background: black;
}

body a
{
   text-decoration: none;
   border: 0;	
}

*
{
   font: 100% bold arial, sans-serif;
   color: white;
}

h1
{
   text-align: center;
   font: italic bold 250% serif;
}

h2
{
   text-align: center;
   font: 200% Arial, sans-serif;
}

h3
{
   text-align: center;
   font: small-caps 150% Arial, sans-serif;
}

/******************************************************************************
*
* Menu Bar Style 
*
******************************************************************************/
div.buttons
{
   float: left;
   background: #2b608c;
   width: 100%;
   border: 1px solid white;
   margin: 0;
   padding: 0;
   font: small-caps 1.2em Arial, sans-serif;
}

div.buttons ul
{
   margin: 0;
   padding: 0;
   font: small-caps 1.2em Arial, sans-serif;
}

div.buttons li
{
   float: left;
   background: #2b608c;
   display: block;
   /*border: 1px solid yellow;*/
   border-right: 2px solid #82cbe6; 
   margin: 0;
   padding: 5px;
   font: small-caps 1.2em Arial, sans-serif;
}

div.buttons li:hover, div.buttons a:hover
{
   background: #82cbe6;
   color: white;
}