/*
123456789012345678901234567890123456789012345678901234567890123456789012345

mp_stylesheet.css

Author:		Mike Bevan
History:	2008-12-13 v0.10 Development.
		2009-01-01 v1.00 Production.
		2011-11-01 v3.00 Begin redesign of the web site.
				 Place redundant items into separate files
				 and load them for each page.
		2011-11-29 V3.00 Redesigned website in production.
Purpose:	Style sheet for Mattioli Pizzeria's web site.
Method:		N/A
Last Changed:	2011-12-17

Copyright (c) 2009 - 2011 Michael A. Bevan

*/

a:link { text-decoration:none; color: #003700 }
a:visited { text-decoration:none; color: #003700 }
a:active { text-decoration:none; color: #003700 }
a:hover { text-decoration:none; background: #003700; color: yellow; }

.redlink a:link { text-decoration:none; color:red }
.redlink a:visited { text-decoration:none; color:red }
.redlink a:active { text-decoration:none; color:red }
.redlink a:hover { text-decoration:none; color:#00ffff; background:red; }


.yellink a:link { text-decoration:none; color:yellow }
.yellink a:visited { text-decoration:none; color:yellow }
.yellink a:active { text-decoration:none; color:yellow }
.yellink a:hover { text-decoration:none; color:#003700; background:yellow; }


body, p, table, ul, comictext, comictext-red
{
 font-family:'Comic Sans MS','Comic Sans','times new roman','verdana';
 font-size:14pt;
 color:#003700;
}

body
{
 background-color:#f0fff0;
}

.bold
{
 font-weight:bold;
}

.center
{
 text-align:center;
}

.red
{
 color:red;
}

.weight-normal
{
 font-weight:normal;
}

.h14
{
 font-weight:bold;
 text-align:center;
 color:#003700;
}

.h14-red
{
 font-weight:bold;
 text-align:center;
 color:red;
}

.h16
{
 font-size:16pt;
 font-weight:bold;
 text-align:center;
 color:#003700;
}

.h16-red
{
 font-size:16pt;
 font-weight:bold;
 text-align:center;
 color:red;
}

.h18
{
 font-size:18pt;
 font-weight:bold;
 text-align:center;
 color:#003700;
}

.h18-red
{
 font-size:18pt;
 font-weight:bold;
 text-align:center;
 color:red;
}

.h20
{
 font-size:20pt;
 font-weight:bold;
 text-align:center;
 color:#003700;
}

.h20-red
{
 font-size:20pt;
 font-weight:bold;
 text-align:center;
 color:red;
}

.h24
{
 font-size:24pt;
 font-weight:bold;
 text-align:center;
 color:#003700;
}

.h24-red
{
 font-size:24pt;
 font-weight:bold;
 text-align:center;
 color:red;
}

.h28
{
 font-size:28pt;
 font-weight:bold;
 text-align:center;
 color:#003700;
}

.h28-red
{
 font-size:28pt;
 font-weight:bold;
 text-align:center;
 color:red;
}

.h32
{
 font-size:32pt;
 font-weight:bold;
 text-align:center;
 color:#003700;
}

.h32-red
{
 font-size:32pt;
 font-weight:bold;
 text-align:center;
 color:red;
}

.sectionhead18
{
 font-size:18pt;
 font-weight:bold;
}

.sectionhead24
{
 font-size:24pt;
 font-weight:bold;
}

.comictext
{
 font-weight:normal;
}

.comictext-red
{
 font-weight:normal;
 color:red;
}

h1
{
 font-size:32pt;
 font-family:'Comic Sans MS','Comic Sans';
 text-align:center;
 color:red;
}

h2
{
 font-size:24pt;
 font-family:'Comic Sans MS','Comic Sans';
 text-align:center;
 color:red;
}

h3, h4, h5, h6
{
 font-family:'Comic Sans MS','Comic Sans';
 text-align:center;
 color:red;
}

.menu
{
 background-color:#003700;
 font-family:'Comic Sans MS','Comic Sans';
 font-size:14pt;
}

.menuheader
{
 font-family:'Comic Sans MS','Comic Sans';
 font-size:22pt;
 font-weight:bold;
 text-decoration:underline
}

.smallprint
{
 font-family:'Comic Sans MS','Comic Sans';
 font-size:10pt;
 font-weight:normal;
}

.comictext12
{
 font-family:'Comic Sans MS','Comic Sans';
 font-size:12pt;
 font-weight:normal;
}

.comictext14
{
 font-family:'Comic Sans MS','Comic Sans';
 font-size:14pt;
 font-weight:normal;
}

.comictext16
{
 font-family:'Comic Sans MS','Comic Sans';
 font-size:16pt;
 font-weight:normal;
}

.comictext18
{
 font-family:'Comic Sans MS','Comic Sans';
 font-size:18pt;
 font-weight:normal;
}

.comictext20
{
 font-family:'Comic Sans MS','Comic Sans';
 font-size:20pt;
 font-weight:normal;
}

div.rcaption
{
 float:right;
 border:thin green solid;
 margin:0.5em;
 padding:0.5em;
}

div.lcaption
{
 float:left;
 border:thin green solid;
 margin:0.5em;
 padding:0.5em;
}

div.figure p
{
 text-align:center;
}

image.picright
{
 float:right;
}

image.picleft
{
 float:left;
}