/* Take a note */

/*

------------------------------------------------------
Copyright Chugs, http://www.chugsdesigns.com/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
margin: 0; 
padding: 0;
background: #ddd;
font: normal 100%/1.5em "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
color: #808040;
text-align: center;
}

/* -- links -- */

a:link {
color: #c60;
text-decoration: underline;
background: transparent;
}

a:visited {
color: #c60;
text-decoration: underline;
background: transparent;
}

a:hover {
color: #990000;
text-decoration: none;
background: transparent;
}

a:active {
color: #c60;
text-decoration: none;
background: transparent;
}

/* -- headings -- */

h1, h2, h3 {
	padding: 0;
	background: transparent;
	font-weight: bold;
	color: #825E13;
	font-family: "Courier New", Courier, mono;

}

h1 {
font-size: 190%;
margin: 0 0 17px;
}

* html #content h2 {
	font-size: 140%;
	margin: 17px 0 3px;
	clear:left;
	
}
#content h2 {
	font-size: 140%;
	margin: 17px 0 3px;


}

h3 {
font-size: 110%;
}

/* -- container --*/
img {
	border: none;
}
#container {
width: 760px;
height: 1%;
	
margin: 30px auto;
padding: 0;
text-align: left;
}

/* -- banner --*/

#banner {
position: relative;
width: 468px;
height: 79px;
margin: 0 150px;
padding: 0;
background: url('../images/header.jpg') no-repeat 0 0;
}

#banner h1 {
	margin: 35px 0px 0px 220px;

}



/* -- top level nav --*/


/* -- left-nav --*/

#left {
	float: left;
	width: 150px;
	margin: 0;
	background: url('../images/nav_main_top_bg.gif') no-repeat 0 0;
	z-index: 10; padding-left:0; padding-right:0; padding-top:14px; padding-bottom:0

}

#left-nav {
background: url('../images/nav_main_bot_bg.gif') no-repeat 0 100%;
margin: 0;
padding-left:0; padding-right:0; padding-top:0; padding-bottom:14px

}

#left-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0.75em;
text-align: right;

}

#left-nav ul li {

	margin: 0px;
	padding: 0px;
	vertical-align: middle;

}
#left-nav > li {
	
	width: 100%;
	
	
}
#left-nav ul li a {
display: block;
margin: 0 0px 1px 0;
padding: 3px 10px 3px 0px;
background: #825E13;
color: #fdfdfd;
text-decoration: none;

}

#left-nav ul li a:hover {
text-decoration: underline;
background: #A37618;
}
#left-nav ul li.youarehere {
width: 140px;
display: block;
margin: 0 0 1px 0;
padding: 3px 10px 3px 0px;
color: #fdfdfd;
background: #CF971F;

}
#left-nav ul li.youarehere2 {
width: 140px;
display: block;
margin: 0 0 1px 0;
padding: 3px -10px 3px 0px;
color: #fdfdfd;
background: #CF971F;

}
html > body #left-nav ul li.youarehere2 {

padding: 3px 10px 3px 0px;


}



#left-nav ul .current a {
width: 140px;
display: block;
padding: 3px 10px 3px 0px;

color: #fdfdfd;
background: #CF971F;
}


#left-nav ul ol {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	

}

#left-nav ul ol li {
font-size: 1em;
vertical-align: middle;
display: block;
margin: 0 0 1px 0;

}

#left-nav ul li.current ol li a {

margin: 0;
padding: 0px 10px 0px 0px;
vertical-align: middle;
background: #E9BF69;
color: #825E13;
text-decoration: none;
}
#left-nav ul li.youarehere2 ol li a {
width: 140px;
margin: 0;
padding: 0px 10px 0px 0px;
vertical-align: middle;
background: #E9BF69;
color: #825E13;
text-decoration: none;
}
#left-nav ul li ol li a:hover {
	color: #825E13;
	text-decoration: underline;
	background: #F2DBAA;
}
#left-nav ul li.current ol li.youarehere {
display: block;
margin: 0;
padding: 0px 10px 0px 0px;
vertical-align: middle;
background: #F2DBAA;
color: #825E13;
text-decoration: none;
}
#left-nav ul li.current ol li.current a {
display: block;
margin: 0;
padding: 0px 10px 0px 0px;
vertical-align: middle;
background: #F2DBAA;
color: #825E13;
text-decoration: none;
}
#left-nav ul li.current ol li.current a:hover {

