/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  display:inline;
}

body {
	margin: 0px 0px 0px 0px;
	width: 100%;
	display: table;
}

body, td{
	font-family: sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 1.3em;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button { cursor: pointer; }


p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; margin:0px; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
	background:#e1e0d4 url(../images/bg_page.png) repeat-y center;
}

div#top_menu{
	height:54px;
	margin:0px auto;
	width: 980px;
}

#topnav{ float:left; height: 86px; width:130px; margin:0px; padding:0px;  font-size:11px; font-family:"Palatino Linotype", Arial; text-transform:uppercase;
}
#topnav ul { margin: 0px 0px 0px 0px; line-height:61px; padding-left:41px;; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; float: left; position: relative;}
#topnav ul li a{ color: white; text-decoration: none; display: block; color:#CCCCCC; font-weight:bold; outline:0; }
#topnav ul li a:hover{ text-decoration: none;  color: white;}
#topnav ul li a:active{  text-decoration: none;  color: white; }

#topnav ul li ul ul { margin: -50px 0 0 11em; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #000000; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }

#top_menu_left{
	background: url(../bg/templates/es_temp/images/blue/top_menu_left.png) top left no-repeat;
	float:left;
	width: 162px;
	height: 86px;
	padding:0px;
}

#top_menu_right{
	background: url(../images/blue/top_menu_right.png) top right no-repeat;
	float:left;
	width: 402px;
	height: 86px;
	padding:0px;
}

/*#mm{
	background: url(../images/blue/module.png) top right no-repeat;
	float:right;
	width:268px;
	height:86px;
	padding:0px;
	}*/
	
#m-l{
background:url(../images/blue/m-l.png) top right no-repeat;
float:left;
width:122px;
height:86px;
padding:0px;
text-align:center;
}

#m-m{
background:url(../images/blue/m-m.png) top right no-repeat;
float:left;
width:89px;
height:86px;
padding:0px;
text-align:center;

}

#m-r{
background:url(../images/blue/m-r.png) top right no-repeat;
float:left;
width:75px;
height:86px;
padding:0px;
text-align:center;
}

#m-l a{
	line-height:60px;
	color:#CCCCCC;
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	font-family:"Palatino Linotype", Arial;
	font-weight:bold;
	height:80px;
	padding-left:10px;
	outline:0;
}

#m-m a{
	line-height:60px;
	color:#CCCCCC;
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	font-family:"Palatino Linotype", Arial;
	outline:0;
	font-weight:bold;
}
#m-r a{
	line-height:60px;
	color:#CCCCCC;
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	font-family:"Palatino Linotype", Arial;
	font-weight:bold;
	outline:0;
}
#m-l a:hover {
color:white;
}

#m-r a:hover {
color:white;
}

#m-m a:hover {
color:white;
}

div#h_area{
	margin:0px auto;
	width: 980px;
	text-align:left;
	padding-left:15px;
}


.logo{
	display: block;
	float:left;
	padding-top:5px;
	margin-bottom:10px;
	width:600px;
}
a.logo,a.logo:link,a.logo:hover, a.logo:visited{
	font-size:26px;
	line-height: 58px;
	color:#3E3E3E;
	text-decoration:none;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial;
}

.box1, .box2, .box3, .box4{

}

.box1 .boxTitle, .box2 .boxTitle, .box3 .boxTitle, .box4 .boxTitle{
	width:200px;
	height:200px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	text-align:center;
}
.box1 .boxTitle a, .box1 .boxTitle a:link, .box1 .boxTitle a:hover, .box1 .boxTitle a:visited,
.box2 .boxTitle a, .box2 .boxTitle a:link, .box2 .boxTitle a:hover, .box2 .boxTitle a:visited,
.box3 .boxTitle a, .box3 .boxTitle a:link, .box3 .boxTitle a:hover, .box3 .boxTitle a:visited,
.box4 .boxTitle a, .box4 .boxTitle a:link, .box4 .boxTitle a:hover, .box4 .boxTitle a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}
.box1 .boxContent, .box2 .boxContent, .box3 .boxContent, .box4 .boxContent{
	width:210px;
	margin-top:-70px;
	margin-left:-5px;
}

.box1 h1, .box2 h1, .box3 h1, .box4 h1 {
font-size:18px;
}

h1.asdfqwerty {
	background:url(http://knowhow-imoti.com/bg/templates/es_temp/images/h-line.png) no-repeat;
	color:#3d3e42;
	width:540px;
	height:50px;
	line-height:50px;
	padding-left:30px;
	text-transform:uppercase;
	font-family:"Palatino Linotype";
	font-size:13px;
	margin-top:20px;
	}
	
h1.asdfqwerty a {
color:#3d3e42 !important;
font-size:13px !important;
}
	

.boxTitle img {
padding-top:35px;
margin-left:-5px;
}

div#main_bg{
	margin:0px auto;
	width: 980px;
	text-align:left;
}
div#main_top{
	margin:0px auto;
	padding:0px;
	width:980px;
	height:315px;
}


