/* LAYOUT PART */ * {margin:0; padding:0} #root {width:1003px; background-color:#fff} /* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar) */ #header,#leftbox,#content,#rightzone {overflow:hidden; display:inline-block} #header,#footer {width:100%} /* safari and opera need this */ #leftbox, #content, #rightzone {float:left} #leftbox {width:190px} #content {width:580px} #rightzone {width:190px; padding: 50px 0 0 20px} #footer {clear:left;} /* VISUAL STYLE PART */ body {font: 12px Arial, Helvetica, sans-serif; color: #000} a {font: 12px Arial, sans-serif; color:#000; text-decoration:none} img {border:0} #header {height:205px} #header h1.cur_date {color:#999; font: 12px Arial, Helvetica, sans-serif} #header table table {width:563px; margin:0 auto} /* opera7.5 fix */ #header h1 {color:#0066cc; font: bold 13px Arial, Helvetica, sans-serif; padding:3px 0 0px 90px} #menu {padding:50px 0 30px 0; margin:0 5%} #menu h2 {font:12px Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; text-transform:uppercase; padding:0 0 25px 32px} #menu ul {list-style-type:none; text-align:left} #menu ul.outer {margin-left:12px} #menu li.level1, #menu li.level1sel {background: url(/images/bullet_1.gif) 0px 3px no-repeat; padding:0 0 15px 20px} #menu li.level1 a, #menu li.level1sel a {font: 12px Arial, Helvetica, sans-serif; color:#0066CC} #menu li.level1 a:hover, #menu li.level1sel a, #menu li#monitoring.level1 a:hover {color:#DD4689} #menu li.level1sel a {font-weight:bold} #menu li.level2, #menu li.level2sel {padding:5px 0 0 12px} #menu li.level2 a:hover {margin-left:12px} #menu li.level2sel {background: url(/images/menu2.gif) 1px 10px no-repeat} #menu li.level2 a, #menu li.level2sel a {font: 11px Arial, Helvetica, sans-serif; color:#135498} #menu li.level2sel a {text-decoration:underline; color:#DD4689} #menu li.level2sel ul {padding: 3px 0 5px 0} #menu li.level3, #menu li.level3sel {padding:0 0 0 12px} #menu li.level3 a, #menu li.level3sel a {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; letter-spacing:-0.06em} #menu li.level3:hover a, #menu li.level3sel a {text-decoration:underline} #menu ul.menuoff {display:none} #leftzone {margin: 0} #content {padding: 20px 0 0 10px; margin:0} #content td.prior_img {vertical-align:top; width:62px; padding:0 20px 15px 0} #content td.prior_name {font:11px Verdana, Arial, Helvetica, sans-serif; color:#999999; vertical-align:top} #content h2.prior a {font:15px Verdana, Arial, Helvetica, sans-serif; color:#23518E; text-decoration:underline} #content h1.cur_date {color:#999; font: 12px Arial, Helvetica, sans-serif; padding-bottom:10px; padding-left:10px; text-align:right} #content a.news { height:17px; padding-left: 0px; font: 11px Arial, Helvetica, sans-serif; color: #0066CC; font-weight: bold; line-height:17px; vertical-align:middle; text-transform: uppercase; } #content h2.news { height:17px; padding-left: 0px; border-bottom: 1px solid #0066CC; font: 11px Arial, Helvetica, sans-serif; color: #0066CC; font-weight: bold; line-height:17px; vertical-align:middle; text-transform: uppercase; } #content .news_item {display:inline-block; padding: 0 0 10px 0; clear:both} #content .news_item img {padding:0 10px 10px 0} #content .sitenews_item {display:inline-block; padding:15px 0 0; clear:both} #content .sitenews_item img {padding:0 10px 0 0} #content h3.news_date_small {font: 11px Arial, Helvetica, sans-serif; color:#444444; padding:10px 0 5px 10px} #content h3.theme_date_small {font: 11px Arial, Helvetica, sans-serif; color:#444444} #content .news_priors {font: 12px Arial, Helvetica, sans-serif; color:#0066CC; font-weight:normal; padding:0 0 5px 10px; } #content a.news_priors {font: 12px Arial, Helvetica, sans-serif; color:#0066CC; font-weight:normal; padding:0 0 0 10px; text-decoration:underline; } #content h2.mainthemes {display:block; border:0; border-bottom: 1px solid #B00000; text-transform: uppercase;} #content h2.mainthemes a {font:bold 11px Arial, sans-serif; color:#B00000; text-transform: uppercase;} #content a.themes_name:link, #content a.themes_name:visited, #content a.themes_name:hover {font-weight:normal; font-size:18px; color:#4b4b4b; text-decoration:none} #content .themes_name h3 {display:block; font-weight:normal; font-size:18px; color:#4b4b4b; padding-bottom:10px} #content .lead {padding:10px 0 0} #content .full {text-align:right; margin-top:-10px} #content .full a, #content a.news_all {font:11px Arial, Helvetica, sans-serif; color:#666; text-decoration:underline; background:url(/images/pathsep.gif) left 4px no-repeat; padding-left:8px} #footer2 {font: 11px Arial, Helvetica, sans-serif; color:#666666; background-color:#D9E8F7; text-align:center; line-height:56px; clear:left} #footer a {font: 11px Arial, Helvetica, sans-serif; color:#666666} #footer a:hover {color:#b30000} #top2 a {font: 11px Arial, Helvetica, sans-serif; color:#666666; padding-left:10px} #top2 a:hover {color:#b30000} .hspace10 {padding: 0 10px} /*bottom menu*/ a.special:hover {border:0;} a.special, a.special:active, a.special:hover, a.special:visited{ text-decoration: none !important; margin: 0px; padding: 0px 5px 0px; font-family: Arial; font-size: 12px; color: #0066cc; } a.special:hover { color: #dd4689; } a.special span{ display: none; } a.special:hover span { display: block; margin: 0px; padding: 20px 10px 10px; position: absolute; text-align: left; color: #999999; font-size: 12px; font-family: Arial; background: transparent; border: none; z-index: 100000; } a.special:hover span#i1 { left: 210px; } a.special:hover span#i2 { left: 366px; } a.special:hover span#i3 { left: 422px; } a.special:hover span#i4 { left: 546px; } .line1 { border: none; border-bottom: 1px solid #ebebeb; } .line2 { border: none; border-top: 1px solid #ebebeb; } #bottommenu { font-family: Arial; font-size: 12px; color: #999999; padding: 0px 10px 50px 200px; clear:left; } #bottommenu td { font-family: Arial; font-size: 12px; color: #0066cc; line-height: 25px; padding-left: 87px; } .RVPS1410 .RVTS1413 {background: url(/images/bullet_2.gif) 0px 0px no-repeat; padding:0 0 0 25px;} a.RVTS1413:hover {color:#DD4689} .minimenu {background:url(/images/projectbg0.jpg) bottom repeat-x; padding:20px 10px 10px 10px; margin: 10px 0px 30px 15px} .minimenu h2 {font:12px Arial, Helvetica, sans-serif; color:#0066cc; font-weight:bold; text-transform:uppercase; padding:5px 0px 0px 10px} .banners {margin: 0 0 0 5px}