body { 
	margin: 0; 
	background: white; 
	color:#666666; 
	font : 12px Arial, Helvetica, sans-serif;
	}
	
td { font : 12px Arial, Verdana, Geneva, Helvetica, sans-serif; }
a, a:link, a:active{
    color:#336699;
}

a:visited{
    
	color:#003366;
}

a:hover:
{
    color:#FFFF99;
}

/* ======================= PAGE LAYOUT ==================== */

#banner, #sectionBanner { background: #d5d5d5; }
#contentLayout { width: 730px; }
#leftCol { width: 179px; background: #E0ECF4; padding: 0px; border-left: 1px solid #3399cc; }
#centerHomeCol { width: 730px; padding: 10px; }
#centerCol { width: 550px; padding:0; }
#mainContent { padding: 10px; }
#rightCol { width: 159px; background: #E6F0EE; padding: 0px; border-right: 1px solid #3399cc; }
#footer { width: 730px; padding: 10px; text-align:center; margin-top: 15px; }

/* ======================= TEXT DISPLAY =============== */

h1, h2, h3, h4, h5 { color: #6699cc; font-weight: bold; font-family : Arial, Helvetica, sans-serif; }
h1 { font-size : 18px; margin-top: 5px; }
h2 { font-size : 14px; margin-bottom: 5px; color: #3399cc; }
h3 { font-size : 12px; margin-bottom: 5px; color: #000; }
h4 { font-size : 11px; margin-bottom: 5px; }

h2.rollupTitle { padding: 2px 5px; font-size: 12px; background: #056957; color: White; margin-bottom: 10px; }
#centerCol p { margin-top: 10px; }
#centerHomeCol p { margin-top: 5px; margin-bottom: 10px; }
#centerHomeCol .introText { font-size: 12px; margin-bottom: 5px; }
#centerHomeCol .introText1 { font-size: 12px; margin-bottom: 5px; color: #009933 }

#rightCol .sidebarList { margin-top: 5px; margin-bottom: 5px; }
#leftCol h2 { margin-top: 10px; margin-bottom: 0; }
	
hr { margin: 0; height: 1px; color: #336699; }
ul li { margin-bottom: 4px; }

.xsmallText { font-size: 9px; }
.smallText { font-size: 11px; }
.medText { font-size: 12px; }
.largeText { font-size: 14px; }
.xlargeText { font-size: 18px; }

.hilite { color: #056957; }
.textLink a { font-size: 9px; text-transform: uppercase; }
.first { margin-top: 5px; }


/* =============== FORMS & FIELDS ==================== */

fieldset { padding: 10px; }
legend { font-weight: bold; color: #056957; margin-bottom: 4px; }

.ucFirstColumn { width: 150px; background: #f9f9f9; font-weight: bold; text-align: right; }
.formContainerHeader { background: #056957; color: White; padding: 2px 5px; margin-bottom: 10px; }
.shoppingCartGrid { border: 1px solid #056957; border-collapse: collapse; }
.shoppingCartGrid td { border: 1px solid #999; border-collapse: collapse; }
.gridHeader { background: #e8e8e8; font-weight: bold; font-size: 11px; }

.required { color: Red; }

.eventItem { line-height: 140%; }
.eventMonth { background: #056957; color:White; padding: 2px 5px; }
.eventDate, .eventTitle, .eventStartDate, .eventEndDate, .eventLocation { font-weight: bold; }
.eventTableHeader { background: #e9e9e9; font-weight: bold; }
.eventTableAlt { background: #ffffcc; }

/* ===================== LEFT COLUMN CONTENT & LOGIN ============ */

input.formField, input.formButton { border: 1px solid #295278; font: 11px Arial, Helvetica, sans-serif; }
input.formField { height: 14px; }

#leftCol, #rightCol { font-size: 10px; }
#leftCol p, #rightCol p { margin-top: 5px; margin-left: 10px; margin-bottom: 10px; }
#leftCol .introText { font-size: 12px; margin-bottom: 5px; }
#leftCol .introText1 { font-size: 12px; margin-bottom: 5px; color: #009933 }

#leftCol h2, #rightCol h2 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #336699;
	padding-left: 10px; 
	background: color: #336699; 
	margin-bottom: 5px; 
	}
#leftCol h2 a, #rightCol h2 a { color: #056957; }

#leftCol hr, #rightCol { margin: 0; }

#leftCol a, #rightCol a { text-decoration: none; }
#leftCol a:hover, #rightCol a:hover { text-decoration: none; }


/* ======================= COPYRIGHT & FOOTER ========================= */

.footerWrapper
{
    font-size:11px;
    color:#666666;
    height:20px;
    background:transparent url('http://www.ilsi.org.br/images/footer_bg.gif') no-repeat bottom left;
    text-align:right;
    padding-right:10px;
    width:900px;
}

.footerWrapper a
{
    color:#6699cc;
    text-decoration:none;
    font-size:11px;
}

.footerItems, .footerItems td
{
    font-size:11px;
}

td#consoleWrapper
{

}