/* =====
Designer:	"BlueW";
Site:	"http://www.codeysworld.com/";
Path:	"./elecivil/styles/";
File:	"elecivil-01.css";
Date:	"2007-06-30";
History: {
	"2007-06-30";
	"2006-12-19";
	"2006-12-05";
}
===== */

/* ----- For Reference - NOT CSS2 - Pseudocode ----- */
/*

@_font-list "cw01-Fonts" {
	font-family: "Comic Sans MS", sans-serif; 
} // @_font-list "cw01-Fonts";

@_image-list "cw01-Images" {
	_image: url(../images/IMAG0022.JPG);	// [12804*960]
} // @_image-list "cw01-Images";

@_color-list "cw01-Colors" {
	#000000 "css3:black";
	#ffffff "css3:white";
	#cfc7af rgb( 207, 199, 175 ) "elecivil:concrete-back-light";
	#4f472f rgb( 79, 71, 47 ) "elecivil:concrete-back-dark";
	#dfd9c9 rgb( 223, 217, 201 ) "elecivil:concrete-pale";
	#c0b696 "elecivil:concrete-light";
	#695f3f "elecivil:concrete-dark";
	#ffd555 "elecivil:sunny-light"; // hue: 45;
	#aa8000 "elecivil:sunny-dark"; // hue: 45;
	#ff8055 "elecivil:brick-light"; // hue: 15;
	#aa2a00 "elecivil:brick-dark"; // hue: 15;
	#55ffd5 "elecivil:alien-light"; // hue: 165;
	#00aa80 "elecivil:alien-dark"; // hue: 165;
	#8055ff "elecivil:uv-light"; // hue: 255;
	#2a00aa "elecivil:uv-dark"; // hue: 255;
	#d9ba9d "elecivil:socks-buff-light";
	#b87e47 "elecivil:socks-buff-dark";
	#55d5ff "elecivil:socks-peacock-light";
	#0080aa "elecivil:socks-peacock-dark";
	rgb( 228, 214, 165 )
	#f2eabb rgb( 242, 234, 187 )
	rgb( 246, 239, 193 )

} // @_color-list "cw01-Colors"; 

*/

body {
	background-color: #f2eabb; 
	background-image: url(../images/ec1-back.png);
	background-position: 0.375in;
	background-repeat: repeat-y;
	color: black; 
	font-family: "Trebuchet MS", sans-serif; 
	font-size: medium; 
	text-align: left;
}
p, blockquote, ol, ul, li, dl, dt, dd {
	background: transparent; 
	color: black; 
	font-family: "Trebuchet MS", sans-serif; 
}
.pFirst:first-letter, p.pFirst:first-letter {
	color: #2a00aa;
	background-color: #ffc000;
	font-family: "Comic Sans MS", sans-serif;
	font-weight: bold;
	font-size: 300%; 
	float: left;
	margin-right: 6pt;
	padding: 6pt;
}
h1, h2, h3, h4, h5, h6 { 
	background: transparent;
	color: black;
	font-family: "Comic Sans MS", sans-serif; 
	text-align: center; 
}
h1 { font-size: xx-large; }
h2 { font-size: x-large; }
h3 { font-size: large; }
h4 { font-size: medium; }
h5 { font-size: small; }
h6 { font-size: x-small; }
table { border-collapse: collapse; }
td, th { background: transparent; color: black; vertical-align: top; }

a { background: transparent; color: black; }
a[href] { text-decoration: underline; }
a:link { background: transparent; color: #aa2a00; }
a:visited { background: transparent5; color: #2a00aa; }
a:active, a:hover { background: transparent; color: #0080aa; }

.flag { 
	border: none; 
	background: none;
	color: #695f3f;
	font-family: "Comic Sans MS", sans-serif;
	font-size: small;
	font-weight: bold;
	padding: 0pt 3pt; 
}
.flag a, a.flag { padding: 0pt 3pt; }
.notes, ol.notes, ul.notes { 
	font-size: small; 
	/* border-top: 0.75pt solid #33ff99; */
} 
.notes li, li.notes, ol.notes li, ul.notes li { 
	font-size: small; 
}
.large, table.large td, table.large th, 
ol.large, ul.large, ol.large li, ul.large li { 
	font-size: large; 
}
.margin0 { 
	margin-top: 0pt;
	margin-bottom: 0pt;
}
.list0 {
	list-style: none;
	margin-left:  0.0em;
	padding-left: 0.0em;
}
.imageCenter {
	margin: 1.0em auto;
	text-align: center;
	font-family: "Trebuchet MS", sans-serif; 
	font-weight: normal;
	font-style: italic;
}

.poem, ol.poem, ul.poem, 
.verse, ol.verse, ul.verse { 
	background: transparent;
	color: black;
	list-style: none; 
	margin:  0.0em; 
	padding: 0.0em; 
}
.poem li, ol.poem li, ul.poem li, 
.verse li, ol.verse li, ul.verse li {
	background: transparent;
	color: black;
	list-style: none; 
	margin:  0.0em; 
	padding: 0.0em; 
}

.wDateTime, .wSubject, .wTitle, .wAuthor { 
	font-family: "Comic Sans MS", sans-serif; 
	font-size: x-small; 
}

/* toc = table of contents styles */

.toc, div.toc, table.toc { width: 100.00%; }
.toc td, .toc th, 
.toc .colx1 { width:  25.00%; }
.toc .colx2 { width:  50.00%; }
.toc .colx3 { width:  75.00%; }
.toc .colx4 { width: 100.00%; }

.toc h1, .toc h2, .toc h3, .toc h4, .toc h5, .toc h6 {
	margin: 0.125em auto;
}
.toc h1 { font-size: 400%; }
.toc h2 { font-size: 200%; }
.toc h3 { font-size: 100%; }
.toc a { font-size: 150%; }

.trail, div.trail, table.trail {
	margin: 0.125in 25%;
	width: 50.0%;
}
table.trail td, table.trail th {
	width: 25.0%;
	padding: 3pt;
	border-left: 3pt dotted #ffc000;
	border-right: 3pt dotted #ffc000;
	font-family: "Comic Sans MS", sans-serif;
	font-size: large;
	font-weight: bold;
	text-align: center;
}

/* background tiles */

.concrete { 
	background-color: #cfc7af;
	background-image: url(../images/concrete.png); 
	color: #4f472f;
}

/* Column Definitions */

.colx3 { width: 100%; }
.colx2 { width:  67%; }
.colx1 { width:  33%; }
.colxFull { width: 100%; }
.colxHalf { width:  50%; }

/* Page Definitions */

@page usLetter {
	size: 8.5in 11.0in; /* // 215.9mm 279.4mm; */
	margin: 1.0in 1.0in 1.0in 1.0in; /* // 254mm; */
}
div.usLetter { page: usLetter; }
@page isoA4 {
	size: 210mm 297mm; /* // 8.2677in 11.6929in; */
	margin: 254mm 254mm 254mm 254mm; /* // 1.0in; */
}
div.isoA4 { page: isoA4; }
@media print {
	div.page { page: usLetter; }
} /* // @media print */
@media screen {
	div.page { width: 80%; margin: auto auto; }
} /* // @media screen */