/* Master stylesheet for English Usage website */

/*
	Color usage:

		# new values for Erroneous English web pages

		'RoseParade', a calm base paper red background
			background-color: #D8B0B0;

		'NationalTrustGreen', a calm base graphic green background
			background-color: #B0D8B0;

		'Parchment', a calm base graphic white background
			background-color: #D0D0CC;

		'Charcoal', contrasting text colour
			color: #242424;	

		# original Clayton Coffee Shop web pages
		'Coffee', darker for under pictures, empty area
			background-color: #B0A090;
		'Cafe Au Lait', lighter, for under text
			background-color: #CCBBAA;
	
	Text - Red, Green, Blue and Black
		BLACK
			color: #202020;	
		RED - fruit drinks
			color: #801010;
		RED - brighter
			color: #A03030;
		GREEN - sugar-free drinks
			color: #108010;

		HEADLINE RED
			color: #901515;
		SUB-HEADLINE BLUE
			color: #2020B0;

		url(images/alpha/bg.jpg) top center repeat-y;
 
*/
	
.body {
	font-family: Georgia;
	font-size: 85%;
	color: #242424;
	text-align: left;
	text-indent: 0%;
	margin: 0px;
	padding: 2%;
	width: 96%;
	border-color: #000000 ;
	border-style: none;
	background-attachment: fixed;
	background-color: #C0B0A0;
}

.scrn-bg-roseparade {
	background-color: #D89090 ;
}

.scrn-bg-nationaltrust {
	background-color: #B0D8B0 ;
}

.scrn-bg-parchment {
	background-color: #E0E0DC ;
}

.scrn-bg-espresso {
	background-color: #B0A090 ;
}

.scrn-bg-coffeedark {
	background-color: #C0B0A0 ;+
}

.scrn-bg-coffeenorm {
	background-color: #CCBBAA;
}

/* Master menu, common for each page */

.navbar ul li {
	display: inline;
	}

.navbar a {
	padding: 8px;
	color: #000000;						/* text color */
	font-size: 110%;
	background-color: #B0A090;
	font-family: "Verdana", Tahoma, Arial, sans-serif;
	border-style: outset ;
	}

.navbar a:hover {
	color: #AAAA88;
	background-color: #443322;
}

/* Outside container for each page's non-common content */

.master-wrap {
	height: 560px;
	width: 96%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
	padding: 8px ;
	border-width: 4px ;
	border-style: outset ;
	text-align: center;
	font-family: sans-serif;
	font-size: 100%;
}

.center-box {
	height: 92%;
	margin-top: 4px;
	margin-bottom: 24px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 4px;
	border-width: 2px ;
	border-style: outset;
	border-color: #664400 ;
}

.block {
	padding: 4px;
	border-width: 2px;
	border-style: outset;
	border-color: #442222 ;
}

.block-home-graphic {
	margin-top: 8px;
	margin-left: 15%;
	margin-right: 15%;
	border-width: 4px;
	border-style: outset;
	padding: 5%;
}
.block-specialty-menu {
	float: left;
	height: 98%;
	width: 58%;
}

.block-specialty-graphic {
	float: right;
	height: 98%;
	width: 38%;
	vertical-align: middle;
}

/* Text styling for each page's common content */

.infolink {
	font-family: "Times New Roman, serif";
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-indent: 8%;
	text-transform: none;
	text-decoration: none;
	border-style: none;
	background: #C0C0C0 ; /* url(images/alpha/bg.jpg) top center repeat-y; */	
	}

.infolink a:link {color: blue; }
.infolink a:visited {color: purple; }

.infonotice {
	font-family: "Lucida Sans Unicode", "Lucida", Arial, sans-serif;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	color: #000000;
}

.infonotice p {
	font-family: sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
	color: #000000;
}

/* Various inside containers for any page's non-common content */

.one-up {
	width:  98%;
}

.two-up {
	width:  48%;
}

.three-up {
	width:  32%;
}

.four-up {
	width:  24%;
}

.five-up {
	width:  19%;
}

.columnar {
	padding: 1em;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
	overflow: auto;
	border-width: 4px ;
	border-style: double;
	border-color: #101010;
}

.barker-text {
	font-family: Lucida, Arial, sans-serif;
	font-style: italic;
	font-size: 110%;
	color: #A03030;
	text-decoration: none;
	text-align: center;
}

.text_comix body p td {
	font-family:	"Comic Sans MS", cursive;
	color: #555533;
}

.scroll_txt {
	height: 480px;
	width: 100%;
	overflow: auto;
}

.itemizer {
	font-family:	"Comic Sans MS", cursive;
	font-size: 90%;
	font-weight: normal;
}

.itemizer-bg {
	background-color: #B0A090;
}

.itemizer-bgplus {
	background-color: #AA9A8A;
}

.itemizer-text1 {
	font-family:	"DejaVu", serif;
	font-size: 115%;
	font-style: normal;
	font-weight: bold;
	color: #108010;
}

.itemizer-text2 {
	font-family:	"OCRA", serif;
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	color: #202020;
	background-color: #C6B6A6;
}

.itemizer-text3 {
	font-family: "Lucida Sans Unicode", "Lucida", sans-serif;
	font-size: 75%;
	font-weight: normal;
	color: #202020;
}

.itemizer-numbers {
	font-family: "Lucida Sans Unicode", "Lucida", sans-serif;
 	font-size: 75%;
	font-weight: normal;
	color: #202020;
}

/* Article listing */
.articlelist {
	font-family: serif; 
/*	font-size: 100%;  */
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #D8B0B0;
	color: #101010;
}

.articlelist-headline {
	font-family: serif; 
/*	font-size: 120%;  */
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #408040;
	background-color: #D8B0B0;
}

.articlelist-subhead {
	font-family: sans-serif; 
/*	font-size: 90%;  */
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #D0D0CC;
	color: #202020;
}

.articlelist-text {
	font-family: monospace; 
/*	font-size: 70%;  */
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #B0D8B0;
	color: #202020;
}

