/* the fons, margins, color, etc of everything */
#html, body {
	font: 13px trebuchet ms;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	height: 100%;
	text-align: justify;
}

/* what holds everything in place */
#container { background: #fff; width: 790px; margin: 10px auto; padding: 2px; float:left;}

/* the banner image holder */
#banner { width: 819px; background: url('images/bgb.jpg') top left no-repeat;  margin: 0 0 3px 0; position: relative; height: 150px; color: #999900; }

/* the top navigation bar */
#nav { background: #999900; width: 810px; background: #999900; text-align: right; padding: 5px; margin: 0 0 5px 0; }

/* where all the main text is stored */
#content { float: left; height: 100%; border-right: 1px dotted #ccc; background: #fff; padding: 5px; width: 610px; margin-bottom: 20px; }


/* the right bar */
#sidebar { float: right; width: 140px; border-left: 1px dotted #ccc; padding: 5px;}

#sidebar th {
	font: 10px arial bold;
	color:#000;
	table-layout:auto;
	background-image:url(th_bg.jpg);
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#sidebar td {font: 12px arial;
color: #993333;
table-layout:auto;
background-color: none;
}

/* the links in the banner image */
#topbar {text-align: right; color: #999900; padding: 5px; margin-right: 55px; }

/* footer */
#footer { clear: both; background-image:url(footer_bg.jpg); border-top: 2px solid #999900;  text-align: center; padding-bottom: 0px; padding-top: 2px; height:39px;
	font: 10px tahoma;
	color: #666666;
	vertical-align:middle;} 

/* sponsor */
#sponsor {text-align: center; padding-top: 2px; height:39px;
	font: 10px tahoma;
	color: #999900;
	vertical-align:middle;
	float: bottom;} 

/* link styling */
#content a { color: #87af7b; text-decoration: none; } #content a:hover { text-decoration: underline;}
#topbar a { color: #87af7b; text-decoration: none; } #topbar a:hover { text-decoration: underline; }
#nav a { color: #999900; font-weight: bold; text-decoration: none; } #nav a:hover { text-decoration: underline; }
#topbar a { color: #999900; font-weight: bold; text-decoration: none; } #topbar a:hover { text-decoration: underline;}
#footer a { color: #000000; font-weight: bold; text-decoration: none; } #footer a:hover { text-decoration: underline; }
#sidebar a { display: block; color: #999900; text-decoration: underline; padding: 5px 0 5px 0;} #sidebar a:hover { background: #000000;
color: #FFFFFF;}

/* extra attributes */
.headline {
	font-size: 18px;
	margin: 3px 0 3px 0;
	color: #FFCC00;
}
.headlineprofesionales {
	font-size: 18px;
	margin: 3px 0 3px 0;
	color: #999900;
}
.meta { background: url('images/bg.gif'); border-top: 1px solid #666; text-align: right; color: #666; text-transform: uppercase; letter-spacing: 2px; }
.imageright { float: right; border: 1px solid #ccc; padding: 3px; margin: 3px 3px 0 7px; } .imageright:hover { border: 1px solid #666; }
.imageleft { float: left; border: 1px solid #ccc; padding: 3px; margin: 3px 10px 0 0px; }  .imageleft:hover { border: 1px solid #666; }
.sideimage { border: 1px solid #ccc; padding: 3px; margin: 4px; margin: 10px 0 5px 0; } .sideimage:hover { border: 1px solid #666; }
#topbar ul { margin: 0; padding: 0; } #topbar li { list-style: none;  width: auto;  }
#sidebar ul { margin: 5px 0 15px 20px; padding: 0; border-top: 1px solid #ccc; } #sidebar li { margin: 0; padding: 0; text-align: center; list-style-type: none;  border-bottom: 1px solid #ccc; }
#content ul { margin: 5px 0 10px 30px; padding: 0; border-top: 1px solid #ccc; width: 320px; } #content li { display: block; text-align: left; margin: 0; padding: 0 0 0 10px; list-style-type: none; border-bottom: 1px solid #ccc; }
#content li:hover { background: #deebd2; }
strong { color: #000000; background: inherit; }
blockquote { background: url('images/blockbg.jpg') repeat-x; color: #666; padding: 5px; border: 1px solid #ccc; margin: 5px 0 15px 0px; }
#banner h1 { position: absolute; letter-spacing: -2px; font-size: 32px; top: 35px; left: 20px; }
#topbar h3 { margin: 0 0 3px 0; padding: 0; }