/*

home-contentarea.css
"Home Content Area Styles"

*/

/* Presentation */
div#presentation {  padding: 17px 15px 0 15px; background: url("/themes/default/images/presentation-bg.gif") repeat-x; height: 279px; }
div#presentation .left-panel { float: left; width: 56%; }
div#presentation .right-panel { float: left; width: 43%; }
/* Tabbed Box */
div#presentation div#tabbed { width: 522px; }
div#presentation div#tabbed div.top { background: url("/themes/default/images/tabbed-top.gif") no-repeat; padding: 5px 0; }
div#presentation div#tabbed div.container { padding: 0 10px; background: #cfe4f6 url("/themes/default/images/tabbed-bg.gif") repeat-x bottom; height: 1%; }
div#presentation div#tabbed div.content { overflow: hidden; overflow: auto; background: #fff url("/themes/default/images/tabbed-window-bg.gif") repeat-x bottom; height: 214px; border: 2px solid #8ab1d1; }
div#presentation div#tabbed div.content ul { margin: 0; padding: 0; list-style: none; }
div#presentation div#tabbed div.content a { clear: both; display: block; color: #000; text-decoration: none; }
div#presentation div#tabbed div.content a img { float: left; margin-right: 10px; margin-bottom: 5px; }
div#presentation div#tabbed div.content a:hover { background: #daecf9; }
div#presentation div#tabbed div.content h2 { margin: 0; padding: 0.5em 1.4em 0.5em 0.5em; font-size: 1em; border-bottom: 1px solid #dee6ed; }
div#presentation div#tabbed div.content h2 span { display: block; margin-left: 28px; font-size: 10px; color: #999; font-style: italic; font-weight: normal; }
div#presentation div#tabbed div#tab_page_2 h2 span { display: block; margin: 0; font-size: 10px; color: #999; font-style: italic; font-weight: normal; }
div#presentation div#tabbed div.bottom { background: url("/themes/default/images/tabbed-bottom.gif") no-repeat bottom; height: 13px; }
/* Tabbed Nav */
div#presentation div#tabbed-nav { padding-left: 10px; }
div#presentation div#tabbed-nav ul { margin: 0; padding: 0; list-style: none; }
div#presentation div#tabbed-nav ul li { float: left; margin-right: 1px; }
/* down */
div#presentation div#tabbed-nav ul li a { display: block; background: #33425c url("/themes/default/images/tabbed-btn-bg.gif") repeat-x bottom; color: #fff; text-decoration: none; border-top: 1px solid #2b3849; }
div#presentation div#tabbed-nav ul li a span.left { display: block; background: url("/themes/default/images/tabbed-leftcorner.gif") no-repeat bottom left; }
div#presentation div#tabbed-nav ul li a span.right { display: block; padding: 13px 15px; background: url("/themes/default/images/tabbed-rightcorner.gif") no-repeat bottom right; }
/* up */
div#presentation div#tabbed-nav ul li a:hover { display: block; background: #a4c9e5 url("/themes/default/images/tabbed-btn-bg-u.gif") repeat-x bottom; color: #fff; text-decoration: none; border-top: 1px solid #8faab5; }
div#presentation div#tabbed-nav ul li a:hover span.left { display: block; background: url("/themes/default/images/tabbed-leftcorner-u.gif") no-repeat bottom left; }
div#presentation div#tabbed-nav ul li a:hover span.right { display: block; padding: 13px 15px; background: url("/themes/default/images/tabbed-rightcorner-u.gif") no-repeat bottom right; }
/* selected */
div#presentation div#tabbed-nav ul li.selected a { display: block; background: #a4c9e5 url("/themes/default/images/tabbed-btn-bg-u.gif") repeat-x bottom; color: #fff; text-decoration: none; border-top: 1px solid #8faab5; }
div#presentation div#tabbed-nav ul li.selected a span.left { display: block; background: url("/themes/default/images/tabbed-leftcorner-u.gif") no-repeat bottom left; }
div#presentation div#tabbed-nav ul li.selected a span.right { display: block; padding: 13px 15px; background: url("/themes/default/images/tabbed-rightcorner-u.gif") no-repeat bottom right; }
/* Panel Left */
div#panel-left { float: left; margin-top: 10px; background: url("/themes/default/images/panel-bg.gif") repeat-x; width: 534px; }
div#panel-left div.top { background: url("/themes/default/images/panel-left-corners.gif") no-repeat; height: 8px; }
/* Column List */
div#col { float: left; margin: 0 0 0 3px; background: #84271d url("/themes/default/images/colone-bg.gif") repeat-x bottom; width: 48%; }
div#col blockquote { margin: 0; padding: 0; }
div#col div { margin-bottom: 10px; }
div#col p { margin: 0; padding: 0; }
div#col span.top-left { display: block; background: url("/themes/default/images/colone-topleft.gif") no-repeat top left; }
div#col span.top-right { display: block; background: url("/themes/default/images/colone-topright.gif") no-repeat top right; }
div#col span.bottom-left { display: block; background: url("/themes/default/images/colone-bottomleft.gif") no-repeat bottom left; }
div#col span.bottom-right { display: block; padding: 5px 10px; background: url("/themes/default/images/colone-bottomright.gif") no-repeat bottom right; }
div#col div.content { background: #fff; border: 2px solid #4c140e; }
div#col div.content .sidebarItem { margin: 0 10px; padding: 10px 0; }
div#col div.content .sidebarContent { margin: 0 10px; padding: 10px 0; }
div#col div.content span { display: block; }
div#col div.content ul { margin: 0; padding: 0; list-style: none; }
div#col div.content ul li { padding: 3px 15px; background: url("/themes/default/images/list-icon.gif") no-repeat 3px 6px; }
div#col div.content a { font-weight: normal; color: #2787c9; text-decoration: underline; }
div#col div.content a:hover { color: #86b9de; text-decoration: none; }

div#col div.content h2 { margin: 0; padding: 0; background: #4c7293 url("/themes/default/images/col-heading-bg.gif") repeat-x bottom; font-size: 11px; font-weight: normal; color: #fff; }
div#col div.content h2 span { display: block; padding: 5px 5px 5px 33px; background: url("/themes/default/images/col-heading-icon.gif") no-repeat 6px 3px; }
div#col div.content .sidebarHeader { margin: 0; padding: 0; background: #4c7293 url("/themes/default/images/col-heading-bg.gif") repeat-x bottom; font-size: 11px; font-weight: normal; color: #fff; }
div#col div.content .sidebarHeader blockquote { display: block; padding: 5px 5px 5px 33px; background: url("/themes/default/images/col-heading-icon.gif") no-repeat 6px 3px; }

div#col div.content p { margin: 0; padding: 0; }
/* Panel Right */
div#panel-right { float: right; margin-top: 10px; background: url("/themes/default/images/panel-bg.gif") repeat-x; width: 422px; }
div#panel-right div.top { background: url("/themes/default/images/panel-right-corners.gif") no-repeat; height: 8px; }
div#panel-right p { margin: 0; padding: 0; }
div#panel-right div.globalSidebar { text-align:left; float:left;}