/* http://jigsaw.w3.org/css-validator/ */

/*
Ctrl-Double-Click the following NoteTab hyperlink to update all listed "instyle.css" programs:
	[c:\users\bert\work\apgm\css\cssbench\instyle.bat]
*/

/* This style sheet requires pictures in the same folder:
                       butnbu1x.gif
                       butnbu2x.gif
                       butnbu3x.gif
                       tileme1x.jpg ?
                       tileso1n.jpg ?
                       tilepa1x.jpg
                       tilepa2x.jpg
                       tilepa3x.jpg ?
                       tilepa4x.jpg
                       tilepa5x.gif
*/

body {
	color: #000000;
	font-size: medium;
	font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	color: black;
	/* background: url(tilepa1x.jpg) white repeat; */
	background-color: #a0a0ff;
}

/* ************************* block elements ****************** */

/*   BOXES   BOXES   BOXES   BOXES   BOXES   BOXES   BOXES   BOXES   BOXES   */

div.alarm {
	color: white;
	background: black;
	text-indent: 1em;
	border: thick ridge Red;
	font-family: Impact, Verdana, Arial, Helvetica, Futura, sans-serif;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

div.article {
	color: black;
	background: url(tilepa2x.jpg) white;
	border: medium outset gray;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

div.big {
	font-size:    125%;
}

div.buttons {
	/*  a transparent background for the buttons  */
	color: black;
	background: transparent;
	border: none;
	clear: both;
	padding: 0;
	margin: 1em 10% 1em 10%;
}

/*  page table of contents box  */
div.contents {
	text-indent: 1em;
	background: white;
	color: black;
	border: medium outset silver;
	font-weight: normal;
	padding: 0 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*    a parchment page for official-looking document   */
div.document {
	color: black;
	background: url(tilepa4x.jpg) White;
	border: thin ridge Silver;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*  a happy-fancy letter page   */
div.fancy {
	/* a purple line with a parchment background    */
	color: black;
	background: url(tilepa2x.jpg) White;
	border: thick inset Fuchsia;
	font-family: Impact, Papyrus, "Copperplate Gothic Bold", Desdemona, fantasy;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*  a self-contained special item   */
div.feature {
	color: black;
	background: url(tilepa2x.jpg) White;
	border: medium outset Gray;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*  a felt tabletop box  */
div.felt {
	color: white;
	background: Green;
	border: thick ridge Maroon;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*  a fill-in-the-blanks (underlines) form / coupon   */
div.form {
	color: black;
	background: url(tilepa2x.jpg) White;
	border: thin solid Black;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*  a formal boilerplate cast-in-metal box   */
div.formal {
	color: black;
	background: url(tileme1x.jpg) white;
	border-color: silver;
	border-width: thick;
	border-style: ridge;
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: large;
	font-weight: bold;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}


/*  a tabletop for games box  */
div.game {
	color: white;
	background: Green;
	border: thick ridge Maroon;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}


/*   stationary for a letter format    */
div.letter {
	color: black;
	background: url(tilepa5x.gif) yellow repeat;
	border: thin outset;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*   block writ small because it is out of date or whatever */
div.little {
	color: black;
	background: transparent;
	font: normal normal lighter .7em Arial, Helvetica, Sans-Serif;
	text-indent: 0em;
	border: 0;
	padding: 5%;
	margin: 0 5% 0 5%;
}

div.menu {
	/* box of menu items */
	color: black;
	background: #F2F4EE;
	font-family: tahoma, arial, helvetica, sans-serif;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*  a thin border line around everything   */
div.plain {
	/* a thin black line with a transparent background    */
	border: thin ridge Silver;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*  an elegant protrayal of poetry and such   */
div.poetry {
	color: navy;
	background: url(tileso1n.jpg) white;
	border-color: silver;
	border-width: thick;
	border-style: ridge;
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: large;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*  monospace typewriter font on a white page   */
div.report {
	color: black;
	background: url(tilepa2x.jpg) White;
	border: thin solid Black;
	font-family: "Lucida Console", Monaco, "Anadale Mono", "Courier New", Courier, monospace;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*  ta da! Special Announcement   */
div.special {
	text-indent: 0em;
	background: url(tilepa2x.jpg) White repeat;
	color: red;
	border: thin outset Silver;
	font-weight: bolder;
	padding: 1em 4em 1em 4em;
	margin: 1em 10% 1em 10%;
}

/*   END of BOXES   END of BOXES   END of BOXES   END of BOXES   END of BOXES   */


/* HTML Elements ============================================= */

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	text-align:   center;
}

h1 {
	font-size:    150%;
}

h2 {
	font-size:    130%;
}

h3 {
	font-size:    110%;
}

h4 {
	margin: 5px 0 5px 10%;
	font-size: 115%;
	text-align: left;
}

table, td, th {
	border: 1px solid green;
	color: black;
	background: yellow;
	margin-left: 10%;
	margin-right: 10%;
	font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
}


/* horizontal rule */

hr {
	color: red;
	margin: .3em;
}

/* center a block of text lines */
.center {
	text-align: center;
}

/*     break and clear all previous blocks at this point */
.clearall {
	clear: both;
}

p {			/* regular paragraph <p> is indented, but does not skip a line */
	text-indent: 2em;
	margin: 0.5em 2em;
}
p.block {		/* <p class="block"> skips a vertical line but does not indent */
	text-indent: 0em;
	margin-top: 1em;
}
p.indent {		/* an indented paragraph */
	margin-left:8em;
}
p.opening {
	margin-top: .5em;
	margin-bottom: 1.2em;
	text-indent: 0em;
}
p.date, p.pageno, p.closing {
	text-align: right;
	margin-top: .5em;
	margin-bottom: .5em;
}
p.signature {
	text-align: right;
	font-style: italic;
	font-weight: bolder;
	font-size: 200%;
	font-family: "Lucida Caligraphy", "Lucida Handwriting", "Zapf Chancery", "Brush Script MT", "Comic Sans MS", cursive;
	color: #4B0082;           /* royal blue */
	background: transparent;
	padding: .2em;
	margin-top: .5em;
	margin-bottom: .5em;
}

/* pre-formatted look, be sure the text has line breaks or there won't be any */
pre {
	border-left: double;
	border-color: red;
	margin-left: 1em;
	margin-right: 1em;
	padding: .5em;
	font: medium "Courier New", Courier, "Lucida Console", monospace;
}

/* event table  event table   event table   event table   event table   event table  */
table.events {  /* <table> <tr> and <td> must ALL contain "CLASS=EVENTS" */
	font: normal normal bolder 100% Verdana, Arial, sans-serif;
	background: #696969;     /* dim gray */
}
tr.events {
	background: red;  /* doesn't show */
}
td.events {
	border: medium groove silver;
	background: #FFEBCD;
}
/* end of event table   end of event table   end of event table   end of event table   */

ul {
	font-size: 120%;
	color: #444;
	padding: 0;
	margin: 0 .2em 0 10%;
	line-height: 1.25;
}
/*     Unordered list with special bullet           */
ul.boxbutn1 {
	list-style: square url(butnbu1x.gif) outside;
}
ul.boxbutn2 {
	list-style: square url(butnbu2x.gif) outside;
}
ul.boxbutn3 {
	list-style: square url(butnbu3x.gif) outside;
}

ol {
	font-size: 120%;
	line-height: 1.25;
	margin: 0 .2em 0 .2em;
	padding: 0;
	color: #444;
	list-style: decimal outside;
}
ol li {
	margin: 0 0 0 3em;
}

/*                         inline elements                                 */

a {
	color: gray;
	background: #FFFFFF;
	font: bold 100% Verdana, Arial, Helvetica, Futura, sans-serif;
	text-decoration: none;
	border: 0;
}
a:link {
	color: blue;
	text-decoration: none;
}
a:visited {
  color: #996699;
  border-bottom: .2em dashed #996699;
  text-decoration: none;

}
a:hover {
	color: red;
	text-decoration: underline overline;
}

img {
	float: left;
	margin: .5em;
	border: 0;
}

img.imgright {
	float: right;
	margin: .5em;
	border: none;
}

span.canceled {
	color: red;
	background: white;
	text-decoration: line-through;
}
span.dim {
	color: gray;
	background: white;
	font: oblique normal normal x-small/normal sans-serif;
}
span.highlighted {
	color: black;
	background: yellow;
}
span.italics {
	font-style: italic;
}
span.regular {         /* turn off italic etc */
	font-style: normal;
}
span.script{
	color: #4B0082;           /* royal blue */
	background: transparent;
	font: normal normal bolder 200%/115%
		"Lucida Caligraphy", "Lucida Handwriting", "Zapf Chancery", "Brush Script MT", "Comic Sans MS", cursive;
	padding: .2em;
}
span.small {
	font-size: x-small;
}
span.strong1 {
	font-weight: bold;
	font-size: 100%;
}
span.strong2 {
	font-weight: bold;
	font-size: 110%;
}
span.strong3 {
	font-weight: bolder;
	font-size: 120%;
}

em {
	font-style: italic;
}

strong {
	font-weight: bolder;
	font-size: 110%;
	text-transform: uppercase;
}

/*          special emphatic box              */
.emphatic {
	border-color: white;
	border-width: 1px;
	border-style: dashed;
	background-color: #a7cece;
	padding: 25px;
	padding-left: 80px;
	margin: 1em 8em 1em 8em;
	line-height: 1.9em;
	color: #666666;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(images/background.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/* small print because it is out of date or something */
.small {
	font-size: x-small;
}
/*                           centered                           */
.center {
	text-align: center
}

/*                         THREE COLUMN LAYOUT                               */

#header {
	background-color: #675c47;
	margin: 10px;
	height: 108px;
}

#col3rght {
	background: #efe5d0 url(images/background.gif) bottom right;
	font-size: 105%;
	padding: 15px;
	margin: 0px 10px 10px 10px;
	float: right;
	width: 180px;
}

#col3left {
	background: #efe5d0 url(images/background.gif) top left;
	font-size: 105%;
	padding: 15px;
	margin: 0px 10px 10px 10px;
	float: left;
	width: 115px;
}

#col3mid {
	background: #efe5d0 url(images/background.gif) top left;
	font-size: 105%;
	padding: 15px;
	margin-right: 230px;
	margin-left: 165px;
}

#footer {
	background-color: transparent;
	color: #efe5d0;
	text-align: center;
	padding: 15px;
	margin: 10px;
	font-size: 90%;
	clear: both;
}

/*
Ctrl-Double-Click the following NoteTab hyperlink to update all listed "instyle.css" programs:
	[c:\users\bert\work\apgm\css\cssbench\instyle.bat]
*/

/* End of CSS File */