@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:180%;
	background: #330066;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x
}

h1{color: black;}
h2{color: #FF6600; text-align: right} 
em{color: #FF6600;}

A:link {text-decoration: none; color: #000000;}
A:visited {text-decoration: none; color: #cccccc;}
A:active {text-decoration: none; color: red;}
A:hover {text-decoration: none; color: #FF6600;}

A.linkSet2:link {text-decoration: none; color: black;}
A.linkSet2:visited {text-decoration: none; color: #330066;}
A.linkSet2:active {text-decoration: none; color: red;}
A.linkSet2:hover {text-decoration: none; color: #FF6600;}

#maincontainer{
	width: 760px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#topsection{
	height: 151px;
	text-align: center; /*Height of top section*/
	background-image: url(images/treeBg2.png);
	background-repeat:no-repeat;

	
}

#topsection h1{
	margin: 0;
	padding: 7px 0px;	
}


.navsectionfg{
  height: 30px;
  /*background: #666666; */ 
  text-align: center;
  word-spacing: 90px;
  /*margin-top: 15px;*/
  background-image:url(images/navBg2.png);
  background-repeat: no-repeat;
}

#column1{
	width:152px;
	padding:0px;
	float:left;
}

#contentwrapper{
	float: left;
	width: 100%;
	min-height:380px;
	background: #cccccc;
	background-image: url('images/rootsBg.jpg');  
	background-repeat: no-repeat;
}

#textBody{
	padding:62px;
	
}

#poem{
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
}
	
#textColumn{
	width: 450px;
}
#contentcolumn{
	margin-right: 200px; /*Set right margin to RightColumnWidth*/
	
}

#rightcolumn{
	float: left;
	width: 200px; /*Width of right column*/
	margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
	background: white;
}

#footer{
	clear: left;
	width: 100%;
	text-align: center;
	font-size: 62%;
	line-height: 10pt;
}

#footer a{
	color: #cccccc;
}

.innertube{
 /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

fieldset {  
	margin: 1.5em 0 0 0;  
	padding: 0;
}

legend {  
	margin-left: 1em;  
	padding: 0;  
	color: #000;  
	font-weight: bold;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/

height: 1%;
}

.cssform label{
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}