text-decoration: underline;
}


/* -- subs/supp nav --*/

#nav-subs {
float: right;
margin: 0;
background: url('../images/nav_supp_top_bg.gif') no-repeat 0 0;; padding-left:0; padding-right:0; padding-top:14px; padding-bottom:0
}

#nav-supp {
width: 148px;
background: url('../images/nav_supp_bot_bg.gif') no-repeat 0 100%;
margin: 0;
padding-left:0; padding-right:0; padding-top:0; padding-bottom:14px
}
#nav-supp p {
	display: block;
	padding: 0 3px 0 8px;
	margin: 0;
	font-size: 0.75em;
	text-align: left;
	background-color: #FFFFFF;
	line-height: normal;
	color: #1C526C;
}

#nav-supp ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	font-size: 0.75em;
	text-align: center;
	background-color: #FFFFFF;
}

#nav-supp li {
display: block;
margin: 0;
padding: 0;
}

#nav-supp a {
display: block;
margin: 0;
padding: 4px 0;
background: #fff;
color: #fdfdfd;
text-decoration:none;
}

#nav-supp a:hover {
text-decoration: underline;
}

/* -- content --*/

#content {
	background: #fdfdfd url('../images/content_bg.gif') repeat-y 0 0;
	font-size: 0.75em;
	text-align: justify;
	line-height: 1.6em;
	min-height: 500px;
	height: 2000px;
	height:auto; margin-left:150px; margin-right:142px; margin-top:0; margin-bottom:0; padding-left:25px; padding-right:20px; padding-top:30px; padding-bottom:20px

	


}
/* -- IE explorer hacks --*/
* html #content {
	width:420px;
	margin: 0 0px 0 147px;


}
* html #left {
margin-right: -10px;

}
* html #nav-subs {
margin-left: -7px;

}
/* --  --*/

#content p {
margin: 0;
padding: 0 0 10px 0;
}
#content p.data {
font-family: "Courier New", Courier, mono;
	font-weight: bold;
	color: #825E13;
}
#content p img {
	margin: 0;
	padding: 5px 0 0px;

}
#content td img {
	margin: 0;
	padding: 5px;

}

/* -- footer --*/

#info-site {
background: url('../images/content_bot_bg.gif') no-repeat 0 0;
font-size: 0.75em;
text-align: center;
clear:both; margin-left:150px; margin-right:142px; margin-top:0; margin-bottom:20px; padding-left:0; padding-right:0; padding-top:30px; padding-bottom:0
}

/* -- misc --*/
div.route{
	margin: 0px;
	background:  url('../images/upperquotes.gif') no-repeat left top;; padding-left:0px; padding-right:0px; padding-top:20px; padding-bottom:20px

	

}

 div.diario {
	background: url('../images/lowerquotes.gif') no-repeat right bottom;
	float:left; padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px


	
}

div.diario p{

	width:225px;
}
 div.diario h2, div.diario h3, div.diario h4{
 text-align:left;
	width:225px;
}
div.photogallery{
	margin: 5px 0px 0px 270px;
	height: auto;


	
}
#content div.photogallery p {
	line-height: 1em;
	margin: 0px;

}
#content div.photogallery a img {
width:130px;
	margin: 0px;
	padding: 5px;
	background-color: #fff;
	border: 2px dotted #6C3600;
}
#content div.photogallery a:hover img {

	background-color: #CF971F;

}
.contentbox {
	margin: 0px;
	padding: 0px;
	

}
.photo {
	border: 0px none;
	float: left;
	padding: 0px;
	margin: 0px	
}
.photofloat {
	border: 0px none;
	float: left;
	margin-right: 10px;

	
}
.content {
	margin-left: 170px;
	padding-top: 0px;
	min-height: 100px;
	height: auto;

	
}
.content2 {
	margin-left: 200px;
	padding-top: 0px;
	min-height: 50px;
	height: auto;
	height: 50px;

	
}
#pagenav {
	clear: both;
	margin-top: 10px;
}
#pagenav a{

	text-decoration: none;
}
#pagenav img{
	vertical-align: text-bottom;
	border: 0px none;
	text-decoration: none;
}
#content img.icon {
	vertical-align: middle;
	margin-right: 10px;
	border: 0px none;
	text-decoration: none;
}