/******************************************
* PAGE
*******************************************/
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	
	background-color: white;
	background-image: url('/static/body_background_lighter.jpg');
	background-position:center; 
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", "Verdana";
	font-size: 14px;
	color: black;
	
}

p {
	margin-bottom: 1em;

}

th, td {
	vertical-align: middle;
	padding-right: 7px;
	padding-left: 7px;
}

#idContent address {
	text-align: right;
	padding-right: 1em;
	font-size: 0.9em;
}

#idContent ul {
	list-style-position: inside;
	list-style-type: circle;
	padding-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	
}

.clsulcheckmark {
list-style-image: url('/static/checkmark.gif');
}

.clsColWrapper{
width: 95%; margin-left: auto; margin-right: auto

}

.clsLeftCol {
		
}

.clsLeftCol img {
	float: left;
	border: 1px solid gray;
	margin-right: 0.5em;
	margin-bottom: 0.5em;

}

.clsRightCol img {
	float: left;
	border: 1px solid gray;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

.clsRightCol {
		padding-left: 1em;
	
}

#idPageWrapper {
	width: 1024px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2px;
	padding-right: 2px;
	background-color: white;
	background-image: url('/static/page_background.png');
	background-repeat: repeat-y;
}

#idHeader {
	width: 1024px;
	height: 395px;
	background-image: url('/static/header_background.jpg');
	background-repeat: no-repeat;
}

#idHeaderIcons {
	float: right;
	margin-top: 10px;
	color: white;

}

#idHeaderIcons img {
	margin-right: 0.5em;
}

#idHeaderIcons #infoText {
	
	margin-bottom: 15px;

}

#idLeftCol {
	width: 256px;
	position: relative;
	top: 24px; /*90px - 66px = end of blue header - the position of the logo
	width: 256px;
	float: left;
	/*background-color: #8FA250;*/
}

#idLogoCleanFreaks {
    width: 217px;
	height: 109px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#idMainMenu {
	width: 256px;
font-size: 1.2em;
	color: white;
}

#idMainMenu ul {
	
	
}

#idMainMenu li {

	margin-right: 1px;
	border-top: solid 1px #5E6834;

}

#idMainMenu li a {
	display: block;
	padding-left: 32px;
	padding-top: 6px; /* active link background heigh is 40px*/
	height: 26px;
	color: white;
	text-decoration: none;
	
	
}

#idMainMenu a:hover {
	background-color: #B66A00;
	
}

#idMainMenu li#idLiLast {
	border-bottom: solid 1px #5E6834;

}

#idMainMenu .clsLiactive {
	background-image: url('/static/main_menu_active_link.png');
	background-repeat: repeat-x;

}

#idSubMenu {
	float: right;
}

#idSubMenu ul, #idSubMenu li {
	display: inline;
}

#idSubMenu img {
	padding-right: 46px;
}

#idSubMenu #idSubMenuLink1 {
	position: relative;
	top: 19px;
}

#idSubMenu #idSubMenuLink2{
	position: relative;
	top: 24px;
}

#idSubMenu #idSubMenuLink3 {
	position: relative;
	top: 23px;
}

#idSubMenu #idSubMenuLink4 {
	position: relative;
	top: 17px;
}

#idSubMenu #idSubMenuLink5 {
	position: relative;
	top: 4px;
}

#idContent {
	padding-left: 26px;	
	padding-right: 26px;
	padding-bottom: 0.5em;
	font-size: 1.1em;
	margin-top: -28px;
	
}

#idContent h1, #idContent h2 {
	color: #23330E;
}

#idContent h1 {

	font-size: 1.3em;
}

#idContent p {
	padding-top: 0.5em;
}

#idContentLeftCol {
	padding-right: 26px;
	float: left;
}

.clsParagraphImage {
	float: left;
	padding-right: 7px;
	padding-bottom: 7px;
}

.cls2ColsWrapper td {
	padding-right: 14px;
}

#idFooter {
	width: 1024px;
	padding-top: 12px;
	height: 65px;
	background-image: url('/static/footer_background.jpg');
	background-repeat: no-repeat;
	color: silver;
	text-align: center;

}

#idFooter ul li {
	display: inline;
}

#idFooter a {
	color: white;
	text-decoration: none;
}

#idFooter address {
	font-style: normal;
	font-size: 0.9em;
	margin-top: 0.5em;
	color: silver;
}

.errorlist {
	color: red;
}

.clsForm table {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.clsForm td {
  padding: 0.25em 0.75em;
  vertical-align: middle;
  border: 1px solid #CCC;
	text-align: left;
	
	
	
}
.clsForm th {
  font-size: 0.8em;
  padding: 0.25em 0.75em;
  vertical-align: middle;
  border: 1px solid #CCC;
  font-weight: normal;
  text-align: right;
  white-space: nowrap; 
  width: 1%;
}

.clsForm textarea {
	width: 95%;
	height: 2.5em;
	font-size: 0.8em;
}

.clsForm  input {
	font-size: 0.7em;
	width: 88%;
	/*min-width: 2em;*/
}