@import url('mambo.css');
@import url('sifr.css');
@import url('menu.css');
/* CSS Document */
body, html {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	color: #222;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
}

#outer {
	height:100%;
	min-height:100%;/*for mozilla*/
	background-color: #FAF9F4;
	background-image: url(../images/bg.gif);
	background-position: top;
	background-repeat: repeat-x;

}
html>body #outer {height:auto}

#left-col {
	width: 248px;
	float: left;
	margin: 15px 0 0 10px;

	text-align: center;
	border: 1px solid #DDDAC8;
	background-color: #fff;
}
#header {
	background-image: url(../images/header.jpg);
	width: 248px;
	height: 166px;
}
#nav {
	background-image: url(../images/nav-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 282px;
	height: auto !important;
	height/**/: 282px;
	margin: 1px 0 0 0;
	padding: 0 0 20px 0;
	border-top: 1px solid #C6CBBF;
}

img {
	border: 3px solid #EBEAE6;
	padding: 1px;
}
#header-int {
	width: 325px;
	height: 113px;
	background-image: url(../images/content-head.jpg);
	margin: 11px auto 0 auto;
}
#right-col {
	background-image: url(../images/main-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	width: 350px;
	min-height: 450px;
	height: auto !important;
	height: 450px/**/;
	float: left;
	margin: 15px 0 0 10px;
	line-height: 24px;
	border: 1px solid #DDDAC8;
	font-family: Arial, Helvetica, sans-seri;
}

#editarea {
	width: 700px;
}
#content {
	margin: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-seri;
	line-height: 24px;
}
#callouts {
	width: 130px;
	height: 450px;
	background: #fff url(../images/main-bg.gif) top repeat-x;
	float: left;
	margin: 15px 0 0 10px;
	border: 1px solid #DDDAC8;
}
#callouts a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-seri;
}
#callouts a img  {
	border: 4px solid #D9D6C5;
	padding: 1px;
	margin: 0px;
	

}
#callouts a:hover img  {
	border: 4px solid #E5E3D4;
	padding: 1px;
	margin: 0px;
	

}
#main-col {
		background-image: url(../images/main-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	width: 480px;
	min-height: 450px;
	float: left;
	line-height: 22px;
	margin: 15px 0 0 10px;
	border: 1px solid #DDDAC8;
	font-family: Arial, Helvetica, sans-seri;
}
.cleaner
{
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
	visibility: hidden;
}
.footer {
	width: 738px;
	margin: 10px 0 0 10px;
	text-align: left;
	font: Arial, Helvetica, sans-seri;
	color:#B3B0A0;
	font-size: 11px;
	padding-top: 4px;
	padding-left: 20px;
	padding-bottom: 4px;
	clear: both; font-variant: small-caps;
	border-top: 1px dashed #B3B0A0;
	
}
.footer a:link {
	color: #B3B0A0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px dashed #305170;
	font-variant: small-caps;
}
.footer a:visited {
	color: #B3B0A0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px dashed #305170;
}
.footer a:hover {
	color: #007DB8;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #CCCCCC;
}