h1, h2, h3, p, ul, li {
	margin: 0px;
	padding: 0px;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #c9bda1 url(/images/body_bg.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #612b5b;
}
.orange  {
	background: #c9bda1 url(/images/body_bg2.jpg) repeat-x;
}
.bandcontent {
	width: 780px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#navbar
{
	float: left;
	width: 100%;
	border-top: 1px #666 solid;
	border-bottom: 2px #666 solid;
	background: #754f57;
}

#navbar  ul {
	float: left;
	width: 780px;
	list-style: none;
}
#navbar li {
	float: left;
}
#navbar  li a {
	text-decoration: none;
	float: left;
	display: block;
	text-align: center;
	vertical-align: middle;
	width: 130px;
	color: #FFF;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}
#navbar li a:hover
{
	color: #dbaa54;
	background-color: #333;
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 0px 0px;
}

#sidebar1 p {
	font-size: 80%;
	line-height: 1.7;
	margin-bottom: 10px;
}

#sidebar1 a {
	color: #c9bda1;
	font-size: 1.1em;
	line-height: 1.3;
}

#sidebar1 a:visited {
	color: #c9bda1;
	font-weight: normal;
	font-size: 1em;
}

#sidebar1 ul {
	padding: 0;
	margin-left: 1em;
	display: block;
	font-size: 0.9em;
}

#sidebar1 h3
{
	font-size: 120%;
	font-weight: normal;
	letter-spacing: 0.2em;
	padding-top: 10px;
	padding-bottom: 5px;
	font-family: "Trebuchet MS", Verdana, Arial;
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 2px #666 solid;
}
#sidebar1 img {
	margin-top: 10px;
	border: 1px solid #854b80;
}
.feature {
	background: #6b5c50;
	border: 1px solid #854b80;
	padding: 0px 10px;
	margin-bottom: 20px;
	color: #b6bd8b;
	-webkit-border-radius: 5px; /* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* when Opera Presto 2.3 or later is released */
	border-radius: 5px; /* future proofing for when border-radius is supported */
}
.red_box {
	background: red;
	border: 2px black ridge;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: white;
	text-align: center;
	-webkit-border-radius: 5px;
	/* for Safari and Chrome */
	-moz-border-radius: 5px;
	/* for Firefox */
	-o-border-radius: 5px;
	/* when Opera Presto 2.3 or later is released */
	border-radius: 5px;
	/* future proofing for when border-radius is supported */
}
.red_box a, .red_box a:visited
{
	color: white;
	font-weight: bold;
	font-size: 1.1em;
}
#mainContent1 { 
	margin: 0 0 0 0px; /* the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContent2 { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContent1 p, #mainContent2 p, #mainContent1 dl, #mainContent2 dl {
	line-height: 1.6;
	font-size: 90%;
	margin-top: .5em;
	margin-bottom: 10px;
}
#mainContent1 h1, #mainContent2 h1
{
	font-size: 140%;
	font-weight: bold;
	padding-top: 18px;
}
#mainContent1 h2, #mainContent2 h2 {
	font-size: 130%;
	font-weight: bold;
	padding-top: 18px;
}
#mainContent1 h3, #mainContent2 h3
{
	margin-top: 1em;
	margin-bottom: .75em;
	text-align: center;
}
#mainContent1 #catalog h2, #mainContent2 h2 {
	text-align: center;
}
#mainContent1 #catalog h3, #mainContent2 h3 { text-align: left; }
#mainContent1 ul, #mainContent2 ul {
	padding: 0;
	margin: 1.2em;
	margin-left: 2em;
	list-style-image: url(/images/check.gif);
	display: block;
	font-size: 0.9em;
}
#mainContent1 ol, #mainContent2 ol {
	padding: 0;
	margin: 1.2em;
	margin-left: 2em;
	display: block;
	font-size: 0.9em;
	line-height: 1.6;
}
#mainContent1 a, #mainContent2 a
{
	color: #73976C;
	font-weight: bold;
	font-size: 1.1em;
}

#mainContent1 a:visited, #mainContent2 a:visited
{
	color: #6B5C50;
	font-weight: normal;
	font-size: 1em;
}

#footer {
	background: #191919;
	padding: 20px;
	color: #B6BD8B;
}
#footer ul {
	float: left;
	width: 175px;
	padding: 10px;
}

#footer a
{
	color: #B6BD8B;
	font-weight: bold;
}

#footer hr, #rule hr { display: none; }

div.line
{
	height: 45px;
	font-family: "Courier New", Courier, mono, sans-serif;
	background-image: url(/images/hrule2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.cta span {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 5px;
	height: 5px;
	background-image: url(/images/corner.gif);
	background-repeat: no-repeat;

}
.tl {
	top: -1px;
	*top: -2px;
	left: -1px;
	background-position:0 0;
}
.tr {
	top: -1px;
	*top: -2px;
	right: -1px;
	_right: -2px;
	background-position:100% 0;
	}
.br {
	bottom: -1px;
	right: -1px;
	_right: -2px;
	background-position:100% 100%;
}
.bl {
	bottom: -1px;
	left: -1px;
	background-position: 0 100%;
}

/* the following selectors are the form styles */
#mainContent1 form
{
	margin: 0;
	/* zeros the margin for a level playing field */
	padding: 0 0 10px;
	/* creates 10px of padding at the bottom of the form */
	width: 650px;
	/* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
	float: left;
	/* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}

#mainContent2 form
{
	margin: 0;
	/* zeros the margin for a level playing field */
	padding: 0 0 10px;
	/* creates 10px of padding at the bottom of the form */
	width: 450px;
	/* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
	float: left;
	/* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}

#mainContent1 fieldset, #mainContent2 fieldset
{
	border: 1px solid #666;
	/* defines a border around each fieldset */
	margin: 0 0 10px;
	/* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px;
	/* creates padding to keep the elements inside away from the edge of the fieldset */
}

