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

body {
	background: white url(../images/sand.jpg) 0 0 repeat;
	color: black;
	font-family: 'Times New Roman', 'Times Roman', Times, serif;
	font-size: 100%;
	text-align: left;	/* IE bug fix? */
}

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

#left2 {	/* left column of two column page */
	float: left;
	width: 23%;
	margin: 2em 1% 0 1%;
	display: inline;	/* fix for IE for windows margin bug */
}

#left3 {	/* left column of three column page */
	float: left;
	width: 18%;
	margin: 2em 1% 0 1%;
	display: inline;	/* fix for IE for windows margin bug */
}

#middle1 { /* single column page */
	width: 90%;
	margin: 0 auto;
}
#middle2 { /* right column in a two column page */
	float: left;
	width: 70%;
	margin: 0 3% 0 2%;
	max-width: 45em;
	display: inline; /* fix for IE for windows margin bug */	
	text-align: justify;
}

#middle3 { /* center column of three column page*/
	float: left;
	width: 60%;
	display: inline; /* fix for IE for windows margin bug */	;
}

#right3 { /* right column for three column page */
	float: right;
	width: 18%;
	margin: 2em 1% 0 1%;
	display: inline; /* fix for IE for windows margin bug */
}

/* vertical sections within a coloumn or a page */

#banner { /* Top section across the full width of the element */
	height: 100%;
	overflow: hidden;
	text-align: center;
}

#main { /* main section of a (central) column*/
	padding: 2%;
	display: inline;	/* fix for IE for windows margin bug */
	text-align: justify;
}

#foot { /* bottom section */
	margin: 1% 0 0 2%;
	float: left;
	clear: both;
	width: 97%;
	text-indent: 0; 
	text-align: left;
}

/* INTERNAL ELEMENTS */

div.floatr {
	text-align: left;
	float: right;
	padding: 0.5em 2em 0 1.5em;
}

div.floatl {
	float: left;
	padding: 0.5em 1.5em 0 2em;
}

div.picture {
	margin: 4% 4% 1% 4%;
}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Apple Chancery', 'Tangerine', 'Arial', sans-serif;
/*	font-family: 'Tangerine', 'Arial', sans-serif; */ 
	font-weight: normal;
	text-shadow: 3px 3px 3px #b19ea5;
	color: #075607;
	margin: 0.50em auto;
	padding: 0;
	text-align: center;
	text-indent: 0;
	line-height: 99%;
}

h1 { font-size: 54pt; margin: 0;}
h2 { font-size: 40pt;}
h3 { font-size: 32pt;}
h4 { font-size: 24pt;}
h5 { font-size: 18pt;}
h6 { font-size: 14pt;}

h5 > a {
	font-family: 'Times New Roman', 'Times Roman', Times, serif;
	font-size: 14pt;}

hr { 
	margin: 0.5em 5%;
	text-align: center;
	border: #66b566 1px solid;
	padding: 1px;
	width: 90%;
}

table {
	margin: 0 auto;
	text-align: left;
	font-family: Arial, san-serif;
	border-collapse: collapse;
	vertical-align: middle;
}

th, thead {
	padding: 0.4em;
	font-weight: bolder;
	text-align: center;
}
td {
	background: white;
	color: black;
	border: 1px #66b566 solid;
	padding: 3px 2px 0px 4px;
}
form > table > tbody > tr > td {background: #dddddd url(../images/greysand.jpg) repeat; }

table.bare {
	margin: 1.2% 7%;
	width: 86%;
}

table.bare > tbody > tr > th, table.bare > tbody > tr > thead  {
	background: white;
	font-family: Arial, san-serif;
	border: 0;	
	padding: 1px 7px;
	font-weight: bolder;
	font-size: 85%;
}
table.bare > tbody > tr > td  {
	border: 0;	
	padding: 1px 7px;
	font-size: 85%
}

li.open { padding: 6px 0; }

em {
	font-style: normal;
	font-weight: bolder;
}
p {
	margin: 1.6% auto 1.6% auto;
	padding: 0;
	max-width: 40em;
	font-family: Times, 'Times Roman', 'Times New Roman', serif;
	color: black;
	text-align: justify;
	text-indent: 1.6em;
	line-height: 1.15em;
}

#left2 > p, #left3 > p {
	text-indent:0;
	text-align: center;
}
td > ul, td > ol {
	margin: 0.1em 2.0em 0.1em 2.0em;
	padding: 0;
	max-width: 35em;
}

