/* =============================================================================================
 * Layout for the_site.html
 * File: the_site.css     CSS page
 * 
 * Author: s.clark
 * Copyright: (c) 2014 by S.Clark
 * Created: Aug 2014
 * Browsers tested on: FireFox, IE9, Chrome, Opera
 */



/* General HTML body styling */
body {
    padding: 0; 
    margin: 0; 
    background: white;
    text-align: center;
}

p {font-family: Arial; font-size: 12pt; text-align: left; margin-left: 15px; margin-right: 15px; }
ul {font-family: Arial; font-size: 12pt; text-align: left; margin-left: 15px; margin-right: 15px;
     list-style: disc; list-style-position: inside; }
ol {font-family: Arial; font-size: 12pt; text-align: left; margin-left: 15px; margin-right: 15px; 
    list-style: decimal; list-style-position: outside; }
span {font-family: Arial; font-size: 12pt; text-align: left;}
div {font-family: Arial; font-size: 12pt; text-align: left;}
h2, h3 {text-align: left; margin-left: 15px; font-size: 18pt;}            


/* */
.TopHdg{
    height: 64px; 
    width: 100%;
    text-align: center;    
    background: #CCFFCC;
}
.TopHdg .Title{
    font-size: 22pt;
    font-weight: bold;
    margin-bottom: 25px;     
}
.TopHdg .Last{
    font-size: 9pt;
    
}

.pgLink1{
    width: 100%;
    margin: 5px 10px 5px 10px;
}

.Jdiv{
    width: 470px;
    float: left;
    margin-left: 0px;
}



.Sdiv{
    display: inline;
    width: 470px;
    float: right;
    margin-right: 0px;
    padding-right: 0px;
}

.tblHdg1 {
    background: #CCCCFF;
    font-size: 16pt;
    font-weight: bold;    
}

.tblHdg2 {
    background: #FFCC99;
    font-size: 13pt;
    font-weight: bold;    
}


/* My version of abreviated 960 controls
 *      i wanted a custom width for the body.
 */
.container_12{
    margin-left: auto; 
    margin-right: auto; 
    width: 980px;
}
.grid_12{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.container_12 .grid_12 {
  width: 980px;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}