@charset "UTF-8";
/* CSS Document */

body {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #999966;
	background-image:url(CuyaToColo_BGtile.jpg);
}

#container {
	width: 46em;
	background-color: #e4b296;
	background-image:url(BG_sand2.jpg);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 8px solid #FC9;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #e4b296;
	background-image:url(BG_sand2.jpg);

}

#mainContent p, ul, li {
line-height:1.4em;
color:#660000;
}

a:link {
color:#CC3300
}

a:visited {
text-decoration:none;
color:#930;
}

a:hover {
background: #FF9933;
}


h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:3.5em;
text-align:center;
color:#660000;
margin: 1em 1em 0 .5em;
padding-bottom:.3em;
border-bottom: 1px solid #FFCC99
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#660000;
font-size: 1.6em;
font-weight:bold;
line-height: 1.2;
text-align:center;
margin: 0 2em ;
padding-bottom:  .2em;
border-bottom: 1px solid #FFCC99

}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
font-style:italic;
font-weight:400;
line-height: 1.5;
color:#660000;
margin: 1em 2em;
border-bottom: 1px solid #FFCC99
padding: 0 .2em;
}

h6 {
font-size:1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#600;
text-align:left;
margin: 0 2em;
line-height:1.4em;
border-top:1px solid #FFCC99;
padding: 4px 0;
}

ul { list-style-type: none;
 }

ul li {
padding: 0 0 6px 0; 
/* background: url(B_arr_grn.gif) 0px 3px no-repeat; */
font-family:Georgia, "Times New Roman", Times, serif;

}

ul li:first-line {
font-weight:bold;
color:#660000;
font-size:1.1em
 }

li {
margin-top:.5em;
color:#660000;
font-family: Verdana, Arial, Helvetica, sans-serif;


}

ul ul li  { 
background: none;
}

ul ul li:first-line {
font-weight:bold;
font-style:italic;
font-size:1em;
color:#660000;
margin-left:0;
}

img {
border:none;
}

.imgLeft {
float:left;
}

li p {
margin:.5em 0
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnailR {
position: relative;
z-index: 0;
border: 2px solid #fddab7;
margin: 2px 0 2px 6px;
float:right;
}

.thumbnailR:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.thumbnailR span{ /*CSS for enlarged image */
position: absolute;
background-color: #fddab7;
padding: 6px;
margin: 6px 6px 6px 12px;
left: -1000px;
visibility: hidden;
color: black;
font-size:.8em;
text-decoration: none;
}

.thumbnailR span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
margin:2px 
}

.thumbnailR:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: -8px;
left: -550px; /*position where enlarged image should offset horizontally */
}

.thumbnailL {
position: relative;
z-index: 0;
border: 2px solid #fddab7;
margin: 2px 6px 2px 0;
float:left;
}

.thumbnailL:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;

}

.thumbnailL span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fddab7;
padding: 6px;
left: -1000px;
visibility: hidden;
color: black;
font-size:.8em;
text-decoration: none;
}

.thumbnailL span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
margin:2px 
}

.thumbnailL:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -2px;
left: 50px; /*position where enlarged image should offset horizontally */
}

.clearL {
clear:left;
}

.clearR {
clear:right;
}

.smaller {
font-size:smaller;
}