#mainContent1 legend, #mainContent2 legend
{
	border: 1px solid #666;
	/* creates a defined box/border around the legend */
	color: #fff;
	/* contrasting text color */
	background: #754f57;
	/* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px;
	/* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px;
	/* creates 5px of space from the bottom of the legend */
}

#mainContent1 label, #mainContent2 label
{
	float: left;
	/* The label elements in the form are floated left, and the text inside is right aligned. */
	width: 120px;
	/* All the labels have the same width, so their right edges line up vertically. */
	clear: both;
	/* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em;
	text-align: right;
	margin-top: 3px;
	/* this moves the text/label down away from the top of the input */
}

#mainContent1 input, #mainContent1 select, #mainContent1 textarea, #mainContent2 input, #mainContent2 textarea
{
	color: #612b5b;
	/* creates the text color */
	border: 1px solid #854b80;
	/* gives the input and textarea a border */
	padding: 1px;
	/* this keeps the text from touching the edges of the input and textarea */
	background: #b6bd8b;
	/* creates a background color */
	margin: 3px 5px 2px;
	/* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px;
	/* creates a consistent width */
	float: left;
	/* These inputs and the textarea are floated next to the labels. */
}

#mainContent1 input.radio, #mainContent2 input.radio
{
	margin-right: 0px;
	/* this keeps the shorter boxes aligned on the left with the wider ones. */
	width: auto;
	/* creates a consistent width */
	float: left;
	/* These inputs and the textarea are floated next to the labels. */
	border: 0;
	/* gives the input and textarea a border */
	padding: 0px;
	/* this keeps the text from touching the edges of the input and textarea */
	background: #FFF;
	/* creates a background color */
}

#mainContent1 label.radio_label
{
	float: right;
	/* The label elements in the form are floated left, and the text inside is right aligned. */
	width: 600px;
	/* All the labels have the same width, so their right edges line up vertically. */
	clear: both;
	/* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em;
	text-align: left;
	margin-top: 3px;
	/* this moves the text/label down away from the top of the input */
}

