/* Main style sheet with base style formating */
.display{
position:absolute;
	top:0px;
	width:400px;
	padding:5px;
	background:#f4dcd0;
	color:#0000CC;
	border: 3px solid  #b8422f;
	visibility:hidden;
	z-index:1;
	font-family: Optima, sans-serif;
	font-size: medium;
	font-weight: normal;
}
.inline {
	display: inline;
	}
.keybox {
	margin:4px;
	padding:4px; 
	border:thin solid black;
	}
.hola{
font-size: x-large;
color: #b8422f;
}
.bold{
font-weight: bold;
}
.key {

}


.otherHead{
	color: #b8422f;
font-weight: bold;
	font-size: larger;

}
.otherDate{
	font-weight: bold;


}
.otherintro{
	font-style: italic;

}
.otherpara{

}

.other{
border: thin solid black;
	background:#f4dcd0;
	margin:4px;
	padding: 5px;}
	
a:link {
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: blue;
	text-decoration: underline;
}
a:visited {
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: purple;
	text-decoration: underline;
}
a:hover {
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:  #b8422f;
	text-decoration: underline;
	background-color: yellow;
}

.red a:link {
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: blue;
	text-decoration: underline;
}
.red a:visited {
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: purple;
	text-decoration: underline;
}
.red a:hover {
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:  #b8422f;
	text-decoration: underline;
	background-color: yellow;
}
/* begin colors */
.red {
	color: #b8422f;
}
.blue {
	color: blue;
}
.green{
	color:green
}

.nav{
	z-index: -1;

	}



.highlight{
	background-color: #E8FF6E;
	font-style: normal;
}
.bold{
	font-weight: bold;
}
.smaller{
	font-size: smaller;
}
.larger{
	font-size: larger;
}.italic {
	font-style: italic;
}

h1{
	color: #b8422f;
	font-size: large;
}
/* end text varients */