div#main_top table.contentpaneopen{
	padding:0px;
	margin-top:0px;
	margin-left:0px;
	width:530px;
	min-height:350px;
	overflow: auto;
	text-align:left;
	float:left;
}

.search {
	text-align:left;
	width: 156px;
	height:43px;
}
.search .inputbox {
	background:#FFFFFF;
	width: 156px;
	height: 17px;
	font-size: 11px;
	color: #454545;
	margin:9px 0px 0px 20px;
	border: 1px solid #D3D3D3;
}


#leftcolumn{	
	margin-left:-1px;
	padding:0px;
	width:200px;
	float:left;
	background:url(menu-t.png) no-repeat center top;
	height:59px;

}
#rightcolumn{
	margin-right:20px;
	padding:0px;
	width:195px;
	float:right;
}

#maincolumn{
	width:540px;
	float:left;
	margin:4px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
	min-height:600px;
}

#maincolumn_middle{
	width: 740px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
	min-height:600px;

}
#maincolumn_big{
	width: 967px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
}

div.path{
	margin:10px 0 0 0px;
	padding: 5px;
	padding-left:30px;
	background:url(../images/breadcrumbs_bg.png) top left no-repeat;
}

div.nopad {
	float:left;
	padding:0 0px 15px 0px;
}

div.nopad ul {
	clear: both;
}
.article_separator {
	height:35px;
	line-height:35px;
}
form#form-login fieldset { 
	border: none;
	margin: 0;
	margin-left:10px;
}
form#form-login ul li{ 
	padding: 0; 
}

form#form-login ul li a {
	text-align: left;
	padding: 0px;
	font-size: 10px;
	color: #858585;
}

#leftcolumn div.module_menu, #leftcolumn div.module{
	margin: 10px 0px 0px 0px;
	padding:0px;
	width: 205px;
}

.menu-nav {
line-height:40px;
list-style-type:none;
color:#343539;
font-family:"Palatino Linotype", Arial;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
margin-top:20px;
margin-left:-21px;

}

/*.menu-nav li a:visited, .menu-nav ul li a:link, .menu-nav ul li a:active; {
	color:#FFFFFF;
	width:125px;
	height:50px;
	text-align:center;
	list-style-type:none;
}*/



.menu-nav li a:hover {
background:url(../images/button-h.png) no-repeat;
color:#ffffff;
width:170px;
height:40px;
}

.menu-nav li a:active {
background:url(../images/button-h.png) no-repeat;
color:#ffffff;
width:170px;
height:40px;
}

.menu-nav li a {
background: url(../images/button.png) no-repeat;
float:left;
color:#CCCCCC;
width:170px;
height:40px;
margin-left:-4px;
text-align:center;
border-bottom:2px solid #47484a;
font-weight:bold;
}

.menu-nav li li {
font-size:10px;
list-style-type:none;
color:#ffffff;
}

.menu-nav li li a {
background:url(../images/button.png) no-repeat;
float:left;
width:170px;
height:40px;
text-align:center;
list-style-type:none;
margin-left:-44px;
color:#ffffff;

}

.menu-nav li li a:hover,  .menu-nav li li a:active {
background:url(../images/button-h.png) no-repeat;
float:left;
width:170px;
height:40px;
color:#CCCCCC;
text-align:center;
list-style-type:none;
}

.menu-nav ul li a {
width:170px;
height:40px;
}

/*.item92 {
background:url(menu-b.png) center bottom no-repeat;
height:457px;
}*/

.style2 {
background:url(../images/top-offers.png) no-repeat top center;
}

.article_column {
	padding-right:10px;
}
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 205px;
}
div.bannergroup_text {
	margin:0px 13px 15px 13px;
}
.bannerheader {
	font-weight:bold;
	margin-bottom:10px;
}
.banneritem_text {
	margin-bottom:10px;
}
.bannerfooter_text {
	margin-bottom:10px;
}
#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div div,
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
/*	background: url(../images/rub_bottom.png) center bottom no-repeat;*/
}
#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div{
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
	width: 190px;
	height:auto;
}