#mainContent2 label.radio_label
{
	float: right;
	/* The label elements in the form are floated left, and the text inside is right aligned. */
	width: 400px;
	/* All the labels have the same width, so their right edges line up vertically. */
	clear: both;
	/* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em;
	text-align: left;
	margin-top: 3px;
	/* this moves the text/label down away from the top of the input */
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#mainContent2 input:focus, #mainContent2 input:active, #mainContent2 textarea:focus, #mainContent2 textarea:active,
#mainContent1 input:focus, #mainContent1 input:active, #mainContent1 textarea:focus, #mainContent1 textarea:active
{
	color: #b6bd8b;
	background-color: #6b5c50;
}

#mainContent1 input.sminp, #mainContent2 input.sminp
{
	margin-top: 12px;
	margin-left: 128px;
	/* this keeps the shorter boxes aligned on the left with the wider ones. */
	color: #612B5B;
	/* creates the text color */
	border: 2px solid #854b80;
	/* gives the input and textarea a border */
	padding: 1px;
	/* this keeps the text from touching the edges of the input and textarea */
	background: #b6bd8b;
	/* creates a background color */
	font-weight: bold;
}


#hdr_problems_solutions h1
{
	background-image: url(/images/header_problems_solutions.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1.2em;
}
#hdr_problems_solutions h1 span { display: none; }

#hdr_empowerment h2
{
	background-image: url(/images/header_empowerment.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#hdr_empowerment h2 span { display: none; }

#hdr_guarantee h2
{
	background-image: url(/images/header_guarantee.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#hdr_guarantee h2 span { display: none; }

#hdr_expectations h2
{
	background-image: url(/images/header_expectations.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#hdr_expectations h2 span { display: none; }

#hdr_introduce h1, #hdr_introduce h2
{
	background-image: url(/images/header_introduce.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#hdr_introduce h1 span, #hdr_introduce h2 span { display: none; }

#header_About_Service_Alternatives h1, #header_About_Service_Alternatives h2
{
	background-image: url(/images/header_About_Service_Alternatives.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_About_Service_Alternatives h1 span, #header_About_Service_Alternatives h2 span { display: none; }

#header_What_Sets_Apart h1, #header_What_Sets_Apart h2
{
	background-image: url(/images/header_What_Sets_Apart.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_What_Sets_Apart h1 span, #header_What_Sets_Apart h2 span { display: none; }

#header_Community h1, #header_Community h2
{
	background-image: url(/images/header_Community.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Community h1 span, #header_Community h2 span { display: none; }

#header_Fiscal_Responsibility h1, #header_Fiscal_Responsibility h2
{
	background-image: url(/images/header_Fiscal_Responsibility.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Fiscal_Responsibility h1 span, #header_Fiscal_Responsibility h2 span { display: none; }

#header_Employee_Satisfaction h1, #header_Employee_Satisfaction h2
{
	background-image: url(/images/header_Employee_Satisfaction.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Employee_Satisfaction h1 span, #header_Employee_Satisfaction h2 span { display: none; }

#header_Customer_Service h1, #header_Customer_Service h2
{
	background-image: url(/images/header_Customer_Service.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Customer_Service h1 span, #header_Customer_Service h2 span { display: none; }

#header_Excellence h1, #header_Excellence h2
{
	background-image: url(/images/header_Excellence.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Excellence h1 span, #header_Excellence h2 span { display: none; }

#header_Integrity h1, #header_Integrity h2
{
	background-image: url(/images/header_Integrity.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Integrity h1 span, #header_Integrity h2 span { display: none; }

#header_values h1, #header_values h2
{
	background-image: url(/images/header_values.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_values h1 span, #header_values h2 span { display: none; }

#header_Contact_Request h1, #header_Contact_Request h2
{
	background-image: url(/images/header_Contact_Request.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Contact_Request h1 span, #header_Contact_Request h2 span { display: none; }

#header_Training_Consultation_Services h1, #header_Training_Consultation_Services h2
{
	background-image: url(/images/header_Training_Consultation_Services.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Training_Consultation_Services h1 span, #header_Training_Consultation_Services h2 span { display: none; }

#header_Service_Alternatives_Training_Catalog h1, #header_Service_Alternatives_Training_Catalog h2
{
	background-image: url(/images/header_Service_Alternatives_Training_Catalog.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Service_Alternatives_Training_Catalog h1 span, #header_Service_Alternatives_Training_Catalog h2 span { display: none; }

#header_Search_Training h1, #header_Search_Training h2
{
	background-image: url(/images/header_Search_Training.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 1em;
}
#header_Search_Training h1 span, #header_Search_Training h2 span { display: none; }

.heading
{
	font-size: 1.25em;
	text-decoration: underline;
}

#catalog img.trainer { float:right; padding:.5em; border: 2px #73976c; }
#catalog img.trainers { padding: 1em; border: 2px #73976c; }

.caption {
	line-height: .8em;
	font-size: .5em;
	font-style: italic;
}

.warning
{
	color: red;
	line-height: .2em;
	font-weight: bold;
}

.pullquote
{
	margin: auto;
	width: 50%;
	padding: .6em;
	border: 2px #666 solid;
	background: #754f57;
	text-align: center;
	color: white;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px; /* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* when Opera Presto 2.3 or later is released */
	border-radius: 5px; /* future proofing for when border-radius is supported */
}

.notice
{
	margin: auto;
	width: 75%;
	padding: .6em;
	border: 2px #666 solid;
	background: #754f57;
	text-align: center;
	color: white;
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px; /* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* when Opera Presto 2.3 or later is released */
	border-radius: 5px; /* future proofing for when border-radius is supported */
}

#catalog .notice a, 
#catalog .notice a visited {color:#dbaa54;
}

.icon
{
	border: 0;
	padding-top: 2px;
}