
/*--------  GENERAL  ------------------------------*/
* { margin: 0; padding: 0;} 

body { 
	margin: 0;
	padding: 0;
	background: url(images/beige-bg.gif) repeat;
	text-align: left;
	font-size: 95%; /* -- DEFAUL SIZE=16PX, THEN 1EM=16PX -- */
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
	line-height: 130%; /* -- DEFAULT=120% -- */
	letter-spacing: 0.025em;} /* -- 0.4PX MORE SPACE THAN WHAT THE BROWSER ADD -- */ 

img { border: none;}

.spacer {	
	clear: both;  
	width: 1em; } 
	
.external-link { 
	background: url(images/externallink.gif) right top no-repeat;
	padding-right: 10px;
	color: #0167cc; }

.just-for-print {
	display: none }


/*--------  BACKGROUND COLORS & & BORDERS  --------*/
.border { 
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background: #fff url(images/border.gif) center top repeat-y;}

.strip {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #a59a7e;}



/*--------  HEADER --------------------------------*/
#logo {
	margin: 0 auto;
	padding: 0;
	position:relative;
	width:866px;
	height:125px;}
#logo p {	
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
	font-size: 30px;
	color: #F00; 
	line-height: 130%; 
	letter-spacing: 0.025em;
	vertical-align: middle; 
	text-align:center; }
#logo img {
	position: absolute; 
	top:0px; 
	left:0;
	z-index:1;} 
	
.hidden-menu {
	display: block; 
	background: transparent;
	background-image: none;
	border: none; 
	height: 1px; 
	overflow: hidden; 
	padding: 0; 
	margin: -1px 0 0 -1px; 
	width: 1px; 
	position:absolute;}

.second-nav-bar {	width: 866px; height: 35px;
					margin: 0 auto;
					background: url(images/top-buttoms.gif) center bottom no-repeat;}

.top-buttons { font-family:Arial, Helvetica, sans-serif;
			   font-size: 14px; }
			   	
ul.top-buttons {	float: right;
					margin: 0;
					padding: 0;
					list-style: none;  
					height: 30px; }
	
ul.top-buttons li {	float: right;
					margin-right: 1.5px; 
					display: block; }
	
ul.top-buttons li a.text-only {	padding: 3px 30px;
								text-decoration: none; 
								background: #fefefe; 
								border-top: 2px solid #b3b3b3; 
								border-left: thin solid #dadada; 
								border-right: thin solid #dadada; 
								border-bottom: 2px solid #ededed; }



/*--------  CONTAINER ----------------------------*/
.container { 
	margin: 0 auto;
	padding: 0;
	width: 866px;
	background: #fff url(images/left-column.gif) left repeat-y;
	overflow:hidden;}
	
.left-column {
	margin: 0;
	padding: 0;
	width: 209px;
	float: left;
	display: inline;
	overflow: hidden;}

.nav-bar { 
	width: 170px; 
	margin: 5px 0 15px 10px;}

.note { 
	width: 174px; 
	margin: 80px 0 10px 10px;
	padding: 15px 0 30px 0;
	font-size: 80%;}
	
.content {
	margin: 0 0 10px 0;
	padding-right: 20px;
	width: 617px; /*-- PLUS 20PX GAP --*/
	float: right; 
	display: inline;}
	
h1 { 
	padding: 10px 0 20px 0;
	font-size: 140%;
	font-weight: bolder;
	color: #e21c19;}
	
h2 { 
	padding: 25px 0 15px 0;
	font-size: 120%;
	font-weight: bold;
	color: #fc4a24;}
	

	

	
/*--------  SITE MAP ------------------------------*/
h3 {margin-top:15px;
	padding: 5px 5px 5px 10px;
	font-size: 90%; 
	color: #fff;
	background-color: #8b6d51}
	
h3.home-sm a, h3.ayuda-sm a { 
	color: #fff;
	text-decoration: none; }

h3.ayuda-sm { 
	border-bottom: 2px solid #ac0000;
	border-right: 2px solid #ac0000;
	border-top: 1px solid #F00;
	border-left: 1px solid #F00 }	
	
h3.home-sm a:hover, h3.ayuda-sm a:hover {
  color: #000000;
  text-decoration: underline;}

.site-map { 
	clear: both;
	margin: 0 auto;
	padding: 0 0 15px 0;
	width: 866px;}
	
.site-map ul { 
	margin: 5px 0 0 10px; 
	list-style-type: none;
	font-size: 85%;
	line-height: 120%;}
	
.site-map a { 
	text-decoration: none; 
	color:#006699;}	

.site-map a:hover { 
	color: #000000; 
	text-decoration: underline; }

.site-map-column1 { 
	width: 170px;
	margin-left: 20px;
	float: left;
	overflow: hidden;
	display: inline;
	padding: 0 0 15px 0;}

.site-map-column2 { 
	width: 215px;
	margin-left: 20px;
	float: left; 
	overflow: hidden;
	display: inline;
	padding: 0 0 15px 0;
	}
	
.dtb { 
	width: 130px; height: 130px;
	float: left;
	display: block;
	background: #fff url(images/dovewater.gif) right bottom no-repeat;
	z-index:-1}

.dtb p {
	font-family: "Edwardian Script ITC", Times, serif;
	font-size: 140%;
	color: #777;
	text-align: right;}
	

	
/*--------  FOOTER --------------------------------*/
.footer {
	margin: 0 auto;
	width: 866px; 
	padding: 30px 0;
	color: #67675a;
	font-size: 80%;
	text-align: center; 
	background: #fff url(images/footer1.gif) left top repeat-y;}