/* An open source xhtml/css website layout for CARMENES; 
partially based on source code from w3school.com and andreasviklund.com */

body { 	
background-color:#ffffff; 
font-family:Verdana,Arial,sans-serif; 
font-size:85%; 
margin: 0 auto;
padding: 0;
} 

#wrap {
background:#ffffff;
color:#505050;
margin:0 auto;
width:760px;
}

#topbanner {
margin: 0 0 20px 0;
border: 0;
}

#avmenu {
clear: left;
float: left;
width: 120px;
margin: 0 0 20px 0;
padding: 0;
font-size: 0.9em;
}

#avmenu ul {	
list-style: none;
width: 120px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#avmenu li {
margin-bottom: 4px;
}

#avmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 5px 0 0 10px;
background: #E6E6E6;
border-left: 4px solid red;
}	
	
#avmenu li a:hover {
background: #F2F2F2;
color: #FFA500;
border-left: 4px solid #FFA500;
}

#content {
margin: 0 10px 0 130px;
padding: 0 10px 0 10px;
line-height: 1.5em;
text-align: left;
height: auto;
min-height: 380px;
}

#content h1 {
font-size: 1.8em;
margin: 0 0 0.5em 0;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

#content h3 {
font-size: 1.2em;
margin: 0 0 0.5em 0;
}

#content img {
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 10px 0;
border-top: 1px solid #808080;
width: 760px;
text-align: center;
color: #808080;
font-size: 0.9em;
}

#footer a:link {
color: #808080;
text-decoration: none;
}

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

#footer a:hover {
color: red;
text-decoration: underline;
}

a:link {
	text-decoration:none;
	font-weight:normal;
	color:red;
}
a:visited {
	text-decoration:none;
	font-weight:normal;
	color:red;
}
a:hover {
	text-decoration:underline;
	font-weight:normal;
	color:#FFA500;
}

a img {
	border: 0;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

ul.circle { list-style-type:circle; }
ul.square { list-style-type:square; }
ol.decimal { list-style-type:lower-latin; }
ol.lower-latin { list-style-type:decimal; }
ol.lower-roman { list-style-type:lower-roman; }
ol.upper-latin { list-style-type:upper-latin; }

em { font-style: italic; font-weight: bold;}
pre { font-family: monospace; }
strong { color: black; text-transform: uppercase; font-weight: bold; } 

table { background: white; border-collapse:collapse; }