B {
	font-weight : bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

H1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 30px;
	text-align: left;
}

P {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
	font-size: 10pt;
}

PRE {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
	font-size: 10pt;
}

LI {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
	font-size: 10pt;
}

.black {
	color : Black;
}

I {
	font-style : italic;
}

.teal {
	color : Teal;
}

.center {
	text-align : center; 
}

.verdana {  font-family: Verdana, Arial, Helvetica, sans-serif}

small {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.white {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.marron {
	color: #B08C68;
}

.red {
	color: #FF0000;
}
.leftmenu {
	font-size: 10pt;
	color: #0000FF;
	font-variant: small-caps;
}

.leftmenusel {
	font-size: 10pt;
	color: #0000FF;
	font-variant: small-caps;
	background-color: #CCCCCC;
}

.leftmenusel2 {
	font-size: 10pt;
	color: #0000FF;
	background-color: #E6E6E6;
}



/* ----------container to center the layout-------------- */
/*#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #E6E6E6;
}*/

/* ----------banner for logo-------------- */
#banner {
background-image: url('/images/logo_sanpedrito.jpg');
height: 220px;
}

/* -----------------content--------------------- */
/*#content {
background-color: #ffffff;
padding: 10px;
margin-left: 172px;
margin-right: 0px;
margin-top: 0px;
}
div#content { 
min-height:440px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}*/

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 160px;
margin: 0px;
padding: 6px;
background-color: #E6E6E6;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
background-color: #E6E6E6;
padding-top: 10px;
padding-bottom: 10px;
}

#footerleft {
float: left;
margin-left: 0px;
padding: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color : Black;
font-size: 8pt;
width: 250px;
text-align: center;
}

#footerright {
margin-left: 550px;
margin-top: 0px;
padding: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color : Black;
font-size: 8pt;
width: 250px;
text-align: center;
}

#footercenter {
float: left;
margin-left: 0px;
padding: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color : Black;
font-size: 8pt;
width: 300px;
text-align: center;
}

/* -----------soundarea--------------------------- */
#soundarea {
width: 320px;
padding: 2px;
background-color: #E6E6E6;
}

/* --------------search bar------------- */
#searchbar {
float: right;
width: 320px;
margin-top: 10px;
margin-right: 10px;
font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

/* --------------pics------------- */
#pics {
float: right;
width: 210px;
height:400px;
padding: 6px;
margin-right: 4px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color : Black;
font-size: 8pt;
overflow: auto;
}

/* --------------editlinks------------- */
#editlinks {
background-color: #E6E6E6;
padding: 6px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color : Black;
font-size: 8pt;
width: 300px;
text-align: center;
}