* { margin: 0; padding: 0; } a { text-decoration: underline; color: #37d9e4; } a:hover { text-decoration: none; } body { font-size: 11.5pt; line-height: 1.2; background-color: #f7f7f7; color: #4D4D4D; } body,input { font-family: "Open Sans", sans-serif; } br.clearfix { clear: both; } h1,h2,h3,h4 { font-weight: normal; } h2 { font-size: 2.25em; } h2,h3,h4 { margin-bottom: 1em; color: #333; font-family: Abel, sans-serif; } h3 { font-size: 1.75em; } h4 { font-size: 1.5em; } strong { color: #333; } img.alignleft { float: left; margin: 5px 30px 30px 0; border-radius: 6px; } img.aligntop { margin: 5px 0 20px 0; border-radius: 6px; } p { margin-bottom: 1.75em; } h4 { margin-bottom: 0.4em; } ul { list-style: none; } .box { margin: 0 0 35px 0; overflow: hidden; } .section-list { padding-left: 0; list-style: none; } .section-list li { padding: 25px 0 25px 0; clear: both; } ul.list li { border-top: solid 1px #CFCFCF; padding: 10px 0 10px 0; } ul.list li.first { padding-top: 0; border-top: 0; } #footer { padding: 50px 0; text-align: center; } #footer a { color: #938D82; } #logo { font-weight: 700; } #logo a { color: #093b84; text-decoration: none; } #logo h1 { margin: 20px 0; font-family: Abel, sans-serif; font-size: 3.5em; } #logo h1 { font-weight: 700; } #menu { margin: 0; padding: 50px; font-family: Abel, sans-serif; background: linear-gradient(199deg, #c7d9e7, #aac3e8); background-image: url("/content/h-bgnd.jpg"); } #menu a { font-size: 1.25em; text-decoration: none; } #menu ul { list-style: none; } #menu ul li { position: relative; display: inline-block; padding: 0 20px 0 20px; } #menu ul li.first { padding-left: 0; } #menu a:hover {color: #fff;} #page { position: relative; margin: 0; background-image: url("/content/body.png"); } #search { text-align: center; } #search input.form-text { padding: 9px 40px 9px 9px; border: 0; border-radius: 6px; color: #093b84; } #sidebar { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; } #sidebar .box { width: 45% } .popup { position:absolute; left: -140%; width: 300px; display:none; margin:-20px 0px 0px 175px; padding-top: 20px; z-index: 1000; line-height: 30px!important;} .popup ul { margin:0!important; padding: 10px!important; border-radius: 0px 0px 6px 6px!important;} .popup ul li { margin:0!important; padding: 0px!important; float: none!important; display:block!important;} .popup ul li a { font-size: 1.15em!important; color: #fff!important; text-decoration: none; line-height: 30px!important; } .popup ul li a:hover {text-shadow: 1px 1px 1px rgba(0,0,0,0.8)!important;} .popup2 { position:absolute; left: -200%; width:300px; display:none; margin:-20px 0px 0px 395px; padding-top: 20px; z-index: 1000; line-height: 30px!important;} .popup2 ul { margin:0!important; padding: 10px!important; border-radius: 0px 0px 6px 6px!important;} .popup2 ul li { margin:0!important; padding: 0px!important; float: none!important; display:block!important;} .popup2 ul li a { font-size: 1.15em!important; color: #fff!important; text-decoration: none; line-height: 30px!important; } .popup2 ul li a:hover {text-shadow: 1px 1px 1px rgba(0,0,0,0.8)!important;} /* new added */ .menu-line { display: flex; align-items: center; justify-content: space-around; } .menu-line a { color: #fff; } .menu-line li { cursor: pointer; } .logo-wrapper { display: flex; justify-content: space-around; margin-top: 100px; } .logo-wrapper > a { } #sidebar .box h3 { font-weight: 700; color: #134489; } #sidebar .box a { color: #37d9e4; } #sidebar .box li { margin-bottom: 10px; } #sidebar, #content { width: 55%; margin: 50px auto; padding: 30px; border-radius: 15px; } #content { background-color: #edf8fe; } #col1,#col2 { width: 48%; } .columns { display: flex; justify-content: space-between; } .list { clear: left; } #