@charset "UTF-8";

body {
	background: #A0BFC5; /* iowa#2; was aqua after #a48bad; outside page */
	color: black; /*was#909; p text */
	font: 100% "Palatino Linotype", Palatino, serif;
	padding: 5px 0 25px;
}

h1,
h2 {
	color: navy; /* was navy; h1 and h2 */
	font: 1.375em "Arial Black", Arial, sans-serif;
	/*line-height: .5; I added this line it was no here before it didn't work*/
	/* letter-spacing: .4em; 
	text-align: center;*/
}

/* I added this to get h1 and h2 different */

h2 {
	color: #001BA2; /* Aegean#4 was black*/
	font: 1.37em "Arial Black", Arial, sans-serif;
	margin-bottom: -.75em; /* added this to try and get paragraph title closer to paragraph */
}


h1 {
	text-transform: uppercase;
	margin-top: -.01em; /* I added these to reduce space taken in page titles */
	margin-bottom: -.01em; 
}

h2 {
	font-size: 1.15em;
	font-variant: small-caps;
}

p {
	font-size: .875em;
	line-height: 1.2; /* was 1.6 */
	text-align: justify;
	/*text-indent: 1.5em;*/
}

em {
	font-weight: bold;
}

/* I added this Class for the 'Special Event- click for details' line */
.sel { color: black; font-size: 80%}

/* I added this ID to reduce space between h3 and p on special events descriptions */
#dose h3 {
	font-size: 1.1em;
	margin-bottom: -.75em;
}


/* Links */
a:link {
	color: #001BA2; /*Aegean#4- was #74269d; then green */
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #207000; /* was #909; */
	text-decoration: none;
}

a:hover {
	color: maroon; /* was #c3f; */
	font-weight: bold;
	text-decoration: underline;
}

/* Main page container  */

#rht { color: #207000; font-size: 2.0em; text-align: center} /* Aegean#1- I added this to control Running Header Title separately, was orange */
#container  {
	background: #eef;
	margin: 0 auto;
	width: 820px;
	
  -webkit-box-shadow: 0px 0px 30px #000; /* Saf3.0+, Chrome */
     -moz-box-shadow: 0px 0px 30px #000; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 30px #000; /* Opera 10.5, IE9, FF4+, Chrome 10+ */	
}

/* Table of Contents navigation */
#toc {
	background: #3E45C5; /* was #ebc6f9 then red; */
	padding-left: 42px; /* was 42px; */
}

#toc a {
	color: white; /*I added this line */
	font-size: .900em; /* was .875 */
}

/* I added this */
#toc a:visited {
	color: yellow; /* was #909; */
	text-decoration: none;
}


#toc {
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 10px;
}

#toc li {
	float: left;
	margin-right: 2em; /* was 4em */
}

/* Article */
article, aside {
	float: left;
}

article {
	padding: 0 5px 0 25px;
	width: 720px;
}

article p img {
	float: left;
	margin-right: 10px;
}

/* I added this to get chalice to right */
.right {
	float: right;
	margin-left: 10px;
}	

/* I added this to put border on all images */
img{
	border: 1px solid #A0BFC5;
}	

/* Sidebar */

/*aside { */
	background: #CCC473; /* maize#4; was silver after #dde5ff; */
	border: 1px solid #A0B7D1; /* was 1px solid teal after #bdc3d9; */
	border-right: none;
	margin-left: 18px;
	margin-top: 72px;
	padding: 0 15px;
	width: 201px;
}

aside h1 {
	font-size: .95em;
	padding-top: 12px; /* was 8px but H1 page title crammed lines */
	text-transform: none;
	line-height: .30;	/* I added this line with .25 */
	color: #6A2209; /*  maize#1, was yellow, was maroon; I added this line */
}

aside h2 {
	font-size: .75em;
	padding-top: 8px;
	text-transform: none;
	line-height: 0.25; /* I added this line */
	padding-left: 4px; /* I added this line */ 
}

aside ul {
	margin-left: 0;
	padding-left: 20px;
	line-height: 1.0; /* I added this line */
}

aside p,
aside li {
	font-size: .8em;

}

aside cite {
	font-style: normal;
}


/* Footer */
footer {
	background: #3E45C5; /* aew#5 was Blue after #dde5ff; */
	clear: both;
	padding: 5px 10px 10px;
}

footer p {
	font-size: 1em;
	margin: 0;
}