/* Color palette
--------------------------------------------------------------------------------
dark blue - #00375F
blue - #005BA2
light blue - #7E96C5
alternative blue - #4775B0
gray - #636363
red - #94002A
yellow/tan - #EDECE2
orange - #FFC758
*/

/* Universal styles 
------------------------------------------------------------------------------*/
body { font-family: Arial, sans-serif; font-size: 75%; /* Allow IE 6 and below to scale */ color:#000; position: relative; text-align:left; }
html>body { font-size: 12px; }
a { color: #00375F; text-decoration: none; }
a:visited { color: #005BA2; text-decoration: none; }
a:hover { color: #005BA2; text-decoration: underline; }
p { line-height: 1.2em; }
.txt-grey, .txt-gray { color:#636363; }
.txt-red, li.txt-red a { color: #94002A; }
.txt-white { color: #fff; }
strong, .bold { font-weight: bold; }
em, .italic { font-style: italic; }
.border-bottom { border-bottom: 1px solid #000; }

/* Landing Page styles
------------------------------------------------------------------------------*/
#top-header h1{font-size:3em;}


/* Rounded Corners - http://www.spiffycorners.com/ */
.lblue-header, .tab-corner {display:block }
.lblue-header *, .tab-corner * { display:block; height:1px; overflow:hidden; font-size:.01em; background:#7E96C5 }
.lblue-header1, .tab-corner1 { margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #c7d1e6; border-right:1px solid #c7d1e6; background:#9eb0d3 }
.lblue-header2, .tab-corner2 { margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f2f4f9; border-right:1px solid #f2f4f9; background:#96a9d0 }
.lblue-header3, .tab-corner3 { margin-left:1px; margin-right:1px; border-left:1px solid #96a9d0; border-right:1px solid #96a9d0; }
.lblue-header4, .tab-corner4 { border-left:1px solid #c7d1e6; border-right:1px solid #c7d1e6 }
.lblue-header5, .tab-corner5 { border-left:1px solid #9eb0d3; border-right:1px solid #9eb0d3 }
.lblue-headerfg, .tab-cornerfg { background: #7E96C5; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; }

.blue-header, .ui-tabs-selected .tab-corner, .ui-state-active .tab-corner {display:block; }
.blue-header *, .ui-tabs-selected .tab-corner *, .ui-state-active .tab-corner * { display:block; height:1px; overflow:hidden; font-size:.01em; background:#005BA2 }
.blue-header1, .ui-tabs-selected .tab-corner1, .ui-state-active .tab-corner1 { margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #91b8d5; /* 43% opacity */ border-right:1px solid #91b8d5; background:#3f84b7 }
.blue-header2, .ui-tabs-selected .tab-corner2, .ui-state-active .tab-corner2 { margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #e5eef5; /* 10% opacity */ border-right:1px solid #e5eef5; background:#307ab1 }
.blue-header3, .ui-tabs-selected .tab-corner3, .ui-state-active .tab-corner3 { margin-left:1px; margin-right:1px; border-left:1px solid #307ab1; /* 81% opacity */ border-right:1px solid #307ab1; }
.blue-header4, .ui-tabs-selected .tab-corner4, .ui-state-active .tab-corner4 { border-left:1px solid #91b8d5; /* 43% opacity */ border-right:1px solid #91b8d5 }
.blue-header5, .ui-tabs-selected .tab-corner5, .ui-state-active .tab-corner5 { border-left:1px solid #3f84b7; /* 75% opacity */ border-right:1px solid #3f84b7 }
.blue-headerfg, .ui-tabs-selected .tab-cornerfg, .ui-state-active .tab-cornerfg { background: #005BA2; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; }

.red-header {display:block; }
.red-header * { display:block; height:1px; overflow:hidden; font-size:.01em; background:#94002A }
.red-header1 { margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #d091a3; border-right:1px solid #d091a3; background:#ae3f5f }
.red-header2 { margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f4e5e9; border-right:1px solid #f4e5e9; background:#a83052 }
.red-header3 { margin-left:1px; margin-right:1px; border-left:1px solid #a83052; border-right:1px solid #a83052; }
.red-header4 { border-left:1px solid #d091a3; border-right:1px solid #d091a3 }
.red-header5 { border-left:1px solid #ae3f5f; border-right:1px solid #ae3f5f }
.red-headerfg { background: #94002A; color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; }

/* Advertising styles 
------------------------------------------------------------------------------*/
.ads-728 { width: 728px; text-align: center; margin: 0px auto 12px auto; }
#content-main .ads-728 { width: 728px; text-align: center; margin: 2px auto 12px auto; }
.ads-300 { width: 300px; text-align: center; margin: 0px auto 12px auto; }
.ads-250 { width: 250px; text-align: center; margin: 0px auto 12px auto; }
.ads-160 { width: 160px; text-align: center; margin: 0px auto 12px auto; }
.ads-135 { width: 135px; text-align: center; margin: 0px auto 0px auto; clear: both; }
.ads-125 { width: 125px; text-align: center; margin: 0px auto 12px auto; }
#calendar .sponsor {padding-top:12px;}

/* Structural styles 
------------------------------------------------------------------------------*/
#branding { height: 115px; }
#main { margin-top: 10px; margin-bottom: 10px; /* Left and right margins are declared in framework.css */ }
#main-top { margin-bottom: 10px; }

/* Branding styles - #branding
------------------------------------------------------------------------------*/
#branding-left { height:100px; }
#branding-left p { float: left; margin-top: 0.66em; margin-bottom: -1.66em; font-size: 0.83em; line-height: 1em; }
#branding-logo { top: 27px; text-indent: -9999px; background: transparent url('http://media.lvrj.com/designimages/rj_main_blue-v3.png') no-repeat; height: 60px; }
#branding-logo a { display: block; width:362px; height:60px; }
#branding-date { top: 61px; vertical-align:bottom; }
#branding-right { position: absolute; top: 0px; overflow: hidden; text-align: left; height: 100px; clear: both; /* needed for IE6 */}
#branding-tools { float: left; margin-top: 0.66em; margin-bottom: -1.66em; font-size: 0.83em; line-height: 1em; text-align: right; }
#branding-tools li { list-style-type: none; display: inline; margin-right: 5px; padding-right: 5px; border-right: 1px solid #000; }
#branding-tools li:last-child { border-right: 0px; margin-right: 0px; padding-right: 0px; }
#branding-tools li.last { border-right: 0px; margin-right: 0px; padding-right: 0px; }
#weather-image { position: absolute; width: 35px; height:25px; background-color: #fff; }
#weather-text { position: absolute; padding-bottom:5px; font-size: 0.9em; }
.weather-temp { font-size: 1.05em; font-weight: bold; }
#weather-sponsor { margin-top: 30px; width: 160px; height: 30px; background-color: #fff; }
#branding-search, #branding-weather { position: relative; top: 27px; }
#branding-search h4 { font-size: 0.9em; }
#branding-search form { display: inline; } 
#branding-search #search-main { margin-top: 3px; }
#branding-search #search-main input { float: left; }
#branding-search input#search-field { width: 203px; height: 14px; margin-right: 5px; padding: 3px; border: 1px solid #005BA2; background-color: #7E96C5; }
#branding-search input#search-go { width: 22px; height: 22px; }
#branding-editions { margin-top: 11px; font-size: 0.8em; }
#branding-editions h4.editions, #branding-editions ul, #branding-editions li { display:inline; }
#branding-editions li { margin: 0px 1px 0px 0px; }

/* Navigation styles - #nav-main
------------------------------------------------------------------------------*/
/* Temporary reset for menu - remove */
#nav-main, #nav, #nav ul, #nav li, #nav div, #nav a { margin: 0px; padding: 0px; }
#nav ul, #nav li { list-style: none; }

#nav-main { position: absolute; top: 97px; left: 5px; overflow: visible; border-top: 1px solid #005BA2; border-bottom: 1px solid #005BA2; z-index: 1000; background: #fff; clear: both; /* needed for IE6 */ }
#nav { overflow: hidden; }
#nav li.top-level { float: left; min-width: 30px; padding: 2px 0px 1px 0px; overflow: hidden; }
#nav li.promotional { float: right; }
#nav li.top-level:hover, #nav li.hover { background-color: #005BA2; }
#nav li.promotional:hover, #nav li.p-hover { background-color: #94002A; }
#nav a { display: block; padding: 0px 6px; color: #005BA2; font-family: Arial, Verdana, Sans-Serif; font-weight: 700; text-decoration: none; }
#nav li.promotional a { color: #94002A; }
#nav li a:hover, #nav li:hover a, #nav li.hover a, #nav li.p-hover a, #nav li div a, #nav li.promotional div a { color: #fff; }
#nav li.top-level a.nav-title { font-size: 0.92em; text-transform: uppercase; }
#nav div { position: absolute; left: -9999px; float: left; min-width: 30px; border-top: 2px solid #005BA2; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background: #005BA2; background: rgba(0, 73, 143, 0.9); padding: 0px 3px 3px 3px; overflow: hidden; }
#nav li:hover div, #nav li.hover div, #nav li.p-hover div { left: auto; }
#nav li.promotional:hover div, #nav li.p-hover div { right: 0px; }
#nav ul.nav-sub { float: left; min-width: 30px; }
#nav ul.nav-sub2 { float: left; min-width: 30px; margin-left: 3px; }
#nav ul li a { padding: 5px; }
#nav ul.nav-sub li a, #nav ul.nav-sub li.image a:hover { background-color: #4084b7; }
#nav ul.nav-sub2 li a, #nav ul.nav-sub2 li.image a:hover { background-color: #94002A; }
#nav ul.nav-sub li a:hover { background-color: #669dc5; }
#nav ul.nav-sub2 li a:hover { background-color: #af405f; }
#nav ul li { border-top: 1px solid transparent; }
*html #nav ul li { border-top: 1px solid #005BA2; border-bottom: 1px solid #005BA2; }
#nav li.nav-sub-sub a { padding-left: 23px; background: transparent url('http://media.lvrj.com/designimages/nav-bullet-trans.png') no-repeat 15px center; }

/* Old menu styles (3/3/10) - to be removed */
ul#navi { margin:0; padding:0px 3px 0px 0px; font:bold 11px Arial,Verdana,Sans-Serif; width:100%; }
ul#navi .topmenutitle { text-transform: uppercase; padding-left:2px; padding-right:10px; }
ul#navi li { position: relative; line-height: 1.4em; }
ul#navi li a { display: block; padding: 0px 6px; color: #005BA2; font-weight: 700; text-decoration: none; }
ul#navi li.classNav {float:right;}
ul#navi li a.txt-red { color: #94002A; }
ul#navi li a:hover, ul#navi li a:focus, ul#navi li a:active { color: #333; background: #7E96C5; }
ul#navi li, ul#navi li ul { float: left; list-style: none; }
ul#navi li div { position: absolute; top: -10000px; left: 0; float: left; margin: 0 -1000px -1000px 0; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.5); }
ul#navi li:hover { background: #7E96C5; }
ul#navi li div.last {margin-left:-180px;}
ul#navi li div ul li { float: none; background-color:#94002A; }
ul#navi div.nav-sub2 { background-color: rgb(148, 0, 42); }
ul#navi li:hover div { position: relative; top: 0; z-index: 1; }
ul#navi ul.nav-sub li a:hover, ul#navi ul.nav-sub li a:hover { text-decoration:underline; }
ul#navi ul.nav-sub li a { background-color: rgb(126, 150, 197); color:#000; padding: 3px 3px; }
ul#navi ul.nav-sub {margin-right:1px;}
ul#navi ul.nav-sub2 {margin-left:3px;}
ul#navi ul.nav-sub2 li a { color:#fff; padding: 3px 3px; }
ul#navi li.nav-sub { border-bottom:1px solid #fff; }
ul#navi li.nav-sub-sub { padding-left:8px; }
ul#navi li.nav-sub-sub a { font-size:.8em; border-bottom:1px dotted #fff; }


/* Sidebar-left styles #sidebar-left and Sidebar-right styles #sidebar-right
------------------------------------------------------------------------------*/
#sidebar-left .sidebar-ads-column, #sidebar-right .sidebar-ads-column { background-color: #dedede; padding-top: 12px; overflow: hidden; }

/* Footer styles - #footer
------------------------------------------------------------------------------*/
#site-info { background: #EDECE2; overflow: hidden; width: 100%; padding: 5px; }
#site-info h3 { text-align: center; color: #94002A; border-bottom: 1px solid #000; padding-right: 5px; margin-right: 10px; }
ul.site-map li { width: 20%; float: left; }
ul.site-map { font-size: 0.83em; }
#copyright { padding:5px; clear:both; text-align:center; color:#636363; font-size:.83em; }