body {
	background-color: #CDD8F6;
	margin-left: 3%;
	margin-right: 3%;
}
h1, h2, h3, h4, h5 {text-align: center;}
A:link {text-decoration: none; color: #8331f5;}
A:visited {text-decoration: none; color:#8331f5;}
A:active {text-decoration: none; }
A:hover {text-decoration: underline; }

A.glossary:link, A.glossary:visited, A.glossary:hover {
  color: #8B008B;
}

p, li {
	font-family: Garamond, "Bookman old style", "Times New Roman",Times, serif;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p.bottom_note {
  font-size: 80%;
  font-style: italic;
  font-family: Tahoma, Verdana, Arial, Helvetica, Swiss, geneve, sans-serif;
  text-align: center;
  clear: both;
}

.quote {
  margin-left: 5%;
	margin-right: 5%;
	font-style: italic;
}


p.footnote {
  font-style: italic;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

.top_space {
  margin-top: 2em;
}

 .first.column {
  margin-right: 6px;
}

.last.column {
  margin-left: 6px;
} 
.column {
  margin-right: 6px;
  margin-left: 6px;
} 

.linklarge, .linkheading {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}

.linksmall {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  margin-left: 10%;
}

.linksmallheading {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
}


.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; 
}

.tight {
	margin: 2px 2px 2px 2px;
}

.float-left {
  float: left;
}

.float-right {
	float: right
}


div.guides {
	background-color: #dcd7f5;
	padding: 5px 8px 3px 2px;
	height: 100%;
	list-style-type: disc;
	list-style-image: url("/Images/ArrowBullet.gif");
	clear: both;
}

div.gweniosays {
	background-color: #c4ccf5;
	padding: 5px 12px 5px 12px;
	height: 100%;
	list-style-type: disc;
	list-style-image: url("/Images/ArrowBullet.gif");
	clear: both;
}

/* Sliding Door tabbled menu
    See http://kailoon.com/css-sliding-door-using-only-1-image/ */
		
ul.tab_menu {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #CDD8F6;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	clear: left;
}

ul.tab_menu li {
	float: left;
}

ul.tab_menu li a {
	float: left;
	text-decoration: none;
	color: #fff;
	padding: 4px 15px 0 0;
	margin-right: 8px;
	font: 900 14px Verdana, Tahoma, Helvetica, sans-serif;
	background: url(/Images/MenuBar/gray.png) no-repeat top right;
}

ul.tab_menu li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
	background: url(/Images/MenuBar/gray.png) no-repeat top left;
}

ul.tab_menu li a:hover {
 	color: #0d5f83;
	background: url(/Images/MenuBar/blue.png) no-repeat top right;
}

ul.tab_menu li a:hover span {
	background: url(/Images/MenuBar/blue.png) no-repeat top left;
}

ul.tab_menu li a.current {
	background: url(/Images/MenuBar/blue.png) no-repeat top right;
 	color: #0d5f83;
}

ul.tab_menu li a.current span {
	background: url(/Images/MenuBar/blue.png) no-repeat top left;
}

@media screen {
  /* Float the Guides and Gwenio Says only on the screen */
	div.gweniosays {
		background-color: #c4ccf5;
		border-left: 1px solid #f5f5f5;
		width: 30em;
		float: right;
		clear: both;
	}
	
	div.leftmenu {
		background-color: #dcd7f5;
		border-right: 1px solid #f5f5f5;
		width: 13em;
		float: left;
		height: 100%;
	}
	div.maintext {
  		margin-left: 14em;
	}
}

@media print {
	div.noprint {
	  display: none;
	}
}


