/* EXAMPLE STYLES NOT USED IN DEMO */

div.main-header { color: #12127D; font-weight: bold; font-size: medium; }
.main-content { color: #12127D; font-size: small; }
.news-header { color: #9191FF; font-weight: bold; font-size: medium; }
.news-content { color: #9191FF; font-size: small; }
.front-header { color: #12127D; font-weight: bold; font-style: italic; font-size: medium; }
.front-content { color: #12127D; font-style: italic; font-size: small; }
.copyright { color: #8FA75A; font-weight: bold; font-size: small; }
.formlabel { color: #b37d00; font-weight: bold; }
.contentbox { color: white; background: #99CC66; padding: 5px; font-size: large; font-weight: bold; border: 1px solid #006600; line-height: 36px; }
.shadowbox {
  border-color:#535353;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 1px;
  border-collapse: collapse;
  margin-top: 2px; 
  margin-bottom: 6px;
  margin-left: 4px;
  padding: 5px;
  background-color: white;  
}

/* STYLES USED IN DEMO */

/* Used to create space between image and text content */
.introductionimage { padding: 0px; padding-right: 5px; }

/* Used generally for emphasizing content */
.emphasis { color: #663300; }

/* Used for the Styles section */
.citation { padding: 10px; color: #b37d00; border: 1px solid #b37d00; font-style: italic; background: white; line-height: 40px; }

/* Border colour around entire page */
.pageborder { background: #1919b3; color: white; }

/* Used for tables */
.tablecaption { color: #b37d00; font-size: 1.2em; }
.tableheaderrow { color: white; font-weight: bold; background: #b37d00; }
.tablerowtitle { color: #b37d00; font-weight: bold; }
.tablerow { background: #ffecbf; }
.tablefootertitle { color: #b37d00; font-weight: bold; }
.tablefooterrow { background: #ffd980; }


/* OLD STYLES */

.Title {
	color: teal;
	font-size: large;
	font-weight: bold;
}

.Intro {
	color: gray;
	font-size: medium;
	font-style: italic;
	border: 3px solid black;
	padding-left: 20px;
	padding-right: 20px;
	margin: 20px;
}

.Article {
	font-family: Georgia,Arial, Helvetica;
	color: #606060;
	font-size: small;
	background-color: white;
}

.firstletter:first-letter {
	font-size:260%; 
	float:left;
	line-height:.86em;
}

.space-above { margin-top: 20px; } 
.space-below { margin-bottom: 20px; } 
.space-above-and-below { 
  margin-top: 20px; 
  margin-bottom: 20px;
} 

.red { color:red; }
.blue { color: blue; }
.green { color: green; }
.orange { color: orange; }
.navy { color: navy; }

.text-shadow {
 text-shadow: 0.1em 0.1em 0.2em black;
}

.columndiv {
  background-color: transparent;
  margin: 10px;
  padding: 10px;
  min-height: 200px;
  width: 45%;
  float:left;
  display:inline;
  text-align: left;
}