/* Cascading Sytle Sheet for Midcoasty Green Collaborative Website pages. */
/* UNIVERSAL ATTRIBUTES */
* {
	/*zeroes out margins so we control them, not the browser*/
	margin: 0;
	border: 0;
	padding: 0;
}

body {
	background: white;
	font-size: 12pt;
	font-family: "Times New Roman", Times, serif;
	text-align: left; /* IE bug fix? */
}

/* REGIONS */
/* Horizontal regions - Note: all widths must equal 100% (Adding width, border, and margin tags) */

#leftcol { 
	display: none;
}

#midcol { /* center column */
	width: 100%;
}

#full { /* single column page */
	width: 100%;
	text-align: center;
}
#rightcol { /* right column */
	display: none;
}

#rightdbl { /* right column in a two column page */
	width: 100%;
	text-align: justify;
}

#foot {
	display:none;
}

/* vertical sections within a coloumn */
#banner {
	text-align: center;
}
#main {
	float: left;
	text-align: justify;
}

/* INTERNAL ELEMENTS */

div.picture {
	margin: 4% 4% 1% 4%;
	text-align: center;
}
div.picleft {
	float: left;
	margin: 0.7% 4% 1% 6%;
	text-align: left;
}
div.picright {
	float: right;
	margin: 0.7% 4% 1% 4%;
	text-align: right;
}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Copperplate Gothic Bold','Copperplate', sans-serif;
	font-weight: normal;
	color: #006600;
	margin: 11px 0 5px 0;
	text-align: center ;
}
h1 {
	margin: 0;
	font-size: 180%;
	font-weight: bold;
	display: inline;
	vertical-align: middle;
}
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
h5 { font-size: 105%; }
h6 { font-size: 100%; }

#main h5, #main h6 { padding: 7px 3.0em 5px 3.0em }

	
hr {
	margin: 0 5%;
	text-align: center;
	border: 1px solid #669966;
	padding: 1px;
	width: 90%;
}

table {
	margin: 0;
	font-family: "Times New Roman", "Times Roman", Times, serif;
	vertical-align: middle;
}

th, thead {
	padding: 1em;
	font-family: "Copperplate Gothic Bold", Copperplate, sans-serif;
	text-align: center;
}

td {
	padding: 1em;
	background: white;
	color: black;
	vertical-align: middle;
	text-align: justify;
}

table.bare  {
	margin: 1.2% 7.0%;
	border: 0;
	width: 86%;
}
	
table.bare > tbody > tr > th, table.bare > tbody > tr > thead  {
	margin: 0;
	padding: 0;
	background: white;
	font-family: "Copperplate Gothic Bold", Copperplate, sans-serif;
}
table.bare > tbody > tr > td {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", "Times Roman", Times, serif;
}
li.open { padding: 6px 0; }

em {
	font-style: normal;
	font-weight: bolder;
}

p {
	margin: 1.6% 6.0%;
	padding: 0;
	color: black;
	text-align: justify;
	text-indent: 1.3em;
	line-height: 1.23em;
}

td > ul, td > ol {
	margin: 0.1em 2.0em 0.1em 2.0em;
	padding: 0;;
}

ul, ol {
	margin: 1.6% 6.0%;
	padding: 0;
	text-align: left;
	text-indent: 0;
	line-height: 1.23em;
}

li {
	margin: 0;
	padding: 0;
	text-indent:0;
}

q blockquote {
	margin: 0.6em;
	border: 1px #669966 solid;
	padding: 0.4em;
	color: #006600;
	font-weight: bolder;
	font-size: 114%;
	text-align: center;
	display: block;
}

#foot p { text-indent: 0; }

img.illus {
	margin-left: auto;
    	margin-right: auto;
	background: white;
	border: 1px solid #669966;
	padding: 5px;
	width: 15em;
	display: inline;
}

img.inline {
	margin-left: auto;
    	margin-right: auto;
	border: 1px solid #669966;
	padding: 5px;
	display: inline;
}
img.logo {
	display: inline;
	width: 60px;
	margin: 0;
	border: 0;
	padding: 0;	
}
img.scaleable {
	margin: 0;
	border: 0;
	padding: 0;
	width: auto;
	height: auto;	
}

br.left { clear: left; }
br.right { clear: right; }
br.both { clear: both; }

/* LINKS (love before hate) */
a { 
	color: blue;
}
a.img {
	text-decoration: none;
}

/* CLASSES (in alphabetical order) */
.alert { 
	color: red;
	font-weight: bold;
	font-size: 200%;
}
.author {
	color: navy;
	text-align: right;
	margin: 0 20% 0 10%;
	max-width: 35em;
}
.bio {
	color: #339933;
}
.booktitle { text-decoration: underline; }
.caption {
	font-size: 70%;
	color: #006600;
	text-align: center;
}
.center {
	text-align: center;
	text-indent: 0;
	max-width: 100em;	
}
.credit {
	font-size: 60%;
	color: #666666;
	text-align: left;
}
.dimmed { color: gray; }
.green { color: #006600; }
.hidden { color: white; }
.important {
	font-size: 108%;
	text-align: justify;
	max-width: 32em;
}
.justify { text-align: justify; }
.locator {
	display: none;
}
.noborder { border: 0; }
.noprint { display: none; }
.reduced { font-size: 80%; }
.right { text-align: right; }
.trivial {
	font-size: 85%;
	color: gray; 
	font-weight: lighter;
}
.wide {
	margin: 0.4em 1em;
	padding: 0;
	text-indent: 0;
	text-align: center;
}