body
{
text-align: center; /* For browsers that ignore auto margins in #container*/
}

#container /*wrapped around the entire page's content*/
{
width: 800px; /* Overall width of page */
margin: 10px auto; /*To get the content to sit in from the edge of the browser window and To center the div in the viewport*/
text-align: left; /*To overcome the text center alignment problem through rule in body */
background-color: #CCCC33;
color: #333;
border: 1px solid gray;
/*line-height: 130%;*/
}

#top /*for the top banner if used */
{
padding: .5em;
background-color: #FFFFFF;
border-bottom: 1px solid gray;
text-align: center;
}
#top h1
{
padding: 0;
margin: 0;
}

#content /*for the larger, left column*/
{
background-color:#FFFFFF;
float: left; /*To float the content */
border-right: 1px solid gray; /* apply a border to the right of the "content" div. This could be a problem if the "rightnav" div is longer than the main content. If this is the case, the border can be applied to the left side of the "rightnav" div instead of the "content" div. */
width: 510px; /* When a div is set to float, a width must also be included */
margin: 0;
padding: 1em; /*moves the text away from the edges of the div */
}

#rightnav p { margin: 0 0 1em 0; } /* To remove the space above */


#rightnav /*for the main content*/
{
margin-left: 540px; /* To make the text appear as if it is in a new column, we apply margin-left to the "content" div, making sure that the width is greater than the overall width of the "leftnav" div. */
/*border-left: 1px solid gray;*/ /* apply a border to the left of the "content" div. This could be a problem if the "leftnav" div is longer than the main content. If this is the case, the border can be applied to the right side of the "leftnav" div instead of the "content" div. */
padding: 1em;
background-color: #CCCC33;
}
#content h2 { margin: 0 0 .5em 0; } /* To remove the space above */

#footer1 /*for the footer across the bottom of the page*/
{
clear: both; /* This is critical, as it will force the footer below any floated elements above. */
margin: 0;
padding: .5em;
color: #333;
background-color: #FFFFFF;
border: 1px solid gray;
width: 800px;
}

#logo
{

}
#logo p {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size: 40pt;
	font-weight: bold;
	text-align: center;
	color: #672594;
}
p {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size:10pt;
	font-style: normal;
	text-align: justify;
}

h1 {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size:24pt;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.2em;
	color: #672594;
	/*Browsers add different amounts of padding above an H1, it is easiest to remove all padding and margin from the H1 and let the div provide the padding*/
	padding: 0;
	margin: 0;
}

h2 {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size:14pt;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.1em;
	color: #309A27;
}

h3 {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size:12pt;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.1em;
	color: #491A68;
}

h4 {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size:10pt;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.1em;
	color: black;
}

h5 {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size:8pt;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.1em;
	color: black;
}

caption {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size:14pt;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #226D1C;
	padding-bottom: 3%;
	padding-top: 3%;
}
ol {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size: 10pt;
	list-style: decimal outside
}

ul {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size: 10pt;
	list-style: disc
}

li {
	padding: 0;
	margin: 0;
}

.intro {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size:12pt;
	text-align: left;
	background-color:#FFFFFF;
	color: #226D1C;
	margin: 20px;
}

/* content-detail defines layout for right hand content column detail */
.content-detail {
	background-color:#FFFFFF;
	color: #000000;
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size: 10pt;
/*	vertical-align: top;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.footer {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size:8pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
}

hr{
	color: #491A68;
	height: 2px;
}
.centre {
	font-size:12pt;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

.indent {
	margin-left:8%;
	margin-right:8%;
}
.indent1 {
	margin-left:4%;
}
.explanation {
	margin-left:4%;
	margin-right:4%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 1%;
	border: double green;
	margin-bottom:2%;
}

tr{
	vertical-align: top;
}

.inset-floater {
	float: right;
	border: solid 2px #309A27;
	padding: 10px;
	margin: 10px;
	width: 60%;
}
.inset-floater-sm {
	float: right;
	border: solid 2px #309A27;
	padding: 10px;
	margin: 10px;
	width: 40%;
}
.inset-floater-ads {
	float: right;
	padding: 10px;
	margin: 10px;
	width: 50%;
}
.link-floater {
	float: right;
	border: solid 2px #491A68;
	padding: 10px;
	margin: 10px;
}
.link-floater-nb {
	float: right;
	padding: 10px;
	margin: 10px;
}
.linkmenu a{
	float:left; 
	width:210px; 
	height:20px; 
	background-color:#4A8626; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
}
.linkmenu a:hover{
	background-color:#226D1C;
}
.linkmenusub a{
	float:right;
}
.smallgreytxt {
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size: 9px;
	font-weight:bold;
	color:#999999;
}
.smallgreytxt a{
	font-family: "Century Schoolbook", "Times New Roman", serif;
	font-size: 9px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgreytxt a:hover{
	text-decoration:underline;
}
.green-back {
	background-color:#82C07D;
}
.yellow-back {
	background-color:#CDCD96;
}