ul, ol {
	margin: 0.2em 0.4em 0.2em 4.2em;
	padding: 0;
	max-width: 40em;
	text-align: left;
	line-height: 1.23em;
}
 
ul {	list-style-type: disc;}

li {
	margin: 0;
	padding: 0;
	text-indent:0;
	line-height: 1.15em;
}

blockquote {
	margin: 0 auto;
	width: 70%;
	border: 1px #66b566 solid;
	padding: 0.4em;
	color: #075607;
	font-weight: bolder;
	font-size: 114%;
	text-align: center;
	display: block;
	max-width: 28em;
}

#foot p { text-indent: 0; }

img.illus {
	margin: 0 auto;
	background: white;
	border: 1px solid #66b566;
	padding: 6px;
	width: 15em;
	display: inline;
}

img.inline {
	margin: 0 auto;
	background: white;
	border: 1px solid #66b566;
	padding: 6px;
	width: 97.5%;
	display: inline;
}

img.logo, img.scaleable {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;	
}

img.small {
	display: block;
	margin: auto;
	border: 0;
	padding: 0;	
}

img.sized {
	margin: 0 auto;
	background: white;
	border: 1px solid #66b566;
	padding: 6px;
	display: inline;
}

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

input:focus { border-color: red; }

address {
	font-family: copperplate, serif;
	color: black;
	text-indent: 0;
	margin: 0.4em 0.4em 0.4em 4.0em;
	max-width: 40em;
}

/* LINKS (love before hate) */
a { 	color: blue; 
	text-shadow: 0px 0px 0px;
}
a:link { text-decoration: none; }

a:visited {
	color: #075697;
	text-decoration: none;
}

a:hover {
	color: blue;
	text-decoration: underline;
}
a.img:hover {
	color: blue;
	text-decoration: none;
}
a:active { color: purple; }

/* CLASSES (in alphabetical order) */

.alert { 
	color: red;
	font-weight: bold;
	font-size: 150%;
}
.auth {
	color: navy;
	text-align: right;
	margin: 0 20% 0 10%;
	max-width: 35em;
}
.bio {	color: #339933;}
.book { text-decoration: underline; }
.caption {
	font-size: 70%;
	font-style: italic;
	color: #075607;
	text-align: center;
}
.center {
	text-align: center;
	text-indent: 0;
	max-width: 100em;	
}
.credit {
	color: #66b566;
	font-size: 70%;
	font-style: italic;
	text-align: left;
	padding: 0 0 0 2em;
}

.dimmed { color: gray; }
.footnote {
	color: #66b566;
	font-family: Arial, san-serif;
	font-size: 80%;
	font-style: oblique;
	margin: 1em 1em 0 1em;
	text-align: left;
}

.green { color: #075607; }
.hidden { color: white; }
.important {
	font-size: 110%;
	text-align: justify;
	max-width: 32em;
}                     
.justify { text-align: justify; }
.left { text-align: left; }
.locator {
	margin: 0 5%;
	padding: 0;
	text-align: left;
	text-indent: 0;
	font-size: 70%;
	font-style: italic;
	font-weight: lighter;
}

.noborder { border: 0; }
.noscreen { display: none; }
.reduced { font-size: 80%; }
.right { text-align: right; }
.short {
	text-indent: 0;
	text-align: left;
}
.trivial {
	font-size: 85%;
	color: gray; 
	font-weight: lighter;
}
.wide {
	margin: 0.4em 1em;
	padding: 0;
	text-indent: 0;
	text-align: center;
}

/* Special Cases */

#foot > p {text-align: left;}