body{ margin:0; padding:0 0 0 0; text-align: center; background: #d4e1ea url('../images/bgMain.gif') repeat-x; font: 14px/18px Calibri, "Trebuchet MS", Tahoma, Verdana; color: #131a2d;} img { border:none; } a{ color:#22b200;} .gray { color: #777980;} .black { color: #131a2d; } .f11px { font-size: 11px; } #wrap{ width: 984px; text-align: left; margin:0 auto; } #header{ overflow: hidden; width: 960px; background: url('../images/bg1.gif') no-repeat; padding: 0 15px 0 9px; position: absolute; top:0px; z-index: 2;} #header .header1{width: 960px; background: url('../images/header1Bg.gif') repeat-x; height: 51px; overflow: hidden;} #header .header1 .langMenu { list-style-type: none; margin:0 0 0 10px; padding:0; float: left; width: 60px; z-index: 10;} #header .header1 .langMenu li{ margin:0; padding:0; display: inline; line-height: 17px; } #header .header1 .langMenu li a { display: block; float:left; width: 18px; height: 17px; text-decoration: none; color: #FFFFFF; text-align: center; font-size: 11px; margin-right: 2px;} #header .header1 .langMenu li a.active{ background: url('../images/langActive.gif'); color: #2d1d00; } #header .header1 .slogan { float:left; width: 145px; color: #FFFFFF; font-size: 11px; line-height: 12px; padding: 3px 0 0 20px; overflow: hidden;} #header .header1 .slogan a { color: #FFFFFF; text-decoration: none;} #header .header1 .slogan b, #header .header1 .slogan strong { font-size: 18px; font-weight: normal; } #header .header1 .slogan img { display: block; float:left; position: relative; top: -5px; margin-right: 3px;} #header .header1 .searchBox { float:left; width: 200px; margin:14px 0 0 0; overflow: hidden;} #header .header1 .searchBox input { margin:0; display: block; float:left; margin-right: 4px;} #header .header1 .searchBox input.txtbox { border: none; background: #FFFFFF; padding: 2px; height: 18px; width: 130px; margin-left: 10px;} #header .header1 .moreLinks { font-size: 12px; line-height: 14px; margin: 10px 0 0 0; color: #FFFFFF; display:block; float: right; width: 60px; text-align: center; overflow: hidden; } #header .header1 .moreLinks a { color: #FFFFFF; } #logo{ display: block; margin: 7px 0 0 10px; float:left; overflow: hidden;} #logoSlog{ display: block; margin: 3px 0 0 0px; float:left; overflow: hidden; width: 153px; height: 40px;} #header .header2 {width: 960px; } #header .header2 .mainMenu{ list-style-type: none; margin:0; padding:0; width: 715px; overflow:hidden; float:left; text-align: left;} #header .header2 .mainMenu li{margin:0; padding:0 0 0 0; float:left; display: block; width: 143px; height: 155px; background: url('../images/mainMenu.png') no-repeat; } #header .header2 .mainMenu li a { text-decoration: none; font: 21px/24px "Trebuchet MS",Tahoma; position: absolute; display:block; width: 143px; text-align: center; color: #131a2d;} #header .header2 .mainMenu li.active {background: url('../images/mainMenuActive.png') no-repeat;} #header .header2 .mainMenu li a img { margin-top: 15px;} #header .header2 .lastBox { width: 245px; float:left; background: url('../images/mainMenuLast.png') no-repeat; height: 155px;} #header .header2 .lastBox .inner{ /*padding: 12px 15px; */ font-size: 16px; position: absolute;} #header .header2 .lastBox .inner p { margin:0; padding:0; } #header .header2 .lastBox .inner ul{ list-style-type: none; margin:0; padding:0; font-size: 18px; line-height: 22px; margin-top: 8px;} #header .header2 .lastBox .inner ul li{ background: url('../images/plussLi.gif') no-repeat 0px 8px; padding-left: 15px;} #header .header2 .lastBox .inner ul li a { color: #1b598d;} #mainContent {width: 984px; top: 190px; overflow: hidden; position: absolute;z-index: 1; } #mainContent .contentInner {background: url('../images/contentBg.png') repeat-y;} #mainContent .contentInner .contentInnerInner { margin: 0 0px 0 9px; overflow: hidden; } #mainContent .contentInner .contentInnerInner .contentLeft { width: 715px; float:left;overflow: hidden; min-height: 60px;} #mainContent .contentInner .contentInnerInner .contentRight{ width: 260px; float:left; margin-top: -1px; overflow: hidden; background: url('../images/contentRightBg.gif') repeat-y;} #mainContent .contentInner .contentInnerInner .contentRight .header { background: url('../images/contentRightTopBg.gif') no-repeat; height: 60px; overflow: hidden;} #mainContent .contentInner .contentInnerInner .contentRight .header .inner { margin: 17px 0 0 15px; } #mainContent .contentInner .contentInnerInner .contentRight .header .inner b { font-size: 18px; font-weight: normal; } #mainContent .contentInner .contentInnerInner .contentRight .dottedbox {background: url('../images/dottedBorder2.gif') repeat-x 0 bottom; margin: 0px 20px 0px 5px; padding: 10px 15px;} #mainContent .contentInner .contentInnerInner .contentRight .dottedbox.eventsBox{ font-size: 11px;} #mainContent .contentInner .contentInnerInner .contentRight .dottedbox.eventsBox b{ color: #1b598d; font-weight: normal;} #mainContent .contentInner .contentInnerInner .contentRight .dottedbox.eventsBox ul { list-style-type: none; margin:0 0 5px 0; padding:0;} #mainContent .contentInner .contentInnerInner .contentRight .dottedbox.eventsBox ul li { margin:0; padding:0 0 0 10px; background: url('../images/bullet.gif') no-repeat 0 6px; font-size: 14px; line-height: 16px; } #mainContent .contentInner .contentInnerInner .contentRight .dottedbox.eventsBox ul li a {color: #131a2d; text-decoration: none; } #mainContent .contentInner .contentInnerInner .contentRight .dottedbox.eventsBox ul li a:hover {text-decoration: underline; } #mainContent .contentInner .contentInnerInner .contentRight .bluebox {margin: 0 15px 0 2px;} #mainContent .contentInner .contentInnerInner .contentRight .bluebox .blueHead { height: 38px; background: url('../images/bluebox_head.gif') repeat-x; padding: 0 15px; line-height: 38px; font-size: 18px;} #mainContent .contentInner .contentInnerInner .contentRight .bluebox .blueinner { margin: 15px; line-height: 16px; } #mainContent .contentInner .contentInnerInner .contentRight .bluebox .blueinner p { padding:0; margin: 0 0 5px 0;} #mainContent .contentInner .contentInnerInner .gallupBar { width: 202px; height: 12px; overflow: hidden; margin: 0 0 5px 0; } #mainContent .contentInner .contentInnerInner .gallupBar .gallupTop { margin:0; padding:0; position: absolute; z-index: 10; } #mainContent .contentInner .contentInnerInner .gallupBar .gallupPercent { background: #1b598d url('../images/gallupBarGrad.gif') no-repeat right 0; height: 12px; } #mainContent .contentInner .contentInnerInner .contentLeft .gallubBarBox { clear:both; overflow: hidden; } #mainContent .contentInner .contentInnerInner .contentLeft .gallupBar {float:left; margin: 4px 10px 4px 0; } #mainContent .contentInner .contentInnerInner .contentRight .bluebox .txtbox { width: 92px; padding: 2px; margin-bottom: 5px; border: 1px solid #777980;} #mainContent .contentInner .contentInnerInner .contentRight .bluebox .sendBtn { background: url('../images/sendBtn.gif') no-repeat; border: 0; margin:0; width: 62px; height: 26px; line-height: 14px; padding: 0 0 0 0; cursor: pointer;} #mainContent .contentInner .contentInnerInner .contentRight .bluebox textarea{ width: 198px; height: 100px; margin-bottom: 5px; font: 14px/16px Calibri, "Trebuchet MS", Tahoma, Verdana; border: 1px solid #777980;} #mainContent .searchHeader {} #mainContent .searchHeader { font-size: 21px; line-height: 24px; font-weight: normal; color: #1b598d; padding:0; margin: 5px 0 0 0;} #mainContent .searchHeader .sendBtn { background: url('../images/sendBtn.gif') no-repeat; border: 0; margin:0; width: 62px; height: 26px; line-height: 14px; padding: 0 0 0 0; cursor: pointer;} #mainContent .contentInner .contentInnerInner .contentLeft h2{ font-size: 20px; line-height: 22px; font-weight: normal; color: #1b598d; padding:0; margin: 8px 0 0 0;} #mainContent .contentInner .contentInnerInner .contentLeft .WideContent ul, #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .leftside ul { list-style-type: none; margin:0 0 5px 0; padding:0;} #mainContent .contentInner .contentInnerInner .contentLeft .WideContent ul li, #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .leftside ul li{ margin:0; padding:0 0 0 10px; background: url('../images/bullet.gif') no-repeat 0 6px; font-size: 14px; line-height: 18px; } #mainContent .contentInner .contentInnerInner .contentLeft .WideContent ul li a, #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .leftside ul li a {color: #131a2d; text-decoration: none; } #mainContent .contentInner .contentInnerInner .contentLeft .WideContent ul li a:hover, #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .leftside ul li a:hover {text-decoration: underline; } #mainContent .contentInner .contentInnerInner .contentLeft .WideContent{ padding: 15px 20px 20px 28px; } #mainContent .contentInner .contentInnerInner .contentLeft h1{ font-size: 30px; font-weight: normal; color: #1b598d; padding:0; margin: 5px 0; line-height: 28px;} #mainContent .contentInner .contentInnerInner .contentLeft .WideContent .newsTable h2{ font-size: 21px; line-height: 24px; font-weight: normal; color: #1b598d; padding:0; margin: 5px 0 0 0;} #mainContent .contentInner .contentInnerInner .contentLeft .authorBox { font-size: 12px; margin-bottom: 10px; } #mainContent .contentInner .contentInnerInner .contentLeft .WideContent .newsPic { float:right; width: 165px; font-size: 12px; margin: 5px 0 5px 5px; } #mainContent .contentInner .contentInnerInner .contentLeft .WideContent .newsPic img{ display: block; margin-bottom: 5px; } #mainContent .contentInner .contentInnerInner .contentLeft .WideContent .newsTable { width: 667px; background: url('../images/dottedBorder.gif') repeat-x; margin-top: 10px; overflow: hidden; } #mainContent .contentInner .contentInnerInner .contentLeft .WideContent .newsTable .newsTableRow {float: left; width: 667px; padding: 2px 0 4px 0; background: url('../images/dottedBorder.gif') repeat-x 0 bottom; overflow:hidden;} #mainContent .contentInner .contentInnerInner .contentLeft .WideContent .newsTable .cell { width: 323px; float:left; overflow:hidden; padding: 5px 0px 10px 10px;} #mainContent .contentInner .contentInnerInner .contentLeft .WideContent .newsTable .firstcell { background: url('../images/dottedBorder.gif') repeat-y right; padding: 10px 10px 10px 0px; } #mainContent .contentInner .contentInnerInner .contentLeft .rightlink { display:block; float: right;} #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent{} #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .leftside { float:left; width: 500px; background: url('../images/dottedBorder.gif') repeat-y right 0; padding: 10px 6px 10px 25px; } #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside { width: 180px; float:left;} #mainContent .contentInner .contentInnerInner .contentLeft .hr { overflow: hidden; clear:both; height: 3px; background: url('../images/dottedBorder.gif') repeat-x; display: block; border: none; padding:0; margin: 8px 0; } #mainContent .contentInner .contentInnerInner .bottomlinks { font-size: 12px;} #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside .subMenu { list-style-type: none; margin:35px 0 0 1px; padding:0;font-size: 16px; line-height: 24px; } #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside .subMenu a { color: #131a2d; text-decoration: none; display: block; padding: 0 0 0 20px; margin:0; background: url('../images/subMenuLi.gif') no-repeat 10px 9px;} #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside .subMenu a:hover { background-color: #d7e8f6;} #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside .subMenu a.active:hover { background-color: #1b598d;} #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside .subMenu a.active { color: #ffffff; background: #1b598d url('../images/subMenuLiActive.gif') no-repeat 10px 9px;} #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside .subMenu li { margin:0; padding:0; } #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside .subMenu ul { list-style-type: none; margin:0 0 0 10px; padding:0;} #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside .subMenu ul li a, #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightside .subMenu ul li a.active { margin:0; padding: 0 0 0 15px; background-image: none;} #mainContent .contentInner .contentInnerInner .contentLeft h3{ font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: normal; color: #1b598d; padding:0; margin: 2px 0 4px 0 ;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable {margin-bottom: 5px;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable table{ width: 100%; border-collapse: collapse; empty-cells:show;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable table td{ background: url('../images/dottedBorder3.gif') repeat-x 0 bottom; padding-bottom: 8px;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable table th{ background: url('../images/dottedBorder.gif') repeat-x 0 bottom; padding-bottom: 8px; font-size: 12px; color:#22b200; white-space:nowrap; font-weight:normal;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable table th a{ color:#22b200; text-align: right; font-size: 12px;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable table td h1 { font-size: 18px; line-height: 22px; margin:0;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable table td h1 a {color: #1b598d; } #mainContent .contentInner .contentInnerInner .contentLeft .linksTable table td h1 span {color: #76726a; font-size: 12px;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable img.galsPic { float:left; display:block; margin:0 5px 0 0; padding:0; } #mainContent .contentInner .contentInnerInner .contentLeft .toplinks { color:#22b200; text-align: right; font-size: 12px;} #mainContent .contentInner .contentInnerInner .contentLeft .toplinks a { color:#22b200;} #mainContent table.theGallery { border-collapse: collapse; width: 100%;} #mainContent table.theGallery td { padding: 5px 0;} #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .toplinks {margin-right: 10px;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable .toplinks {float:right;text-align: right; } #mainContent .contentInner .contentInnerInner .contentLeft .twoColContent .rightlink { margin-right: 10px;} #mainContent .contentInner .contentInnerInner .contentLeft .linksTable.noimg img {display:none;} #mainContent .contentInner .contentInnerInner .footer { clear:both; background: url('../images/footerBg.gif') repeat-x; margin: 5px 16px 0px 2px; overflow:hidden; height: 250px;} #mainContent .contentInner .contentInnerInner .footer .footTable { font-size: 12px; line-height: 14px; border-collapse:collapse; margin: 5px 15px; display:block; clear:both; overflow:hidden; } #mainContent .contentInner .contentInnerInner .footer .footTable td { padding: 10px; vertical-align: top;} #mainContent .contentInner .contentInnerInner .footer .footTable td b {font-size: 14px; line-height: 18px;} #newsCalendar { } #newsCalendar table{ margin: 0 10px; border-collapse: collapse;} #newsCalendar table td { text-align: center; font-size: 14px; color: #1b598d; cursor:pointer; height: 17px; line-height: 14px; width: 26px; margin:0; vertical-align: middle; } #newsCalendar table .calheader td {font-size: 12px;color: #131a2d; cursor: default; line-height: 12px;} #newsCalendar .calendarHead { text-align: center; padding-bottom: 5px;} #newsCalendar .calendarHead a { text-decoration: none; } #newsCalendar td#calTodayTd {background: url('../images/calToday.gif') no-repeat; color: #FFFFFF;} #krabilogo { position: absolute; margin: 0 0 0 930px; bottom: 36px;} .archiveLinkList a { color: #1b598d; } .year_selected, .month_selected {background: #1b598d; color: #FFFFFF;} .year_selected a, .month_selected a{color: #FFFFFF;} #ImgArea p { margin:0; padding:0;}