body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(images/page_back_repeat.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}
div.page_wrapper {
	background-color: #fff;
	border-left: 2px gainsboro solid;
	border-right: 2px gainsboro solid;
	position: absolute;
	top: 0px;
	left: -400px;
	width: 800px;
	z-index: 10;
	margin-left: 50%;
	padding:0px;
	margin-bottom:0px;
}
#print_header {
	display:none;
}

.floatright{

float:right}

.padd-left{
margin-left:15px;}
.clearboth{clear:both}

.page_header {
	height:127px; 
	background-image: url(images/header_cfi_banner.jpg);
	width:100%;
	display:block;
}
div.home_content_left {
	width: 556px;
	z-index: 15;
	float: left;
	display: block;
}
div.home_content_right {
	font-size: 11px;
	line-height: 15px;
	background-position: 0 bottom;
	width: 244px;
	z-index: 15;
	float: left;
	display: block;
}
div.page_content_wrapper {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	background-image: url(images/footer_rightside_gradient.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	clear: both;
	display: block;
}
/*layout for columns*/
div.sub_content_left {
	width: 278px;
	z-index: 15;
	float: left;
	display: block;
}
div.sub_content_middle {
	width: 278px;
	z-index: 15;
	float: left;
	display: block;
}
div.column_sub1 {
	font-size: 12px;
	line-height: 19px;
	width: 248px;
	float: left;
	margin-right: 20px;
}
div.column_sub2 {
	font-size: 12px;
	line-height: 19px;
	width: 248px;
	float: left;
}
/*padding on columns*/
div.padding_home_column1 {
	padding: 20px;
}
div.padding_home_column2 {
	padding: 20px;
}
/*textual styles*/
h1 {
	color: #01a99c;
	font-size: 19px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin-top: 0;
	padding-top: 0;
}
h2 {
	color: #7ec346;
	font-size: 16px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	line-height:1.4em; /* remove the top padding here if you decide to put it back in instead of line breaks - you could also just add this to the right column section (see next comments) */
	padding-top: 0px;
}
p {
margin-top:0px;
padding-top:0px;
}
ul  {margin-top:0px; padding-top:0px}
li {
	list-style-type: square;
	color:#000000;
	}

/*The following  styles help to make the right column content more readable*/
div.home_content_right h1
{font-size:medium; padding-top:0px; margin-top:0px;}
div.home_content_right h2
{font-size: medium; padding-top:8px;padding-bottom:0px; margin-bottom:0px;}
div.home_content_right ul
{list-style-type: square; color: #01a99c; margin-left:15px;padding-left:0px;}

/*This is image styles*/
{.center text-align:center:}

/*Links in the main page content regions*/
div.page_content_wrapper a {
	color: #018dae;
	text-decoration: underline;
}
div.page_content_wrapper a:hover {
	color: #018dae;
	text-decoration: none;
}

/*Navigation Styles */
#dropmenudiv {
	position:absolute;
	border:0px solid black;
	border-bottom-width: 0;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
}
#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 3px;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #01a6c4;
}
#dropmenudiv a:hover { /*hover background color*/
	background-color: #8acc60;
	color: white;
}
div.page_header_nav a {
	color: #00a5c3;
	font-size: 13px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	margin-left: 20px;
	text-transform: uppercase;
}
div.page_header_nav a:hover {
	color: #00a5c3;
	font-size: 13px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 20px;
	/*border-bottom: 2px #8acc60 solid;*/
	text-transform: uppercase;
}
.padding_20px {
	padding: 20px;
}
/*WORKSHOP DESIGN - standardized here for all pages - if you want different colors for borders adnd headers then call the same class inside page's style section in the head
The following 3 styles cover common attributes between workshop boxes*/
p {font-size:small;}
/*The following 3 styles cover common attributes between workshop boxes*/
.wkshopbox_common {
	height: 165px;  /*giving the boxes a fixed height will ensure alignment, but needs to be off while determining what the right height is*/
	width: 370px;
	float: left;
	margin-right: 8px;
	margin-top: 3px;
}
.wkshopbox_header_common {
	color: white;
	display: block;
	width: 100%;
	font-size: medium;
	font-weight: bold;
	padding: 3px 0px;
	text-indent: 5px;
}
.wkshopbox_body_common {
	font-size: x-small;
	margin: 4px;
}
/*Workshop Box 1*/	
.wkshopbox1 {
	border: 1px #018dae solid;
}
.wkshopbox1_header {
	background-color: #018dae;
}
/*Workshop Box 2*/	
.wkshopbox2 {
	border: 1px #02aa9d solid;
}
.wkshopbox2_header {
	background-color: #02aa9d;
}
/*Workshop Box 3*/	
.wkshopbox3 {
	border: 1px #03468c solid;
}
.wkshopbox3_header {
	background-color: #03468c;
}
/*Workshop Box 4*/	
.wkshopbox4 {
	border: 1px #7ec346 solid;
}
.wkshopbox4_header {
	background-color: #7ec346;
}
td {
	vertical-align:top;
	font-size:x-small;
	padding-bottom: 7px;
}
.align_right {text-align:right;}

.floatleft{

float:left;}

.marginright{
margin-right:10px;
}

.bold{
font-weight: bold;
}

.small{
font-size:1em;
}

.smaller{font-size: 0.95em;}