body, p, div, ul, li, table, td, th, form, h1, h2, h3, h4, h5, h6, select, input, ol {margin:0; padding:0}

body, h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif}

a, .asLink {color:#24428F; text-decoration:underline; cursor:pointer}
a:hover, .asLinkHover {text-decoration:none; border-bottom:none}
a:visited {color:#24428F}

img, select, input {border:none}

body {font-size:10pt; color:#3B3734}

.main {width:100%; min-width:980px}

.content {position:relative}

.darken {display:none; background-color:#000000; height:100%; width:100%; position:fixed; z-index:100; filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50; left:0; top:0}

.loginForm {position:fixed; top:50%; margin-top:-125px; height:250px; width:392px; left:50%; margin-left:-195px; background-color:#FFFFFF; display:none; z-index:120}

.loginForm input {margin-top:20px}
.loginForm .textInput {border:1px solid black; display:block; float:none}
.loginForm .loginButton {cursor:pointer}
.wclose {float:right; padding:10px 10px 0 0}
.winput {overflow:hidden; padding:10px 35px 0pt 20px; text-align:left}
.input-style {margin:0pt 0pt 13px; overflow:hidden; padding-left:20px; width:100%}
.login-text, .pass-text {color:#424242; font-size:14px; font-weight:bold; padding:4px 0pt; width:51px}
.input-style input {border:1px solid #C3C3C3; color:#999999; font-size:16px; font-weight:normal; height:22px; margin:0; padding:0; width:320px}
.w-submit {padding-left:20px; text-align:left}
.w-submit input {background:transparent url(img/btn_login_bg.png) no-repeat scroll 0%; border:0pt none; color:#fff; font-size:14px; font-weight:bold; height:30px; width:61px; margin-top:0; cursor:pointer}
.no-reg {font-size:12px; font-weight:normal; margin:20px 0pt 20px 40px; text-align:left}
#close_login {cursor:pointer}

.header {height:40px; position:relative}

.mainMenu {list-style:none; position:absolute; left:30px; top:5px}
.mainMenu li {display:inline; font-size:11pt; padding:0 20px 0 0}

.welcome {background-color:#C1C0BF; height:25px; display:block; position:absolute; top:0; right:45px; width:30%; line-height:23px}
.welcomeMenu {list-style:none; position:relative}
.welcomeMenu li {display:inline; padding:0; position:absolute; white-space:nowrap}
.welcomeMenu li.menuItems {color:#24428F; right:3%}
.welcomeMenu li.username {left:3%}
.welcomeMenu li #login {margin-right:8px}
.welcomeMenu li #reg {margin-left:6px}
.welcome div {background-repeat:no-repeat; position:absolute; width:4px; height:4px}
.welcome .l {background-image:url(img/headerBg.gif); background-position:-4px 0; left:0; bottom:0; overflow:hidden}
.welcome .r {background-image:url(img/headerBg.gif); background-position:0 0; right:0; bottom:0; overflow:hidden}

.logoBlock {position:relative; height:150px}

#logo {position:absolute; top:10px; left:30px}

.lang {position:absolute; top:0; right:10px; list-style:none}
.lang li {display:block; height:27px; width:31px; overflow:hidden}
.lang li.active {background:url(img/langActiveLi.gif) left center no-repeat}
.lang li div {float:right; background-repeat:no-repeat; background-position:right center; background-image:url(img/langOptionBg.gif); display:block; width:24px; height:27px; line-height:24px; text-align:center}
.lang li.active div {background-image:url(img/langActiveBg.gif)}
.lang li div a {color:#FFFFFF}

.calendar {height:250px; position:relative; z-index:5}

.yearSet {margin:0 45px 0 30px; position:relative; height:92px}
.year {position:absolute; top:0; height:92px; width:127px}
.year div {line-height:62px; width:126px; display:block; height:63px; position:relative; cursor:pointer; text-align:center; font-size:48px; font-family:"Book Antiqua", "Times New Roman", Times, serif; background:#DDDDDC url(img/yearBg.gif) top left no-repeat}
.year div.activeYear {width:127px; background:#24211D url(img/yearBgActive.gif) top left no-repeat; color:#FFFFFF; height:92px}
.year div a {color:#3B3734; text-decoration:none}
.year div.activeYear a {color:#FFFFFF}

.yearHide {position:absolute; height:14px; line-height:14px; background-color:#FFFFFF; width:126px; bottom:0; left:0; display:none; overflow:hidden}

#year1941 {left:0}
#year1942 {left:25%}
#year1942 div {margin-left:-25%}
#year1943 {left:50%}
#year1943 div {margin-left:-50%}
#year1944 {left:75%}
#year1944 div {margin-left:-75%}
#year1945 {right:0}

.monthSet {margin:0 45px 0 25px; position:relative; height:45px}
.months {list-style:none}
.months li {display:block; float:left; font-size:15pt; font-weight:bold; width:14.2%; text-align:center; color:#24211D; padding-top:10px; position:relative; z-index:10}
.months li.activeMonth { background:url(img/monthActiveBg.gif) top center no-repeat}
.months li.activeMonth a {color:#24211D; font-size:15pt; font-weight:bold; text-decoration:none}
.months li .asLink, .months li a {font-weight:normal; font-size:13pt; color:#24428F}
.monthNav {display:block; position:absolute; width:27px; font-size:25pt; z-index:100}
.monthNav a {border:none; display:block; width:27px; height:8px; text-decoration:none}
.monthNavLeft {left:-8px}
.monthNavRight {right:-5px}

.daysSet {height:70px; position:relative; width:100%; background:#D3CFCA url(img/daysBgRight.gif) top right repeat-y}
.daysSet .container {background:url(img/daysBgLeft.gif) top left repeat-y; height:70px; width:100%}

.page {position:relative; margin:0 30px 0 25px; font-size:10pt; z-index:10}

.leftColumn, .rightColumn {position:relative}
.leftColumn {float:left; width:47%}
.rightColumn {float:right; width:50%}
.split {display:table; position:relative; width:100%;
//overflow-y: hidden}

.split .row {display:table-row; position:relative; width:100%;
//top: 100%}
.split .leftSplit, .split .rightSplit {display:table-cell; position:relative; vertical-align: bottom;
//display: inline;
//float: left;
//margin-right: -100%}
.split .leftSplit {width:30%; padding-right:2%}
.split .rightSplit {width:64%;
//margin-left:34%;
//width:66%}
.split .row .row {display:block; width:auto;
//top:-100%;
//width:100%}
.split .leftSplit .r {padding-left:0}
.split .rightSplit .r {padding-right:0}

#intro {padding-bottom:30px; background:url(img/dash.gif) bottom left repeat-x; margin-bottom:25px}
#intro p {padding-bottom:15px}
#intro p#introOff {padding:0; text-align:right}

.text {display:block; position:relative}

.bordered {border:1px solid #C1C0BF; padding-top:15px; margin-top:5px; margin-bottom:30px}
.bordered h1 {font-weight:bold; font-size:13pt; background-color:#FFFFFF; position:absolute; top:-10px; left:15px; padding:0 5px}
.bordered h1.wide {width:70%}

.dayByDay {list-style:none; margin-top:10px; margin-left:10px; height:31px}
.dayByDay li {display:block; float:left; width:58px; height:31px; line-height:31px; text-align:center; font-size:15pt; cursor:pointer}
.dayByDay .tab1 {background-color:#F2F2F2}
.dayByDay .tab2 {background-color:#E6E6E6}
.dayByDay .tab3 {background-color:#DDDDDC}
.dayByDay .tab4 {background-color:#CFCFCF}
.dayByDay .tab5 {background-color:#BEBEBE}
.dayByDay .activeYearTab{cursor:auto}

.tabText {background-color:#F2F2F2; clear:both; list-style:none; margin:0 10px 8px; padding:25px 20px 20px 20px}
.tabText li {font-size:10pt; color:#24428F; line-height:17pt}
.tabText li a {margin-left:10px}
.noBg {background-color:#FFFFFF; padding:0 0px}

.tabbed {margin-bottom:20px}
.join {background-color:#3B5F7F; height:70px; text-align:center; line-height:68px; font-size:24pt; font-weight:bold; position:relative}
.join a {color:#FFFFFF}
.join div {background-repeat:no-repeat; position:absolute; width:6px; height:6px; overflow:hidden}
.join .lt {background-image:url(img/joinBg.gif); background-position:-6px -6px; left:0; top:0}
.join .lb {background-image:url(img/joinBg.gif); background-position:-6px 0; left:0; bottom:0}
.join .rt {background-image:url(img/joinBg.gif); background-position:0 -6px; right:0; top:0}
.join .rb {background-image:url(img/joinBg.gif); background-position:0 0; right:0; bottom:0}

.search {width:66%; position:absolute; right:0; z-index:50}
.formal {margin-bottom:15px; padding:20px 0}
.fDark {background-color:#DDDDDC; color:#8F8E8D; margin-top:5px/*; border-top:2px solid #DDDDDC; border-bottom:2px solid #DDDDDC; height:56px*/}
.fLight {background-color:#F2F3F4; margin-bottom:20px; padding:17px 0}

.searchByDate {padding-left:20px; font-size:10pt}
.searchByDate select {margin-right:0px; font-size:8pt; color:#555555; border: 1px solid #A8A8A8; border-right:none; border-bottom:none}
.searchByDate input {background:url(img/searchDateButtonBg.gif) top left no-repeat; width:28px; height:19px; color:#FFFFFF; font-size:9pt; cursor:pointer}
.searchByDate div.container {display:block; float:left; height:20px; padding-right:5px}
#searchDay {width:40px}
#searchMonth {width:80px}
#searchYear {width:55px}

.searchByKeyword {margin-left:20px; padding-bottom:10px}
.searchByKeyword .textInput {border:1px solid #959494; width:80%; height:21px}
a.searchExt {position:absolute; top:60%; left:20px; font-size:7pt; color:#4E4B49}
.searchButton {cursor:pointer; margin-left:5px}

.mediaBlock {width:90%; margin:0 auto; text-align:center; font-size:8pt; padding:10px 0}
.mediaBlock a {color:#4E4B49; line-height:13pt}
.mediaText {display:block}

.coloredBorder {border-color:#24428F}
.coloredBorder .container {padding:10px}
.coloredBorder .container p {padding:0 10px}
.inh {float:left; display:block}
.chosen {background:#DDDDDC url(img/chosen.gif) -9px top no-repeat; height:21px; position:relative; left:10px; font-size:8pt}
.coloredBorder .container h1 .chosen .r {background:url(img/chosen.gif) left top no-repeat; height:21px; width:9px; display:block; position:absolute; right:-9px}
.coloredBorder .container h1 .chosen .t {float:left; line-height:20px; padding:0 5px 0 10px}
.coloredBorder .container h1 .chosen .t img {position:relative; top:3px; display:block; float:left}
#anotherArticle {border-bottom:1px dashed #24211D; color:#24211D; cursor:pointer; margin-left:5px}
.coloredBorder .container h1 .chosen .t .invisible {display:none}

.credits {height:50px; position:relative; background-color:#605D5C; margin:30px 30px 30px 25px; text-align:center; clear:both}
.credits ul {list-style:none; margin:0 auto}
.credits ul li {display:inline; line-height:50px; font-size:12pt; padding:0 5%}
.credits ul li a {color:#FFFFFF}

.footer {height:75px; background-color:#DDDDDC; position:relative; width:100%}
.footer ul {height:55px; list-style:none; position:relative; top:10px; width:100%}
.footer ul li {display:block; float:left; height:55px; line-height:55px; width:19.4%; text-align:center; white-space:nowrap}
.footer ul .copyright {border-left:1px solid black; width:21.5%}
.footer ul .first a {margin-left:5px}

.clear {clear:both; height:1px; font-size:1px}

.innerpage {margin:0 10px}

.leftDouble, .rightDouble {position:relative}
.leftDouble {width:70%; float:left; padding-bottom:15px}
.rightDouble {width:29%; float:right}
.rightDoubleSubst {width:3%; float:right; background-color:#CCCCCC; display:none; cursor:pointer; height:600px; text-align:center; font-size:15pt}

.leftDouble h2 {font-size:20pt; font-weight:bold; padding-left:25px; position:relative; width:auto}
.leftDouble h2 a {}
.themesBlock {width:100%; background-color:#F2F3F4; margin:10px 0; position:relative}
.chapter {background:#FFFFFF url(img/dash.gif) bottom left repeat-x; padding-bottom:15px}
.noBg {background-color:#FFFFFF}
.themesBlock .container {padding:10px 30px}
.themesBlock h3 {font-weight:normal; font-size:15pt; padding-bottom:5px}
.themesBlock .collapser, .themesBlock .decollapser {position:absolute; font-size:16pt; top:0; right:2px}
.themesBlock .collapser .asLink, .themesBlock .decollapser .asLink {text-decoration:none}
.themesBlock .decollapser {display:none}
.themesBlock ul {list-style:none; font-size:10pt}
.themesBlock ul li {padding:8px 0; color:#24428F; clear:both}
.themesBlock ul li a {position:relative; left:5px}
.themesBlock p {padding:10px 0}

.themesList {font-size:10pt; list-style:none; padding:0 10px 10px 20px}
.themesList li {padding:5px 0}

.rightDouble .bordered {margin-bottom:20px}
.rightDouble .additionalPanel {padding-bottom:15px}
.rightDouble .bordered h1 {white-space:nowrap; font-size:11pt; z-index:100}
.rightDouble .secondLayer {width:90%; margin:10px auto 0}
.secondLayer h1, .halfBlock h1 {font-size:11pt}

.rightDouble .halfBlock {width:48%; display:block; float:left; margin-bottom:0}
.rightDouble .halfBlockRight {float:right}
.rightDouble .halfBlock .mediaBlock {min-height:105px}

.collapsePanel, .decollapsePanel {font-size:16pt; font-weight:normal; padding-left:15px; display:inline}
.collapsePanel img, .decollapsePanel img {cursor:pointer}
.decollapsePanel {display:none}


.redBorder {border-color:#EB3D00}
.redBorder h1 {color:#EB3D00}
.redBorder .themesList li {padding-left:20px; background:url(img/starBullit.gif) left 8px no-repeat}
.redBorder .themesList li a {color:#24211D}

.monthThemesBlock {width:100%; margin:10px 0; position:relative; background-color:#F2F3F4}
.activeMonthThemesBlock { background-color:#FFFFFF; border:1px solid #7D8FBC}
.monthThemesBlock .container {padding:10px 30px}
.monthThemesBlock h4 {font-weight:normal; font-size:13pt}
.monthThemesBlock ul {list-style:none; font-size:10pt; display:none}
.monthThemesBlock ul li {padding:8px 0; color:#24428F; clear:both}
.monthThemesBlock ul li a {position:relative; left:5px}
.activeMonthThemesBlock ul {display:block}
.monthThemesBlock .collapseMonthDay, .monthThemesBlock .decollapseMonthDay {position:absolute; font-size:16pt; top:0; right:2px}
.monthThemesBlock .collapseMonthDay .asLink, .monthThemesBlock .decollapseMonthDay .asLink {text-decoration:none}
.monthThemesBlock .decollapseMonthDay {display:block}
.activeMonthThemesBlock .decollapseMonthDay {display:none}
.monthThemesBlock .collapseMonthDay {display:none}
.activeMonthThemesBlock .collapseMonthDay {display:block}
.monthThemesBlock h4 a {display:block; float:left}

.category {padding-left:60px; white-space:nowrap; font-size:8.5pt; font-weight:bold}
.category a {color:#EB3D00}

.forTooltip {position:relative; padding:0 0 0 8px; font-size:12pt; font-weight:bold; color:#EB3D00; display:block; float:left}
.forTooltip img {cursor:pointer}
.tooltip {display:block; position:absolute; height:38px; background:url(img/tipBg.gif) top left repeat-x; white-space:nowrap; font-size:8pt; font-weight:normal; color:#EB3D00; line-height:28px; left:-18px; top:-37px; display:none}
.tooltip .r {width:100%; background:url(img/tipRight.gif) top right no-repeat; height:38px}
.tooltip .l {background:url(img/tipLeft.gif) top left no-repeat; height:38px; padding:0 10px}

#jMonthCalendar {width:96%; margin:0 auto}
#jMonthCalendar .MonthNavNext, #jMonthCalendar .MonthNavPrev {display:none}
.DateBox {display:block; float:left; background:url(img/calendarDayBg.gif) center center no-repeat; height:30px; width:14%; text-align:center; line-height:30px}
.daysRow {display:block; float:left; height:30px; width:100%}
.DateHeader {display:block; float:left; height:30px; width:14%; text-align:center; line-height:30px; font-weight:bold}
.MonthName {padding-left:15px; font-size:11pt; font-weight:bold}

.MonthPrev, .MonthNext, .MonthPrev2, .MonthNext2 {float:left; font-size:8pt; padding:0 5px; color:#24428F; cursor:pointer; line-height:10pt}
.MonthNext2 {float:right; padding-right:15px; padding-top:3px}
.MonthPrev2 {padding:3px 10px 0 15px}
.MonthNavName {font-size:10pt; font-weight:bold; padding:0 10px; float:left}

.dateInMonth {float:left; font-weight:bold; padding-right:5px; padding-top:8px; display:none}
.activeMonthThemesBlock .dateInMonth {display:block}
.dateInMonthEvents {display:block; float:left; width:86%; margin-bottom:10px}
.dateInMonthEvents li {padding-bottom:0}

.monthThemesBlock h4 .expandMonth {padding:0 10px; display:none}
.activeMonthThemesBlock h4 .expandMonth {display:block}

.jqmOverlay { background-color:#000}

.monthNav .asLink {text-decoration:none}

.dayNav {position:absolute; line-height:70px; top:0}
.dayNav .asLink {text-decoration:none}
.dayNavLeft {left:25px}
.dayNavRight {right:30px}

.days {width:90%; margin:0 auto; line-height:70px}
.days li {padding-top:0; display:block; float:left; width:5%; text-align:center}
.days li.today a { padding:3px 7px; background-color:#FFFFFF; border:1px solid #000000; color:#000000; font-weight:bold; text-decoration:none}

.anotherMonth a {color:#999999}

#connector {position:absolute; left:0; background-color:#000000; height:1px; line-height:1px; font-size:1px; display:none}


.join {margin-bottom:10px}
.encBlock {margin-top:200px}

.encBlock .tabText {margin-left:20px}
.encBlock .tabText li {background:url(img/bullitSimple.gif) left 1em no-repeat; line-height:15pt; padding:4px 0 4px 10px}
.encBlock .tabText li a {display:block}

.subYear {color:#A4A3A3; font-size:8pt; font-weight:normal; position:relative; top:-10px}


.photoView {padding-left:25px; padding-top:40px}
.photoView #imgHolder {width:100%}
.photoView p {text-align:center; padding:10px 0; width:90%}

.gallery {border:1px solid #DBDBDA; display:block; padding:10px; margin-top:20px; float:left}
.gallery .item {width:130px; display:block; float:left; text-align:center; height:160px; margin-right:10px}
.gallery .item div {padding:5px; overflow:hidden}
.gallery .item p {width:100%}
/*.gallery .item .activeItem p {border:2px solid #24428F; border-top:none}*/
.activeItem {border:2px solid #24428F}


.linkColour {color:#24428F}
.newWin {padding-left:20px}
.searchIteminText {background-color:#FDFE9A}

.mediaSearchResult {clear:both; padding:10px 0; display:block}
.mediaSearchResult .media {width:20%; display:block; float:left}
.mediaSearchResult .mediaHeader {width:80%; display:block; float:left; padding-top:25px}

.wideVersion .searchByKeyword {padding-bottom:0}
.wideVersion .searchByKeyword .textInput {width:70%}

.decollapserSearch, .collapserSearch {position:absolute; font-size:16pt; top:0; right:2px}
.decollapserSearch .asLink, .collapserSearch .asLink {text-decoration:none}
.decollapserSearch {display:none}

.w-submit input, .form-submit {width:116px; height:29px; line-height:29px; background-position:center; background-repeat:no-repeat; color:#FFFFFF; text-align:center; cursor:pointer}
.w-submit input {background-image:url(imgad/modalButtonBlue.gif)}