/* Odyssey Media CSS - Central and South America - Aug 13, 2009 - RA */

/* Essentials */
html, body, td, big, strong, small {font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.5em;}
body {margin: 0; padding: 0;}
big, strong {font-weight: bold;}
small {font-size: 10px;}

h1 {color: #c78526; font-size: 18px;}

/* Text links */
a, a:visited {text-decoration: none; color: #0070bc;}
a:hover {text-decoration: none; color: #666;}

/* Layout */
.main_bg {background: #fff url('/i/csan2009/main_bg.jpg') repeat-x top left;}
.header_container {width: 860px; margin: 0 auto;}
.container {width: 860px; margin: 0 auto; background: url('/i/csan2009/content_bg.gif') repeat-y top left; overflow: hidden;}
.logo {float: left; width: 294px; height: 122px; background: #fff;}
.region_header {float: left; width: 566px; height: 122px;}
.menu_area {clear: both; background: #ffc46f; height: 26px;}

.left_col {float: left; width: 146px;}
.mid_col {float: left; width: 520px; margin: 18px 0 0 0;}
.right_col {float: left; width: 193px; margin: 18px 0 0 0;}

.content {padding: 0 26px 18px 26px; border-right: 1px solid #9d9d9d;}
.content h3 {color: #c78526; margin: 0; padding: 0; font-size: 16px;}

.right_content {padding: 0 10px 18px 18px;}

/* Side Nav */
.side_nav {line-height: normal;}
.side_nav h2 {margin: 0; font-weight: bold; background: #565656; color: #fff; font-size: 12px; width: 126px; padding: 5px 10px 5px 10px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.side_nav ul {list-style: none; margin: 0; padding: 0; font-weight: normal; font-size: 12px;}
.side_nav ul li {border-bottom: 1px solid #ffffff;}
.side_nav ul li a:link, .side_nav ul li a:visited {display: block; width: 131px; padding: 5px 5px 5px 10px; color: #333;}
.side_nav ul li a:hover, .side_nav ul li#active {display: block; color: #fff; background: #565656;}
.side_nav ul li#active a, .side_nav ul li#active a:visited {display: block; color: #fff; background: #565656; font-weight: bold;}

.side_nav ul li#region_nav_top {display: block; color: #fff; background: #d08d2c; font-weight: bold; border-top: 1px solid #ffffff; border-bottom: none;}
.side_nav ul li#region_nav_top a, .side_nav ul li#region_nav_top a:visited {display: block; color: #fff; background: #d08d2c; font-weight: bold;}
.side_nav ul li#region_nav_top a:hover {display: block; color: #fff; background: #565656; font-weight: bold;}

.side_nav ul li#region_nav {display: block; color: #fff; background: #d08d2c; font-weight: bold;}
.side_nav ul li#region_nav a, .side_nav ul li#region_nav a:visited {display: block; color: #fff; background: #d08d2c; font-weight: bold;}
.side_nav ul li#region_nav a:hover {display: block; color: #fff; background: #565656; font-weight: bold;}

/* Info Box */
.info_box {width: 138px; margin: 0 0 10px 0; padding: 10px; border: 1px solid #d6d6d6; background: #fff url('/i/csan2009/info_box_bg.gif') repeat-x top left;}
.info_box h2 {color: #0076c0; margin: 0; padding: 0; font-size: 14px; font-weight: bold;}

/* Front page Recent News Release format */
ul.newsitem {list-style: none; margin: 0; padding: 0;}
.newsitem li {margin: 6px 0 6px 0; padding: 0 0 5px 0;}

/* Search Box */
.left_col h3 {background: #d08d2c; color: #fff; font-size: 13px; margin: 0 0 10px 0; padding: 2px 5px 2px 8px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.form_field {float: left; margin: 0 0 0 10px;}
.form_button {float: left; margin: 0 0 7px 0;}
.text_field {border: 1px solid #d6d6d6; font-size: 11px; width: 90px; height: 22px;}

/* Recent News */
.news_bg {width: 448px; background: #feedd5 url('/i/csan2009/news_bg.gif') repeat-x top left; padding: 10px;}

/* Footer area */
.footer_area {border-top: 1px solid #9d9d9d; font-size: 11px; margin: 15px 0 10px 0; color: #9d9d9d;}

/* Footer Links */
.footer_links {color: #ccc; font-size: 11px;}
.footer_links ul {list-style: none; margin: 0; padding: 0;}
.footer_links ul li {display: inline; padding: 0;}
.footer_links ul li a, .footer_links ul li a:visited {color: #9d9d9d; padding: 2px 0 2px 0;}
.footer_links ul li a:hover {color: #8c9a2b;}
.footer_links ul li:before { content: " | "; }
.footer_links ul li:first-child:before { content: ""; }

/* Banner Ads placement */
.sky_ads {width: 160px; height: 600px; margin: 10px 0 0 0; background: #d77a00; color: #fff; text-align: center;}
.head_ads {width: 468px; height: 60px; margin: 10px 0 10px 0; background: #d77a00; color: #fff; text-align: center;}

/*IE workaround*/
/*All IE browsers*/
* html .footer_links li {border-left: 1px solid black; padding: 0 0.4em 0 0.4em; margin: 0 0.4em 0 -0.4em;}

/*Win IE browsers - hide from Mac IE\*/
* html .footer_links { height: 1%; }
* html .footer_links li {display: block; float: left;}

/*End hide*/
/*Mac IE 5*/
* html .footer_links li:first-child { border-left: 0; }

/* Social Tools */
.social_tools {border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 5px; margin: 0 0 10px 0;}
.social_button {float: left; margin: 0 5px 0 0;}

/* Housekeeping */
.clearall {clear: both;}