#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
	background: none;
	padding:4px 0 4px 10px;
}
#leftcolumn h3,
#rightcolumn h3{
	text-align: center;
	padding-left:15px;
	height: 30px;
	width: 172px;
	line-height: 30px;
	color:#000;
	font-size:16px;
	margin:0px;
	font-weight:bold;
	background: #D4D2C6 url(../images/bg_h3.png) bottom left repeat-x;
}
table.poll thead td {
	text-align: left;
	padding-left:10px;
}
table.poll td {
	text-align: left;
}
#leftcolumn ul.menu li ul{
	list-style: none;
}
.pollstableborder {
	margin: 5px 0px 10px 0px;
}
.poll td div{
	display:inline;
}

/* forms */

#leftcolumn .moduletable ul,
#rightcolumn .moduletable ul {
	margin: 6px 0;
	padding: 0;
	list-style: none;
}

#leftcolumn .moduletable ul li,
#rightcolumn .moduletable ul li {
	margin: 0;
	padding: 0 2px;
}
.moduletable ul {
	padding:5px 10px 5px 12px;
	margin:0px;
}

.moduletable ul li {
	padding:0px 10px 5px 15px;
	margin:0px;
	line-height:18px;
}
#leftcolumn ul.menu li#current ul li,
#rightcolumn ul.menu li#current ul li {
	margin: 0px;
	padding: 0px;
}
ul.menu {
	padding:5px 10px 5px 12px;
	margin:0px;
}
ul.menu li{
	padding:0px 10px 5px 15px;
	margin:0px;
}

ul.menu li ul {
	padding:0px 0px 5px 0px;
	margin:0px;
}
ul.menu li ul li{
	padding:0px 0px 0px 15px;
	border:none;
}
ul.menu li#current ul li a{
	margin-left:15px;
	text-decoration:none;
}
ul.mostread {
	padding:5px 10px 5px 12px;
	margin:0px;
}
ul.mostread li{
	padding:0px 10px 5px 15px;
	margin:0px;
	line-height:18px;
}
ul.latestnews {
	padding:5px 10px 5px 12px;
	margin:0px;
}
ul.latestnews li{
	padding:0px 10px 5px 15px;
	margin:0px;
	line-height:18px;
}

.componentheading {

}

div.componentheading{
	font-size:16px;
	font-size:19px;
	margin:7px auto;
}
td.contentheading{
	font-weight:normal;
	vertical-align:top;
	font-size:16px;
	font-weight:bold;
	height:30px;
	color:#363636;
}
table.contentpaneopen td.contentheading{


}
table.contentpaneopen{
	border-collapse: collapse;
	margin-left:0px;
	width:540px;
}
td.buttonheading{
	padding:0px 2px 0px 2px;
}
table.contentpaneopen td{
	padding:0px;
}
.contentpaneopen p{
	line-height:22px;
}
span.small, td.createdate, td.modifydate{
	font-size:11px;
	color:#999999;
}
span.pagination span, span.pagination a{
	padding:5px;
}


div#f_area{
	background: #FFF url(../images/f_area_bg.png) bottom no-repeat;
	margin:0px auto;
	width: 980px;
	height:80px;
	margin-bottom:3px;
}

#f_area div.moduletable, #f_area div.moduletable_menu{
	float: right;
	width: auto;
	line-height:60px;
}




/*
#f_area h3{
	text-align: left;
	height: 51px;
	width: 184px;
	line-height: 51px;
	color:#000000;
	font-size:19px;	
	font-family:"Trebuchet MS", Tahoma, Verdana;
	margin:0px;
	padding-left: 50px;
}*/

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 0px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
	float:left;
	padding-left: 25px;
}

.componentheading h1 a {
color:#363636;
font-size:15px;
font-family:"Palatino Linotype";
font-size:13px;
font-weight:bold;
}

.componentheading h1 {
color:#363636;
font-size:15px;
font-family:"Palatino Linotype";
font-size:13px;
font-weight:bold;
}

input, select, textarea, .inputbox {

	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
}

input.button, button {
background:url(../images/b.png) no-repeat center;
height:30px;
width:107px;
color:white;
font-size:15px;
margin:0;
}

input.button:hover, button:hover {
background:url(../images/bh.png) no-repeat center;
height:30px;
width:107px;
color:white;
font-size:15px;
margin:0;
}

select, textarea, .inputbox {
	background: #FFFFFF;
	color: #333333;
}


* html .button, *+html .button {
}

.inputbox {

	border-top: 1px solid #464646;
	border-right: 1px solid #1F1F1F;
	border-bottom: 1px solid #1F1F1F;
	border-left: 1px solid #464646;
	background: url(../images/input-bg.gif) repeat-x top #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
}

#component-contact {
background:url(../images/backg.jpg) no-repeat;
width:540px;
padding-top:420px;
height:490px;
}
.contact_email {
background:url(../images/contact.jpg) no-repeat;
width:540px;
height:220px;
padding-left:15px;
padding-top:15px;
}
/* BONUS TYPOGRAPHY STYLES