﻿/************************************************ 
Style sheet for main pages of MLC web site.
Created by Mike Lewis, December 2007. 
Revised February 2009.
*************************************************/

body 
{
    /* all page content will occupy slightly less that the 
    width of the physical screen,with a small margin on either side */
    width: 85%;
    margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	line-height: 1.2em;
	background-color: #ECF5FF;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
}

h1
{
    font-family: "Century Schoolbook", "Times New Roman", Serif ;
    font-size: 24pt;
    font-weight:bold;
    font-style:italic ;
    color:Navy;
    padding: 0 0 0 0;
    line-height:1.4em;
}

h2
{
    font-size: 12pt;
    font-weight:bold;
    color:Navy;
    padding: 0.8em 0 0 0; 
}

h3
{
    font-size: 10pt;
    font-weight:bold;
    padding: 0.8em 0 0 0;
}

h4
{
	font-size: 10pt;
	color:Navy ;
	line-height:1.2em;
}

li
{
    margin-bottom: 0.5em;
}

.mainlist
{
	/* Use this for main large unordered lists, where the list item acts as a heading
	with plain paras beneath it */
	margin-left: 2em;
}

.mainlist li
{
	font-weight:bold;
	margin-left: -2em;
	margin-bottom: -0.5em; 
}

a { text-decoration:none; color:Blue; }
a:hover, a:focus {background-color:Silver;}

.masthead
{
    position:relative;
    margin-bottom: 10px;
}
.masthead h2 
{
   margin: 0;
   padding: 25px 0 0 0; 
}

.tagline
{
    /* Other text that appears in the masthead */
    position: absolute;
    top: 25px;
    left: 260px;
}

.tagline p
{
    font-size: 10pt;
    font-weight:bold;
}    

.main-content
{
    /* The main part of the page. This will float to the left */
    width: 70%;
    float: left;
}

.copyright
{
    /* copyright notice, at foot of page */
    text-align: right;
    padding: 15px 0 15px 0;
    font-size: 8pt;
    clear: both;
    font-style: italic;
}
 
.sidebar
{
    /* Contact details and other stuff down the side of the page */
    width: 20%;
    float: right;
    margin: 0;
    padding: 20px 5px;
    font-size: 90%;  
}

.sidebar li
{
	/* For list of customers, etc. */
	list-style-type:none;
	margin-left:-2.5em;
	font-size:90%;
}

.quote
{
	/* For testimonials and similar */
	font-family: "Century Schoolbook", "Times New Roman", Serif ;
    font-size: 12pt;
    font-style:italic ;
    line-height:1.1em;
 }
 
 .source
{
	/* For the source or attribution of a quote */
	margin-top:-0.8em;
}