@charset "utf-8";
.twoCol #container #mainContent h6 {
	font: normal 12px "Century Gothic";
	color: #000000;
}

.twoCol #container #mainContent li {
	font: 14px "Century Gothic";
	text-align: left;
	display: block;
	list-style: square outside;
}

/************** end reset **************/

.twoCol #container #sidebar1 h4 {
	font: bolder 16px "Century Gothic";
	text-transform: uppercase;
}
.twoCol #container #sidebar1 h3 {
	font: bold 12px "Century Gothic";
	margin-left: -5px;
	list-style: square outside;
}


.twoCol #container #mainContent h2 {
	font: bolder 24px "Century Gothic";
	padding-left: 10px;
	color: #006600;
}

.twoCol #container #flashvideo {
	height: 200px;
	width: 900px;
	float: left;
	background: url(flashpresentation.swf) no-repeat;
}

/* CSS Document */
/*   >>>>>>>>> STRUCTURE >>>>>>>>>>   */
html{
	font: 100.01%/130% "Century Gothic";
}
body  {
	background: #779466 url(images/highlight.png) repeat-x;
	color: #000000;
	text-align: center; /* this centers the container in IE 5* browsers.  */
}
a:link {
	font-weight: bold;
	color: #003300;
	text-decoration: none;
	font-family: "Century Gothic";
}

 
.twoCol #container {
	/*width: 46em;  /*for 800 width - 16X46=736*/
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	display: block;
	margin: 0 auto;
	background-color: #FFFFFF;
	background-repeat: repeat;
} 

.twoCol #header{
	background: url(images/header2.png) no-repeat center;
	padding-top: 0;
	padding-bottom: 0;
	width: 900px;
	display: block;
	height: 256px;
}

/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoCol #sidebar1 p" rule.
*/
.twoCol #sidebar1 {
	float: left;
	width: 200px;
	background: #DAC787;
	padding: 15px 0;
	display: block;
	text-align: left;
	font-family: "Century Gothic";
	border-right: medium groove #666666;
}
.twoCol #mainContent {
	display: block;
	float: right;
	width: 687px;
	background: #FFFFFF;
	font: 14px "Century Gothic";
	color: #000000;
	padding-right: 10px;
	padding-bottom: 10px;
} 

.twoCol #container #mainContent #contact {
	display: block;
	width: 450px;
	border: medium double #006600;
	font: bolder 16px "Century Gothic";
	text-align: left;
	background: url(images/backgrndforms.png) repeat;
	color: #FFFFFF;
	margin-left: 60px;
}

/*-----------------------------------------------------------------------------*/
/*------------------ >>> USE FOR FLOATING RIGHT  <<< -------------------------   
.twoCol #sidebar1 {
	float: right; 
	width: 12em;  
	background: #EBEBEB;  
	padding: 15px 0;  
}


.twoCol #mainContent {
	margin: 0 13em 0 1.5em;  
}  
/*-----------------------------------------------------------------------------*/
 

.twoCol #footer{
	background:url(images/footer.png) no-repeat;
	display: block;
	width: 900px;
	float: left;
	height: 70px;
	padding: 0;
	font: 12px "Century Gothic";
	color: #003300;
}

 
/*----- END STRUCTURE --------------*/

 
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
	margin-left: 10px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
form {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

a:visited {
	font-weight: bold;
	color: #003300;
	text-decoration: none;
}
a:hover {
	color: #FFCC33;
	font-weight: bold;
	text-decoration: none;
}
.twoCol #container #topbar {
	background: url(images/topbar.png) no-repeat;
	display: block;
	width: 900px;
	height: 36px;
	float: left;
}
.twoCol #container #mainContent p {
	font: 14px "Century Gothic";
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
.twoCol #container #footer h5 {
	font: bold 12px "Century Gothic";
	color: #003300;
}



.twoCol #container #mainContent h4 {
	font-family: "Century Gothic";
	text-transform: uppercase;
	color: #006600;
	padding-left: 10px;
	font-weight: bolder;
}
.twoCol #container #sidebar1 p {
	font: 14px "Century Gothic";
	padding-left: 10px;
	padding-right: 10px;
}