/* CSS RESET
------------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

/* Note from Bruce: The Meyer Reset includes this rule, but I've commented it out so it doesn't take effect. 
	If it weren't commented out, it would turn off the numbers before list items in an ol, 
	and the bullets before list items in an ul. 
	ol, ul {
	list-style: none;
} */

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* GENERAL
---------------------------------------------- */
body {
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	background-color: black;
}

strong {
	font-weight: bold;
}

p.right {
	text-align: right;
	margin: 0;
	padding: 0;
}
/* link states */
a {
	padding: .2em;
}

a:link,
a:visited {
	text-decoration: none;
	color: blue;
}

a:hover,
a:focus {
	text-decoration: none;
	color: darkblue;
}
nav a.current {
	color: black;
	text-decoration: none;
}
/* tables */

table {
	margin: 10px auto;
}

th,
td {
	padding: .5em .75em;
	border: 1px solid #000;
}

.thumb tr, td {
	margin: 0 auto;
	padding: 4px;
}

.thumb img {
	margin: 0;
	padding: 0;
	height: 75px;
}

p.txtleft {text-align: left;}
p.txtright {text-align: right;}

.caption tr, td {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#head {
	text-align: center;
	color: blue;
}
#head h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 140%;
}

#head p {
	font-size: 80%;
} 
/* CONTAINERS
---------------------------------------------- */

#container {
	background-color: #c9ffe5;
	width: 90%;
	margin: 0 auto; 
	padding: 0;
}

#tastepage {
	background-color: white;
	width: 90%;
	margin: 0 auto;
	padding: 0;
}

#tastepage h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 140%;
	padding-top: 20px;
	text-align: center;
}

header {
	background: url(../images/coll.jpg) repeat-x;
	margin-bottom: 0;
	height: 145px;
	padding: 0;
}

header .img {
	margin: 0;
}


nav {
	display: inline-block;
	background-color: #9EAAF7;
	border-top: 1px solid black;
	border-bottom: 1px solid gray;
	width: 98%;
	padding: 4px 1%;
	word-spacing: 8px;
}

#nav1 {
	display: inline-block;
	width: 98%;
	padding:4px 1%;
	word-spacing: 8px;
	text-align: center;
}

article {
	width: 90%;
	margin: 0 auto;
	padding: 10px;
}

article .head {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
}

article .subhead {
	font-weight: bold;
	text-align: left;
	font-size: 160%;
	padding: 0.6em 0;
}

article .subsubhead {
	padding: 0.6em 0;
	text-align: left;
	font-size: 140%;
}

article .datehead {
	padding: 0.6em 0;
	text-align: left;
	font-size: 100%;
}
article ul.list {
	margin: 1em;
}
article li {
	padding-left:1em;
	margin-bottom: .4em;
}

section {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

section h2 {
	font-size: 100%;
	font-weight: bold;
}
	
section h3 {
	font-size: 80%;
	font-weight: bold;
}
		
footer {
	clear: both;
	margin-left: 30px;
	padding: 10px 0;
}

footer .update {
	font-size: 70%;
	text-align: left;
	padding: 10px 0;
}
.faceb {
	text-align: left;
}