/* Institute of Sino-Christian Studies */ /* Import */ @import url('http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css'); @import url('http://fonts.googleapis.com/css?family=Roboto:300,400'); /* for h1-h6, section headers */ @import url('http://fonts.googleapis.com/earlyaccess/notosanstc.css'); @import url('http://fonts.googleapis.com/earlyaccess/notosanssc.css'); /* Default */ body {overflow-y: scroll; font-size: 13px; color: #333; font-family: 'Noto Sans SC', Roboto, Helvetica, Arial, sans-serif; margin:0px; padding:0px;} h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5em; font-family: 'Noto Sans SC', Roboto, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.2em;} h1index {font-size: 330%; line-height: 1em; color: #2D6344;letter-spacing:-0.015em;} h2index {font-size: 170%; line-height: 1.5em; font-weight: bold; color: #2D6344;letter-spacing:-0.005em;} h3index {font-size: 140%; line-height: 1.2em; font-weight: bold; color: #FFF;letter-spacing:-0.005em;} h1 {font-size: 280%; line-height: 1.6em; color: #2D6344;} h2 {font-size: 140%;} h3 {font-size: 125%;} h4 {font-size: 110%;} h5 {font-size: 100%;} h6 {font-size: 90%;} a {color: #333; text-decoration: none;} a:hover {text-decoration: underline;} a:link, a.navbar:link, a.man:link {color:#333; font-size:13pt; font-family: 'Noto Sans SC', Roboto, Helvetica, Arial, sans-serif; text-decoration:none;} a:active, a.navbar:active, a.man:active {color:#67A400; font-size:13pt; font-family: 'Noto Sans SC', Roboto, Helvetica, Arial, sans-serif;} a:visited, a.navbar:visited, a.man:visited {color:#333; font-size:13pt; font-family: 'Noto Sans SC', Roboto, Helvetica, Arial, sans-serif;} a:hover, a.navbar:hover, a.man:hover {color:#67A400; font-size:13pt; font-family: 'Noto Sans SC', Roboto, Helvetica, Arial, sans-serif;text-decoration:underline;} a img{border:none; width:100%; height:auto;} text1, text2, text3, text4, text5, text6 {margin-bottom: 0.5em; font-family: 'Noto Sans SC', Roboto, Helvetica, Arial, sans-serif; font-weight: normal;color: #333;} .text1 {font-size: 280%; line-height: 1em;text-align:justify;} .text2 {font-size: 140%;line-height: 1em;text-align:justify;} .text3 {font-size: 135%;line-height: 1.6em;text-align:justify;} .text4 {font-size: 130%;line-height: 1.9em;text-align:justify;} .text5 {font-size: 115%;line-height: 1.4em;text-align:justify;} .text6 {font-size: 90%;line-height: 1em;text-align:justify;} .text7 {font-size: 110%;line-height: 2em;color: #a8a4a2;line-height: 6em;} td,form{margin:0;padding:0} table,tr,td{background:transparent} hr {margin: 0;} /* for ie7 and below */ html>/**/body hr {margin: 20px 0 8px 0;} /* for modern browsers */ input::-webkit-input-placeholder {font-weight: normal !important; color: #ccc !important;} input:-moz-placeholder {font-weight: normal !important; color: #ccc !important;} .dotline{left:0px;margin-left:0px;top:0px;margin-top:13px;margin-bottom:9px;padding-left:0px;padding-bottom:0px;width:98%;height:auto;float:left;border-bottom: 1px dotted #C3DEC3;} .greenline{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #C3DEC3;} .greenline2{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #B6D2BE;} .whiteline{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #FFF;} .greyline2{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #E9E9E9;} .greyline3{left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px solid #F8F8F8;} .spacer80{width:100%;height:60px;float:none;} .spacer70{width:100%;height:60px;float:none;} .spacer60{width:100%;height:60px;float:none;} .spacer55{width:100%;height:55px;float:none;} .spacer50{width:100%;height:50px;float:none;} .spacer45{width:100%;height:45px;float:none;} .spacer40{width:100%;height:40px;float:none;} .spacer36{width:100%;height:36px;float:none;} .spacer32{width:100%;height:32px;float:none;} .spacer30{width:100%;height:30px;float:none;} .spacer28{width:100%;height:28px;float:none;} .spacer25{width:100%;height:25px;float:none;} .spacer24{width:100%;height:24px;float:none;} .spacer20{width:100%;height:20px;float:none;} .spacer15{width:100%;height:15px;float:none;} .spacer10{width:100%;height:10px;float:none;} .spacer5{width:100%;height:5px;float:none;} /* New Book img */ #bookimg {margin:0; width: 100%; overflow: auto;} #bookimg ul {list-style-type: none;} #bookimg li {display:block; margin-right:3%; top:6%; padding-top:6%; padding-bottom:0%; width:131px; height:205px; border: 0px solid #fff; float: left; -webkit-transition: box-shadow 0.5s ease; -moz-transition: box-shadow 0.5s ease; -o-transition: box-shadow 0.5s ease; -ms-transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease; } #bookimg li :hover { -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.9); box-shadow: 0px 0px 0px rgba(255,255,255,0.9); } /* New Social img */ #socialimg {margin:0; width: 100%; overflow:hidden;} #socialimg ul {list-style-type: none;} #socialimg li {display: block; margin-right:2%; top:7px; padding-top:2%; padding-bottom:2%; width:32px; height:38px; border: 0px solid #fff; float: left; -webkit-transition: box-shadow 0.5s ease; -moz-transition: box-shadow 0.5s ease; -o-transition: box-shadow 0.5s ease; -ms-transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease; } #socialimg li :hover { -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.9); box-shadow: 0px 0px 0px rgba(255,255,255,0.9); } /* Back to Top */ a.iscs-backtotop { overflow: hidden; z-index: 8000; position: fixed; right: 10px; bottom: 10px; margin: 0; padding: 2px 4px; height: 30px; width: 30px; background-color: #333; font-size: 24px; line-height: 24px; cursor: pointer !important; opacity: 0.8; filter: alpha(Opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; } a.iscs-backtotop:hover {opacity: 1; text-decoration: none;} a.iscs-backtotop i {color: #fff; text-shadow: 0 -1px 0 #000;} .contain1 {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left; overflow:visible;} .contain2 {left: 0px; margin-left: 0px; top: 0px; width: 98%; height: auto; float: left;} #iscs-mobileNav-list {display:none; width:100% height:auto; margin-top:-13px;} /*<!-- new sytle developed by vera -->*/ .spacer7{width:100%;height:7px;float:none;background-color: #fff;} h1blog_archive {font-size: 330%; line-height: 1em; color: #2D6344;letter-spacing:-0.015em;} .contain3 {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left;} .contain4 {width:100%;height:auto;top:0px;} .contain5 {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left; overflow:visible;} .contain6 {left: 0px; margin-left: 0px; top: 0px; width: 90%; height: auto; float: left; overflow:visible;} .booksBlkC {left:41px; margin-left: 41px; top: 44px; width: 100%; height: auto; background-color: #F2F1F0; border-right: 0px solid #908F8D; font-size:14px;} .booksBlkD {left: 0px; margin-left: 0px; top: 0px; width: 30%; height: auto; float: left; background-color: #d8d5d0; font-size:14px;} .booksBlkE {left: 26px; margin-left: 26px; top: 0px; width: 100%; height: 100%; float: left; background-color: #d8d5d0; font-size:14px;} .booksBlkF {left:0px; margin-left: 0px; top: 44px; width: 63%; height: auto; background-color: #F2F1F0;float: left;} .borderA {width: 34%; height: auto; border-right: 1px solid #908F8D;float: left;} .borderB {width: 33%; height: auto; border-right: 1px solid #908F8D;float: left;} .borderC {width: 31%; height: auto; border-right: 0px solid #908F8D;float: left;} .outterE {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center;} .innerE {font-family: 'Noto Sans SC', Helvetica, Arial, sans-serif; margin: auto; width: 960px; height:auto; z-index: 90; text-align: left;} .mainA{width:100%;height:auto;top:0px;left:50px;background-color:#d8d5d0} .mainE{width:100%;height:auto;top:0px;left:50px;background-color:#f2f1f0} .mainF{width:100%;height:auto;top:0px;left:50px;background-color:#fff} .mainG{width:100%;height:auto;top:0px;left:50px;background-color:#fbf9f7} .mainH{width:100%;height:auto;top:0px;background-color:#F2F1F0} .text8 {font-size: 115%;line-height: 1em;color:#333;} .text9 {font-size: 165%;line-height: 2.6em;color:#333;} .text10 {font-size: 115%;line-height: 1.4em;color:#333;} .text10indent {margin-left: 1.5em;font-size: 115%;line-height: 1.4em;color:#333;text-align:justify;} .text11 {font-size: 115%;line-height: 1.6em;color:#333;text-align:justify;} .text11indent {margin-left: 1.6em;font-size: 115%;line-height: 1.6em;color:#333;text-align:justify;} .text12 {font-size: 100%;line-height: 2em;text-align:justify;} .text13 {font-size: 90%;line-height: 2em;text-align:justify;} .text14 {font-size: 80%;line-height: 1em;color: #333;text-align:justify;} .text15 {font-size: 100%;line-height: 1em;color: #333;text-align:justify;} .newheaderL {width: 70%; height: auto; top: 0px; float: left;} .newheaderR {width: 30%; height: auto; top: 0px; float: left;} .headerHolder {vertical-align: middle; text-align: center; height:350px;} .headerHolder img {height:100%;} .BlkA {left:29px; margin-left: 29px; top: 44px; width: 94%; height: auto; float: left; border-right: 0px solid #908F8D; font-size:14px;} .BlkB {left: 29px; margin-left: 26px; top: 0px; width: 32%; height: auto; float: left; background-color: #ffffff; font-size:14px;} .subjects-listA {width: 90%;left:6px; margin-left: 6px; font-size:115%; line-height: 2.6em; color: #333;font-weight: bold;} .subjects-listA a {font-size:106%; line-height:2.1; color: #333;font-weight: bold;} .subjects-listA a:hover {color: #139513;font-weight: bold;} .subjects-listB {width: 90%;left:20px; margin-left: 20px; font-size:115%; line-height: 2.6em; color: #333;font-weight: bold;} .subjects-listB a {font-size:106%; line-height:2.1; color: #333;font-weight: bold;} .subjects-listB a:hover {color: #139513;font-weight: bold;} .greyline {left:0px;margin-left:0px;top:0px;margin-top:5%;margin-bottom:5%;padding-left:0px;padding-bottom:0px;width:98%;height:auto;float:left;border-bottom: 1px solid #6a6a6a;} /*<!-- end new sytle developed by vera -->*/ /* Select Style developed bu Vera & Modify by Isaac */ .selectShort { margin: 0px; padding: 0px; border: 1px solid #C3DEC3; background: transparent; width: 40px; font-size:120%; height: 37px; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*text-align:left;*/ text-indent: 8px; float: left; } .selectShort::-ms-expand { display: none; } /* //Select Style developed bu Vera & Modify by Isaac*/ /*<!-- new sytle developed by Isaac for displaying the webpage responsively -->*/ @media screen and (min-width:961px) { .bkgTp {width: 100%;height: 149px;background-image: url('/Template/Shared/images/global/mapTp01.png');background-repeat: no-repeat; background-position: 50%;} .bkgCn {width: 100%;height:auto; background-image: url('/Template/Shared/images/global/GreybkgCn01.png');background-repeat: repeat-x;} .bkgDn {width: 100%;height: 208px;background-image: url('/Template/Shared/images/global/mapDn01.png');background-repeat: no-repeat;} .outterADn {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;} .outterA {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;} .outterB {display:block; width: 100%; height:46px; background:#107C10; margin:0; padding:0; text-align: center; border-bottom:0px solid #107C10;} .outterC {display:block; width: 100%; height:auto; background:#FFF; margin:0; padding:0; text-align: center;} .outterD1, .outterD2 {display:block; width: 100%; height:auto; background:#FFF; margin:0; padding:0; text-align: center; margin-bottom:61px} .outterE {display:block; width: 100%; height:auto; background:#f8f8f8; margin:0; padding:0; text-align: center; border-bottom:10px solid #f8f8f8;} /* Logo */ .innerLogo {font-family: 'Noto Sans SC', Helvetica, Arial, sans-serif; margin: auto; width: 960px; height:auto; z-index: 90; text-align: left;} .innerCn {text-align:center; height:auto;} .inner {font-family: 'Noto Sans SC', Helvetica, Arial, sans-serif; margin: auto; width: 960px; height:auto; z-index: 90; text-align: left;} .headerL {width: 75%; height: auto; top: 0px; float: left;} .iscsLogo {vertical-align:middle; text-align:left;left:32px;margin-left:32px;margin-top:16px;margin-bottom:12px;} .headerR {width: 25%; height: auto; top: 0px; float: left;} .main{width:100%; height:auto; top:0px; left:50px;} /* Main Menu */ .InnerNavMobile {display:none;} .InnerNav {font-family: 'Noto Sans SC', Helvetica, Arial, sans-serif; margin: auto; width: 960px; height:auto; z-index: 90; text-align: left;} #iscs-mobileNav-list {display:none; width:0%; height: 0px; overflow: hidden;} .topnavicon1 {left: 5%; margin-left: 5%; width: auto; float: left;} .topnavicon2 {right: 0%; margin-right: 1%; width: 100px; float: right;} .ddsmoothmenu{padding: 0px; background-image: none; background-color: #107C10; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ddsmoothmenu ul {margin: 0px 0px 0px 5%} .ddsmoothmenu ul li a{color:#FFF; text-shadow:none;} .ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li a.selected{ background-image: none; background-color: #139513; color:#fff; } .ddsmoothmenu>ul>li>a.active{ color: #FFF; background-color: #107C10 } .ddsmoothmenu ul li ul {box-shadow:none; margin-left: -1px;} /* This is added to remove the undecideable effect after the shift compensation */ .ddsmoothmenu ul li ul li {left: 0px;} /* This is added to compensate the side-effect shift */ .ddsmoothmenu ul li ul li a{Font-size:16px; border-color:#0B560B; background-color:#107C10; text-shadow:none; width:180px;} .ddsmoothmenu ul li ul li a:hover{background-image:none;background-color:#139513} .ddsmoothmenu ul li ul li ul li a{border-color:#0B560B} .endItem {float:right;} .childItemFix {display:inline-block;height:auto;width:15px;} /* Main Menu End */ .booksBlkA {left:41px; margin-left: 38px; top: 44px; width: 64%; height: auto; float: left; border-right: 1px solid #908F8D; background-color: #ffffff; font-size:14px;} .booksBlkB {left: 26px; margin-left: 26px; top: 0px; width: 32%; height: auto; float: left; background-color: #ffffff; font-size:14px;} /* Search and Social */ .containerUp {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: none;} .containerUpL {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 10px; background-color: #fff; } .containerUpLInner {width: 100%; float: none;} .containerUpR {width: 100%; float: none; font-size: 14px; vertical-align: middle; line-height: 28px; text-align: center; left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;} .containerDn {left: 0px; margin-left: 0px; top: 10px; width: 100%; height: auto; float: left;} .containerDnL {left: 0px; margin-left: 0px; top: 0px; width: 90%; height: auto; float: left;} .containerDnLInner {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 10px; border:1px solid #C3DEC3; float: left} .containerDnR {width: 100px; height: auto; float: left; text-align: Left; left: 5px; margin-left: 6px; margin-top: 60px;} .containerUpC {vertical-align:middle; text-align:left; left:50px; margin-left:-70px;margin-top:0px; margin-bottom:0px; font-size:100%; width: 75%; height: auto; float: none; line-height:2.2em;} .containerLang {width: 14%; float: left; font-size: 13px; color: #B6D2BE; vertical-align: middle; line-height: 46px; text-align: right; left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;} .containerLang a {color: #B6D2BE; text-decoration: none; font-size: 13px;} .containerLang a:hover {color: #FFF; text-decoration: underline;} .iscsLogo img {width:645px;} .containerDnL img, .containerDnR img {height:100%;} .srchInputbox {height:31px; width:100%; border:0px; padding-left:8px;background:#fff} .topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 80%; height: auto; float: left; background-color: #fff;} .topsearch2 {left: 0px; margin-left: 0px; width: auto; height: 32px; float: left;} .topsearch3 {right: 0%; margin-right: 0%; width:42px; height: 32px; float: right; padding-top:1px;} .owl-carousel .owl-item img {width:100%;} .servDiv {left: 5px; margin-left:0px; top:0px; width:99%; height:auto; float:left;} .servDivL1a {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left;} .servDivL1b {left: 5px; margin-left: 5px; top: 0px; width: 99%; height: auto; float: left;} .servDivL2a, .servDivL2b {left: 0px; margin-left: 0px; top: 0px; width: 48%; height: auto; float: left;} .iconHolder {vertical-align: middle; text-align: center; height:55px;} .iconHolder img {height:100%;} .shadowA {display:block; width:1%; height:75px; background-color:#f2f2f2; float:left;} .shadowB {display:block; width:2%; height:75px; background-color:#f2f2f2; float:left;} .shadowC {display:block; width:1%; height:75px; background-color:#f2f2f2; float:right;} .dotlineHideShow {display:none;} .servBox1 {left: 0px; margin-left: 0px; right: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; top: 0px; width: 99.5%; height: auto; float: left;} .servBox2 {left: 0px; margin-left: 0px; top: 0px; width: 99.5%; height: auto; float: right;} .servTitle {font-size: 135%; line-height: 1.6em; text-align:center; color: #6b6a67; font-weight:bold; padding-top:12px; padding-bottom:25px;} .servBoxTextArea {left: 0px; margin-left: 0px; top: 0px; width: 88%; height: auto; float: left; padding-left: 28px; padding-right: 30px; padding-bottom: 0px;} .servText {font-size: 135%; line-height: 1.6em; text-align:center;} .serDivBkgrd {display:block; width:100%; height:auto; background-image:url('servBoxBkgd.png'); background-repeat:repeat-y;} .footer-nav-list {padding: 30px 0px 0px 32px; font-family: 'Noto Sans SC', Roboto, Helvetica, Arial, sans-serif;} .footer-nav-list ul {list-style: none; display: block; padding:0px; width:100%;} .footer-nav-list li {width: 105px;} .footer-nav-list ul > li {float: left; margin: 0px 5px; font-size: 15px; line-height: 1.3;} .footer-nav-list ul > li a {display: inline-block; min-height: 30px; margin-bottom: 10px; padding: 0; color: #333;} .footer-nav-list ul > li a:hover {color: #888;} .footer-nav-list ul > li > ul > li {padding:0; margin:0; font-size:14px; line-height:1.1; min-height: 13px;} .footer-nav-list ul > li > ul > li+li {margin-top:10px;} .footer-nav-list ul > li > ul > li a {padding:0; font-size:14px; min-height: 14px; margin-bottom:0px; line-height:1.1; float:left; color: #777;} .footer-nav-list ul > li > ul > li a:hover {color: #888;} .footer-nav-links {display:none;} .footer-notes {display:block; width:100%; color:#777; padding: 0px 0px 0px 0px;} .footer-links, .footer-links a {color: #777; font-size: 7px; line-height: 20px;} .footer-links a:hover {color: #888;} .footer-credits {color:#777; margin-top: 15px; margin-bottom:15px; font-size: 10px; line-height: 1.1;} .SectionClear, .SectionClearExtra {clear:both;} .columnA {left:27px; margin-left: 27px; top: 0px; width: 283px; height: auto; float: left;} .columnB {margin:0px; padding:0px; top:0px; width:650px; height: auto; float: left;} /* New add */ .mapDn {height:100%; vertical-align:middle; text-align:left;left:0px;margin-left:0px;margin-top:0px;margin-bottom:0px;} .indexcontainA {left: 27px; margin-left: 27px; top: 0px; width: 283px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;} .indexcontainB {left: 0px; margin-left: 0px; top: 0px; width: 283px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;} .borderGreen {width: 283px; height: auto; border: 1px solid #C3DEC3; float: none; background:#FFF;} .borderGreen2 {width: 283px; height: 842px; border: 1px solid #C3DEC3; float: none; background:#FFF;} .titlebaseblk{background-color: #000;} .titlebasewhite{background-color: #fff;} .spaceholderA{height: auto; width: 90%; padding:13px 0px 13px 23px} .indexslide{height:295px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;} .containerImg{height:295px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;} .containerImg img{width: 100%;} .indexslide2{height:842px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;} .titleA-links, .titleA-links a {font-size: 125%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleA-links a:hover {color: #7EBA00; text-decoration: none;} ul.a{ list-style:none; margin:0 0 1em 20px; padding: 0; } ul.a li{ line-height:1.4em; margin: .25em 0; padding: 0 23px 4px 20px; background-image: url('/Template/Shared/images/global/bulletgreen.png');background-repeat: no-repeat;background-position: 0 3px;} /*<!-- more new vera 2 -->*/ .headgraphic2{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_imgP2Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic3{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_imgP3Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic4{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_imgP4Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic5{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_imgP5Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic6{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_imgP6Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic7{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_imgP7Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic8{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_imgP8Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic11{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_imgP11Tp.png');background-repeat: no-repeat; text-align:center} .borderGreen83 {width: 283px; height83px; border: 1px solid #C3DEC3; float: none; background:#FFF;} .borderGreen83 a {text-decoration:none;} .borderGreen83x {width: 283px; height83px; border: 1px solid #C3DEC3; float: none; background:#FFF;} .titleA-head, .titleA-head a {font-size: 330%; font-weight: bold; text-align: center; line-height: 1.2em; color: #000;letter-spacing:0.05em; padding: 16px 23px 0px 23px;} lineH1green {display:block;height:1px; padding-bottom:0px; width:100%; border-bottom: 0px dotted #C3DEC3; clear:both;} .indexcontain595 {left: 27px; margin-left: 27px; top: 0px; width:595px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;} #iscswebNav-list {display:visiable; width:0%; height: 0px; overflow: hidden;} .borderGreen595 {width: 595px; height: auto; border: 1px solid #C3DEC3; float: none; background:#FFF;} .containerImg283L{height:auto; width:283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8; float: left;} .containerImg283L img {width:100%; height:auto;} .containerImg283R{height:198px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8; float: right;} .spaceholdercontent{height: auto; width: 92%; padding:0px 23px 0px 23px} .spaceholdersitelink{height: auto; width: 92%; padding:10px 23px 10px 23px} .titleB-links, .titleB-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleB-links a:hover {color: #7EBA00; text-decoration: none;} .titleD-links, .titleD-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #2D6344;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleD-links a:hover {color: #7EBA00; text-decoration: none;} .contentA-links, .contentA-links a {padding:20px 23px 20px 23px;} .contentA-links a:hover {text-decoration: underline;} .dotlineG {left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px dotted #C3DEC3;} .text5option {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 23px 0px 23px;} .text5option a:link, a {color:#7EBA00; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;} .text5option a:active {color:#7EBA00;} .text5option a:visited {color:#7EBA00; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;} .text5option a:hover {color:#67A400; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;} .text5title {color:#2D6344; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 0px 0px 0px;} .sitelinkTp {color:#333; font-size:10.5pt; padding:0px 15px 0px 0px;} .sitelinkTp a:link, a {color:#333; font-size:10.5pt; text-decoration: none;} .sitelinkTp a:active {color:#67A400;} .sitelinkTp a:visited {color:#333; font-size:10.5pt; text-decoration: none;} .sitelinkTp a:hover {color:#67A400; text-decoration: underline;} .titleC {font-size:170%; font-weight: bold; line-height: 1.2em; color: #2D6344;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleC a:link, a {font-size:170%; color:#2D6344; text-decoration: none;} .titleC a:active {color:#7EBA00;} .titleC a:visited {color:#2D6344; text-decoration: none;} .titleC a:hover {color:#7EBA00; text-decoration: underline;} .titleC2 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #2D6344;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleC2 a:link, a {font-size:170%; color:#2D6344; text-decoration: none;} .titleC2 a:active {color:#7EBA00;} .titleC2 a:visited {color:#2D6344; text-decoration: none;} .titleC2 a:hover {color:#7EBA00; text-decoration: underline;} .titleD {font-size:170%; font-weight: bold; line-height: 1.2em; color: #333;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleD a:link, a {font-size:170%; color:#333; text-decoration: none;} .titleD a:active {color:#7EBA00;} .titleD a:visited {color:#333; text-decoration: none;} .titleD a:hover {color:#7EBA00; text-decoration: underline;} /* Sub Nav Menu */ .submenu, a.submenu { color: #2D6344; font-size:100%; height:34px;width:243px; background: #fff; padding: 10px 20px 0px 20px; float: none; text-align:left; margin-right: 0px; margin-top: 0px; text-decoration: none; } .submenu:hover { background: #E9E9E9; text-decoration: none; } .sub-submenu { color: #68A400; font-size:100%; height:auto;width:210px; background: #fff; padding: 9px 0px 12px 73px; float: none; text-align:left; background-image: url('/Template/Shared/images/global/bulletgreen.png'); background-repeat: no-repeat;background-position: 48px 12px; text-decoration: none; } .sub-submenu:hover { background: #E9E9E9; background-image: url('/Template/Shared/images/global/bulletgreen.png'); background-repeat: no-repeat;background-position: 48px 12px; text-decoration: none; } /* Sub Nav Menu End */ /*btn */ .contentbtnR { color: #333; font-size:100%; height:28px;width:100px; background: #fff; padding: 7px 20px 5px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: right; text-align:center; margin-right: 23px; margin-top: 15px; } .contentbtnR:hover { background: #E9E9E9; text-decoration: none; } .contentbtnR2 { height:28px;width:150px; padding: 0px 0px 0px 0px; border: solid #C3DEC3 0px; text-decoration: none; float: right; text-align:center; margin-right: 23px; margin-top: 15px; } .contentbtn2 { color: #333; font-size:100%; height:28px;width:45px; background: #fff; padding: 7px 20px 0px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: right; text-align:center; margin-right: 23px; margin-top: 0px; } .contentbtn2:hover { background: #E9E9E9; text-decoration: none; } .contentbtn3 { color: #333; font-size:150%; height:31px;width:35px; background: #fff; padding: 3px 20px 0px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: left; text-align:center; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .contentbtn3:hover { background: #E9E9E9; text-decoration: none; } .contentbtn4 { color: #333; font-size:100%; height:28px;width:60px; background: #fff; padding: 7px 20px 0px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: left; text-align:center; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .contentbtn4:hover { background: #E9E9E9; text-decoration: none; } .contentbtnbaseW, .contentbtnbaseWx { color: #333; font-size:120%; height:28px;width:10px; background: #fff; padding: 7px 15px 0px 10px; border: solid #C3DEC3 0px; text-decoration: none; float: left; text-align:center; margin-right: 0px; margin-top: 0px; } .contentbtnbaseW:hover, .contentbtnbaseWx:hover { background: #E9E9E9; text-decoration: none; } .contentbtnbaseW2 { color: #333; font-size:120%; height:28px;width:10px; background: #fff; padding: 7px 0px 0px 0px; border: solid #C3DEC3 0px; text-decoration: none; float: left; text-align:center; margin-right: 15px; margin-top: 0px; } /* end btn */ /* Select Style developed bu Vera & Modify by Isaac */ .selectLong { margin: 0px; padding: 0px; border: 1px solid #C3DEC3; background: transparent; width: 152px; font-size:140%; height: 37px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('/Template/Shared/images/global/arrow150.gif'); background-repeat: no-repeat; /*background-position: 100% 0px, 0px 0px;*/ text-indent: 3px; float: left; } .selectLong:hover { background-image: url('/Template/Shared/images/global/arrow150over.gif');background-repeat: no-repeat; } .selectLong::-ms-expand { display: none; } /* end select style */ .border166 {width: 166px; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height:198px; width: 166px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8; float: left;} ul.logo48T{ list-style:none; margin:0 0 1em 20px; padding: 0; height:100%; margin-bottom: 0px; margin-left: 0px; margin-top: 0px; } ul.logo48T li{ height:100%; width: auto; line-height:1.4em; margin: .25em 0; padding: 0 23px 0px 0px; } .logo48 {width: 48px; height:48px; background-image: url('/Template/Shared/images/global/logo48.gif');background-repeat: no-repeat; float:left; padding: 0px 20px 0px 0px; } ol.f {list-style-type: decimal;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .bkgCnPublisher1 {width: 100%;height:auto; background-image: url('/Template/Shared/images/global/publisher/publisherbkg1.png');background-repeat: repeat-x;} .bkgCnPublisher2 {width: 100%;height:auto; background-image: url('/Template/Shared/images/global/publisher/publisherbkg2.png');background-repeat: repeat-x;} .bkgCnPublisher3 {width: 100%;height:auto; background-image: url('/Template/Shared/images/global/publisher/publisherbkg3.png');background-repeat: repeat-x;} .bkgCnPublisher1b {width: 100%;height:auto; background-image: url('/Template/Shared/images/global/publisher/publisherbkg1b.png');background-repeat: repeat-x;} .bkgCnPublisher2b {width: 100%;height:auto; background-image: url('/Template/Shared/images/global/publisher/publisherbkg2b.png');background-repeat: repeat-x;} .bkgCnPublisher3b {width: 100%;height:auto; background-image: url('/Template/Shared/images/global/publisher/publisherbkg3b.png');background-repeat: repeat-x;} .bordergreyTp283 {width: 283px; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 283px; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 283px; height: auto; border-bottom: 1px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:155px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:155px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:155px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .basegrey{background-color: #F8F8F8;} .basewhite{background-color: #FFF;} .baseddd{background-color: #000;} .contain100 {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;} .lineSet1 {width:100%;height:auto;float:none;border-bottom: 1px solid #E4B43C;} .lineSet2 {width:100%;height:auto;float:none;border-bottom: 1px solid #827AB7;} .lineSet3 {width:100%;height:auto;float:none;border-bottom: 1px solid #0F7FAF;} .lineWhite {width:100%;height:auto;float:none;border-bottom: 1px solid #FFF;} .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .titleSet1 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleSet1 a:link, a {font-size:170%; color:#BE8C19; text-decoration: none;} .titleSet1 a:active {color:#E4B43C;} .titleSet1 a:visited {color:#BE8C19; text-decoration: none;} .titleSet1 a:hover {color:#E4B43C; text-decoration: underline;} .titleSet2 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #5F58A3;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleSet2 a:link, a {font-size:170%; color:#5F58A3; text-decoration: none;} .titleSet2 a:active {color:#827AB7;} .titleSet2 a:visited {color:#5F58A3; text-decoration: none;} .titleSet2 a:hover {color:#827AB7; text-decoration: underline;} .titleSet3 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #0B6385;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleSet3 a:link, a {font-size:170%; color:#0B6385; text-decoration: none;} .titleSet3 a:active {color:#0F7FAF;} .titleSet3 a:visited {color:#0B6385; text-decoration: none;} .titleSet3 a:hover {color:#0F7FAF; text-decoration: underline;} .text5optionGrey {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 23px 0px 23px;} .text5optionGrey a:link, a {color:#999; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;} .text5optionGrey a:active {color:#999;} .text5optionGrey a:visited {color:#999; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;} .text5optionGrey a:hover {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;} .textSet1option {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 23px 0px 23px;} .textSet1option a:link, a {color:#E4B43C; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;} .textSet1option a:active {color:#E4B43C;} .textSet1option a:visited {color:#E4B43C; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;} .textSet1option a:hover {color:#BE8C19; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width: 283px; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;} .columnC {left:27px; margin-left: 27px; top: 0px; width: 283px; height: auto; float: left;} .contentoption {display:block;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:960px) { .bkgTp {width: 100%;height: 142px;background-image: url('/Template/Shared/images/global/mapTp00.png');background-repeat: no-repeat; background-position: 50%;} .bkgCn {width: 100%;height:auto; background-image: url('/Template/Shared/images/global/GreybkgCn01.png');background-repeat: repeat-x;} .bkgDn {width: 100%;height: 208px;background-image: url('/Template/Shared/images/global/mapDn01.png');background-repeat: no-repeat;} .outterADn {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;} .outterA {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;} .outterB {display:block; width: 100%; height:46px; background:#107C10; margin:0; padding:0; text-align: center; border-bottom:0px solid #107C10;} .outterC {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center;} .outterD1, .outterD2 {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center;} .outterE {display:block; width: 100%; height:auto; background:#f8f8f8; margin:0; padding:0; text-align: center; border-bottom:10px solid #f8f8f8;} /* Logo */ .innerLogo {font-family: 'Noto Sans SC', Helvetica, Arial, sans-serif; margin: auto; width: auto; height:auto; z-index: 90; text-align: left;} .innerCn {text-align: center;} .inner {width: 650px; font-family: 'Noto Sans SC', Helvetica, Arial, sans-serif; margin: auto; height:auto; z-index: 90; text-align: left;} .headerL {width: 70%; height: auto; top: 0px; float: left; height:95%;} .iscsLogo {vertical-align:middle; text-align:left;left:32px;margin-left:32px;margin-top:16px;margin-bottom:12px;} .headerR {width: 30%; height: auto; top: 0px; float: left;} /* Main Menu */ .InnerNavMobile {display:none;} .InnerNav {font-family: 'Noto Sans SC', Helvetica, Arial, sans-serif; margin: auto; width: auto; height:auto; z-index: 90; text-align: left;} #iscs-mobileNav-list {display:none; width:600px; height: 0px; overflow: hidden;} .topnavicon1 {left: 5%; margin-left: 5%; width: auto; float: left;} .topnavicon2 {right: 0%; margin-right: 2.5%; width: auto; float: right;} .ddsmoothmenu{padding: 0px; background-image: none; background-color: #107C10; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ddsmoothmenu ul {margin: 0px 0px 0px 1%} .ddsmoothmenu ul li a{color:#FFF; text-shadow:none;} .ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li a.selected{ background-image: none; background-color: #139513; color:#fff; } .ddsmoothmenu>ul>li>a.active{ color: #FFF; background-color: #107C10 } .ddsmoothmenu ul li ul li a{Font-size:16px; border-color:#0B560B; background-color:#107C10; text-shadow:none; width:150px;} .ddsmoothmenu ul li ul li a:hover{background-image:none;background-color:#139513} .ddsmoothmenu ul li ul li ul li a{border-color:#0B560B} .endItem {float:right;} .childItemFix {display:inline-block;height:auto;width:15px;} /* Main Menu End */ .booksBlkA {left:5px; margin-left: 5px; top: 44px; width: 56%; height: auto; float: left; border-right: 1px solid #908F8D; background-color: #ffffff; font-size:14px;} #bookimg ul {overflow:hidden;} #bookimg li {width:22%; height:150px;} #bookimg li img {width:95%;} .booksBlkB {left: 26px; margin-left: 3%; top: 0px; width: 38%; height: auto; float: left; background-color: #ffffff; font-size:14px;} /* New Social img */ #socialimg {margin:0; width: 100%; overflow:hidden;} #socialimg ul {list-style-type: none;} #socialimg li {display: block; margin-right:2%; top:7px; padding-top:2%; padding-bottom:2%; width:32px; height:38x; border: 0px solid #fff; float: left; -webkit-transition: box-shadow 0.5s ease; -moz-transition: box-shadow 0.5s ease; -o-transition: box-shadow 0.5s ease; -ms-transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease; } #socialimg li :hover { -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.9); box-shadow: 0px 0px 0px rgba(255,255,255,0.9); } h1index {font-size:280%} h2index {font-size:145%} .text4 {font-size:105%; line-height:1.5em;} .text5 {font-size:100%} .text6 {font-size:105%;} .spacer50 {height:35px;} .spacer30 {height:20px;} /* Search and Social */ .containerUp {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: none;} .containerUpL {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 10px; background-color: #fff; } .containerUpLInner {width: 100%; float: none;} .containerUpR {width: 100%; float: none; font-size: 14px; vertical-align: middle; line-height: 28px; text-align: center; left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;} .containerDn {left: 0px; margin-left: 0px; top: 10px; width: 100%; height: auto; float: left;} .containerDnL {left: 0px; margin-left: 0px; top: 0px; width: 90%; height: auto; float: left;} .containerDnLInner {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 10px; border:1px solid #C3DEC3; float: left} .containerDnR {width: 100px; height: auto; float: left; text-align: Left; left: 5px; margin-left: 6px; margin-top: 60px;} .containerUpC {vertical-align:middle; text-align:left; left:50px; margin-left:-70px;margin-top:0px; margin-bottom:0px; font-size:100%; width: 75%; height: auto; float: none; line-height:2.2em;} .containerLang {width: 12%; float: left; font-size: 13px; color: #B6D2BE; vertical-align: middle; line-height: 42px; text-align: right; left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;} .containerLang a {color: #B6D2BE; text-decoration: none; font-size: 13px;} .containerLang a:hover {color: #FFF; text-decoration: underline;} .iscsLogo img {width:100%;} .containerDnL img, .containerDnR img {height:100%;} .srchInputbox {height:31px; width:100%; border:0px; padding-left:8px;background:#fff} .topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 80%; height: auto; float: left; background-color: #fff;} .topsearch2 {left: 0px; margin-left: 0px; width: auto; height: 32px; float: left;} .topsearch3 {right: 0%; margin-right: 0%; width:42px; height: 32px; float: right; padding-top:1px;} .owl-carousel .owl-item img {width:100%;} .servDiv {left: 5px; margin-left:0px; top:0px; width:99%; height:auto; float:left;} .servDivL1a {left: 0px; margin-left: 5px; top: 0px; width: 100%; height: auto; float: left;} .servDivL1b {left: 5px; margin-left: 5px; top: 0px; width: 99%; height: auto; float: left;} .servDivL2a {left: 0px; margin-left: 1%; top: 0px; width: 98%; height: auto; float: left;} .servDivL2b {left: 0px; margin-left: 0px; top: 0px; width: 97%; height: auto; float: left;} .iconHolder {margin-top: 15px; text-align: center; padding-right:15px; float:left} .iconHolder img {width:44px;} .shadowA, .shadowB, .shadowC {display:none;} .dotlineHideShow {display:block;height:10px; padding-bottom:10px; width:100%; border-bottom: 1px dotted #C3DEC3; clear:both;} .servBox1 {left: 0px; top: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; width: 90%; height: auto; float: left;} .servBox2 {left: 0px; top: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; width: 90%; height: auto; float: left;} .servTitle {font-size: 135%; line-height: 1.6em; text-align:center; color: #6b6a67; font-weight:bold; padding-top:12px; padding-bottom:25px;} .servBoxTextArea {left: 0px; margin-left: 0px; top: 0px; width: 95%; height: auto; float: left; padding-left: 3%; padding-right: 3%; padding-bottom: 0px;} .servText {font-size: 135%; line-height: 1.6em; text-align:center;} .footer-nav-list {display:none;} .footer-nav-links, .footer-nav-links a {margin-top:30px; margin-bottom:30px; color: #333; font-size: 15px; line-height: 1.3;} .footer-nav-links a:hover {color: #888;} .footer-notes {display:block; width:100%; color:#777; padding: 0px 0px 0px 0px;} .footer-links, .footer-links a {color: #777; font-size: 6px; line-height: 20px;} .footer-links a:hover {color: #888;} .footer-credits {color:#777; margin-top: 15px; margin-bottom:15px; font-size: 10px; line-height: 1.1;} .SectionClear, .SectionClearExtra {clear:both;} /*.columnA {display:none;}*/ .columnA {display:block;float:left; left: 27px; margin-left: 27px; top: 0px; width: 595px; height: auto; padding-bottom: 10px; clear:both;} /* New add */ .mapDn {height:100%; vertical-align:middle; text-align:left;left:0px;margin-left:0px;margin-top:0px;margin-bottom:0px;} .indexcontainA {left: 27px; margin-left: 27px; top: 0px; width: 283px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;} /*.indexcontainB {left: 0px; margin-left: 0px; top: 0px; width: 283px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;}*/ .indexcontainB {width:100%; height:auto;} .borderGreen {width: 283px; height: auto; border: 1px solid #C3DEC3; float: none; background:#FFF;} .borderGreen2 {width: 283px; height: 842px; border: 1px solid #C3DEC3; float: none; background:#FFF;} .spacer20{width:100%;height:20px;float:none;} .spacer20, .contain1 {display:none;} .titlebaseblk{background-color: #000;} .titlebasewhite{background-color: #fff; padding-bottom:30px;} .spaceholderA{height: auto; width: 90%; padding:13px 0px 13px 23px} .indexslide{height:295px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;} .containerImg{height:295px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;} .containerImg img{width: 100%;} .indexslide2{height:842px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8;} .titleA-links, .titleA-links a {font-size: 125%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleA-links a:hover {color: #7EBA00; text-decoration: none;} ul.a{ list-style:none; margin:0 0 1em 20px; padding: 0; } ul.a li{ line-height:1.3em; margin: .25em 0; padding: 0 0 4px 20px; background-image: url('/Template/Shared/images/global/bulletgreen.png');background-repeat: no-repeat;background-position: 0 3px;} /*<!-- more new vera 2 -->*/ /* .headgraphic<#@PaperId@#>{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img01Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic2{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img02Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic3{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img03Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic4{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img04Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic5{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img05Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic6{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img06Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic7{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img07Tp.png');background-repeat: no-repeat; text-align:center} .headgraphic8{height:81px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-image: url('/Template/Shared/images/global/channel/channel_img08Tp.png');background-repeat: no-repeat; text-align:center} */ .headgraphic11, .headgraphic2, .headgraphic3, .headgraphic4, .headgraphic5, .headgraphic6, .headgraphic7, .headgraphic8 {display:none;} /* .borderGreen83 {width: 283px; height83px; border: 1px solid #C3DEC3; float: none; background:#FFF;} */ .borderGreen83 {width: 100%; border: 1px solid #C3DEC3; float: none; background:#FFF;} .borderGreen83 a {text-decoration:none;} .borderGreen83x {border: 0px;} .titleA-head, .titleA-head a {font-size: 330%; font-weight: bold; text-align: center; line-height: 1.2em; color: #000;letter-spacing:0.05em; padding: 16px 23px 0px 23px;} lineH1green {display:block;height:1px; padding-bottom:0px; width:100%; border-bottom: 0px dotted #C3DEC3; clear:both;} .indexcontain595 {left: 27px; margin-left: 27px; top: 0px; width:595px; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;} #iscswebNav-list {display:visiable; width:0%; height: 0px; overflow: hidden;} .borderGreen595 {width: 595px; height: auto; border: 1px solid #C3DEC3; float: none; background:#FFF;} .containerImg283L{height:auto; width:283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8; float: left;} .containerImg283L img {width:100%; height:auto;} .containerImg283R{height:198px; width: 283px; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #F8F8F8; float: right;} .spaceholdercontent{height: auto; width: 92%; padding:0px 23px 0px 23px} .spaceholdersitelink{height: auto; width: 92%; padding:10px 23px 10px 23px} .titleB-links, .titleB-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleB-links a:hover {color: #7EBA00; text-decoration: none;} .titleD-links, .titleD-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #2D6344;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleD-links a:hover {color: #7EBA00; text-decoration: none;} .contentA-links, .contentA-links a {padding:20px 23px 20px 23px;} .contentA-links a:hover {text-decoration: underline;} .dotlineG {left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px dotted #C3DEC3;} .text5option {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 23px 0px 23px;} .text5option a:link, a {color:#7EBA00; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;} .text5option a:active {color:#7EBA00;} .text5option a:visited {color:#7EBA00; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;} .text5option a:hover {color:#67A400; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;} .text5title {color:#2D6344; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 0px 0px 0px;} .sitelinkTp {color:#333; font-size:10.5pt; padding:0px 15px 0px 0px;} .sitelinkTp a:link, a {color:#333; font-size:10.5pt; text-decoration: none;} .sitelinkTp a:active {color:#67A400;} .sitelinkTp a:visited {color:#333; font-size:10.5pt; text-decoration: none;} .sitelinkTp a:hover {color:#67A400; text-decoration: underline;} .titleC {font-size:170%; font-weight: bold; line-height: 1.2em; color: #2D6344;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleC a:link, a {font-size:170%; color:#2D6344; text-decoration: none;} .titleC a:active {color:#7EBA00;} .titleC a:visited {color:#2D6344; text-decoration: none;} .titleC a:hover {color:#7EBA00; text-decoration: underline;} .titleC2 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #2D6344;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleC2 a:link, a {font-size:170%; color:#2D6344; text-decoration: none;} .titleC2 a:active {color:#7EBA00;} .titleC2 a:visited {color:#2D6344; text-decoration: none;} .titleC2 a:hover {color:#7EBA00; text-decoration: underline;} .titleD {font-size:170%; font-weight: bold; line-height: 1.2em; color: #333;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleD a:link, a {font-size:170%; color:#333; text-decoration: none;} .titleD a:active {color:#7EBA00;} .titleD a:visited {color:#333; text-decoration: none;} .titleD a:hover {color:#7EBA00; text-decoration: underline;} /* Sub Nav Menu */ .submenu { color: #2D6344; font-size:100%; height:34px; width:555px; background: #fff; padding: 10px 20px 0px 20px; float: none; text-align:left; margin-right: 0px; margin-top: 0px; text-decoration: none; } .submenu:hover { background: #E9E9E9; text-decoration: none; } .sub-submenu { color: #68A400; font-size:100%; height:auto;width:522px; background: #fff; padding: 9px 0px 12px 73px; float: none; text-align:left; background-image: url('/Template/Shared/images/global/bulletgreen.png'); background-repeat: no-repeat;background-position: 48px 12px; text-decoration: none; } .sub-submenu:hover { background: #E9E9E9; background-image: url('/Template/Shared/images/global/bulletgreen.png'); background-repeat: no-repeat;background-position: 48px 12px; text-decoration: none; } /* Sub Nav Menu End */ /*btn */ .contentbtnR { color: #333; font-size:100%; height:28px;width:100px; background: #fff; padding: 7px 20px 5px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: right; text-align:center; margin-right: 23px; margin-top: 15px; } .contentbtnR:hover { background: #E9E9E9; text-decoration: none; } .contentbtnR2 { height:28px;width:150px; padding: 0px 0px 0px 0px; border: solid #C3DEC3 0px; text-decoration: none; float: right; text-align:center; margin-right: 23px; margin-top: 15px; } .contentbtn2 { color: #333; font-size:100%; height:28px;width:45px; background: #fff; padding: 7px 20px 0px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: right; text-align:center; margin-right: 23px; margin-top: 0px; } .contentbtn2:hover { background: #E9E9E9; text-decoration: none; } .contentbtn3 { color: #333; font-size:150%; height:31px;width:35px; background: #fff; padding: 3px 20px 0px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: left; text-align:center; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .contentbtn3:hover { background: #E9E9E9; text-decoration: none; } .contentbtn4 { color: #333; font-size:100%; height:28px;width:60px; background: #fff; padding: 7px 20px 0px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: left; text-align:center; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .contentbtn4:hover { background: #E9E9E9; text-decoration: none; } .contentbtnbaseW, .contentbtnbaseWx { color: #333; font-size:120%; height:28px;width:10px; background: #fff; padding: 7px 15px 0px 10px; border: solid #C3DEC3 0px; text-decoration: none; float: left; text-align:center; margin-right: 0px; margin-top: 0px; } .contentbtnbaseW:hover, .contentbtnbaseWx:hover { background: #E9E9E9; text-decoration: none; } .contentbtnbaseW2 { color: #333; font-size:120%; height:28px;width:10px; background: #fff; padding: 7px 0px 0px 0px; border: solid #C3DEC3 0px; text-decoration: none; float: left; text-align:center; margin-right: 15px; margin-top: 0px; } /* end btn */ /* Select Style developed bu Vera & Modify by Isaac */ .selectLong { margin: 0px; padding: 0px; border: 1px solid #C3DEC3; background: transparent; width: 152px; font-size:140%; height: 37px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('/Template/Shared/images/global/arrow150.gif'); background-repeat: no-repeat; /*background-position: 100% 0px, 0px 0px;*/ text-indent: 3px; float: left; } .selectLong:hover { background-image: url('/Template/Shared/images/global/arrow150over.gif');background-repeat: no-repeat; } .selectLong::-ms-expand { display: none; } /* end select style */ .border166 {width: 44%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} ul.logo48T{ list-style:none; margin:0 0 1em 20px; padding: 0; height:100%; margin-bottom: 0px; margin-left: 0px; margin-top: 0px; } ul.logo48T li{ height:100%; width: auto; line-height:1.4em; margin: .25em 0; padding: 0 23px 0px 0px; } .logo48 {width: 48px; height:48px; background-image: url('/Template/Shared/images/global/logo48.gif');background-repeat: no-repeat; float:left; padding: 0px 20px 0px 0px; } ol.f {list-style-type: decimal;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border-bottom: 1px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 0px; padding-top: 0px;} .columnC {left:27px; margin-left: 3%; padding-bottom:100px; top: 0px; width: 30%; height: auto; float: left;} .contentoption {display:block;} .lineSet1 {width:100%;height:auto;float:none;border-bottom: 1px solid #E4B43C;} .lineSet2 {width:100%;height:auto;float:none;border-bottom: 1px solid #827AB7;} .lineSet3 {width:100%;height:auto;float:none;border-bottom: 1px solid #0F7FAF;} .lineWhite {width:100%; height:1px; border-bottom:1px solid #FFF;} .titleSet1 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #BE8C19;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleSet1 a:link, a {font-size:170%; color:#BE8C19; text-decoration: none;} .titleSet1 a:active {color:#E4B43C;} .titleSet1 a:visited {color:#BE8C19; text-decoration: none;} .titleSet1 a:hover {color:#E4B43C; text-decoration: underline;} .titleSet2 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #5F58A3;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleSet2 a:link, a {font-size:170%; color:#5F58A3; text-decoration: none;} .titleSet2 a:active {color:#827AB7;} .titleSet2 a:visited {color:#5F58A3; text-decoration: none;} .titleSet2 a:hover {color:#827AB7; text-decoration: underline;} .titleSet3 {font-size:170%; font-weight: bold; line-height: 1.2em; color: #0B6385;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleSet3 a:link, a {font-size:170%; color:#0B6385; text-decoration: none;} .titleSet3 a:active {color:#0F7FAF;} .titleSet3 a:visited {color:#0B6385; text-decoration: none;} .titleSet3 a:hover {color:#0F7FAF; text-decoration: underline;} .text5optionGrey {color:#333; font-size: 100%;line-height: 1.4em; text-align:justify; padding:0px 23px 0px 23px;} .text5optionGrey a:link, a {color:#999; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;} .text5optionGrey a:active {color:#999;} .text5optionGrey a:visited {color:#999; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: none;} .text5optionGrey a:hover {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:890px) { .topnavicon2 {right: 0%; margin-right: 12px; width: auto; float: right;} .containerLang a{font-size: 100%;} .ddsmoothmenu ul {margin: 0px 0px 0px 0%;} .ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 14px; font-size: 95%;} .ddsmoothmenu ul li ul li a{Font-size:95%; width:170px;} .ddsmoothmenu ul li ul li {left: 0px;} /* back to normal */ .containerLang, .containerLang a {Font-size:87%} .childItemFix {display:inline-block;height:auto;width:14px;} /*<!-- more new vera 2 -->*/ .border166 {width: 44%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border-bottom: 1px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: 300px; float: left; padding-bottom: 0px; padding-top: 80px;} .columnC {left:27px; margin-left: 2.3%; top: 0px; width: 31%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:840px) { .topnavicon2 {right: 0%; margin-right: 12px; width: auto; float: right;} .ddsmoothmenu ul {margin: 0px 0px 0px 0%;;} .ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 12px; font-size: 93%} .ddsmoothmenu ul li ul li a{Font-size:93%; width:165px;} .containerLang, .containerLang a {Font-size:85%} .childItemFix {display:inline-block;height:auto;width:12px;} /*<!-- more new vera 2 -->*/ .border166 {width: 44%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border-bottom: 1px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: 300px; float: left; padding-bottom: 0px; padding-top: 80px;} .columnC {left:27px; margin-left: 2.3%; top: 0px; width: 31%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:780px) { .topnavicon2 {right: 0%; margin-right: 10px; width: auto; float: right;} .ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 11px;} .containerLang, .containerLang a {Font-size:85%} .childItemFix {display:inline-block;height:auto;width:11px;} /*<!-- more new vera 2 -->*/ .border166 {width: 44%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border-bottom: 1px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: 300px; float: left; padding-bottom: 0px; padding-top: 80px;} .columnC {left:27px; margin-left: 3%; top: 0px; width: 30%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:730px) { .containerDnLInner {width: 99%; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 10px; border:1px solid #C3DEC3; float: left} .topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 78%; height: auto; float: left; background-color: #fff;} .containerUpC {vertical-align:middle; margin-right:120px;margin-top:0px; margin-bottom:0px; font-size:100%; width: 80%; height: auto; float: right; line-height:2.2em;} .topnavicon2 {right: 0%; margin-right: 5px; width: auto; float: right;} .ddsmoothmenu ul {margin: 0px 0px 0px 0%;} .ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 9px; font-size: 90%;} .ddsmoothmenu ul li ul li a{Font-size:90%; width:162px;} .containerLang, .containerLang a {Font-size:82%} .childItemFix {display:inline-block;height:auto;width:9px;} /*<!-- more new vera 2 -->*/ .border166 {width: 44%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border-bottom: 1px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: 300px; float: left; padding-bottom: 0px; padding-top: 80px;} .columnC {left:27px; margin-left: 3%; top: 0px; width: 30%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:700px) { .topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 77%; height: auto; float: left; background-color: #fff;} .topnavicon2 {right: 0%; margin-right: 5px; width: auto; float: right;} .ddsmoothmenu ul {margin: 0px 0px 0px 0%;} .ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 7px; font-size: 90%;} .ddsmoothmenu ul li ul li a{Font-size:90%; width:162px;} .containerLang, .containerLang a {Font-size:82%} .childItemFix {display:inline-block;height:auto;width:7px;} /*<!-- more new vera 2 -->*/ .border166 {width: 44%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border-bottom: 1px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: 300px; float: left; padding-bottom: 0px; padding-top: 80px;} .columnC {left:27px; margin-left: 3%; top: 0px; width: 29%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:650px) { .topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 71%; height: auto; float: left; background-color: #fff;} .topnavicon2 {right: 0%; margin-right: 5px; width: auto; float: right;} .ddsmoothmenu ul {margin: 0px 0px 0px 0%;} .ddsmoothmenu ul li a, .ddsmoothmenu ul li a.selected {padding: 10px 8px; font-size: 87%;} .ddsmoothmenu ul li ul li a{Font-size:87%; width:156px;} .containerLang, .containerLang a {Font-size:80%} .childItemFix {display:inline-block;height:auto;width:8px;} /*<!-- more new vera 2 -->*/ .border166 {width: 44%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border-bottom: 1px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: 300px; float: left; padding-bottom: 0px; padding-top: 80px;} .columnC {left:27px; margin-left: 2%; top: 0px; width: 28.5%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:635px) { .bkgTp {text-align: center; width:100%; height:98px; background-image: url('/Template/Shared/images/global/mapTp02.png');background-repeat: no-repeat;!background-size: contain;} .columnB {margin:0px; padding:0px; top:0px; width:100%; height: auto; float: left;} .bkgCn {width: 100%; height: auto; background-image: url('/Template/Shared/images/global/GreybkgCn02.png');background-repeat: repeat-x;} .bkgDn {width: 100%; height: 92px;background-image: url('/Template/Shared/images/global/mapDn02.png');background-repeat: no-repeat;} .outterADn {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center; border-bottom:0px solid #fff;} .outterA {display:block; width: 100%; height:auto; background:#fff; margin:0; padding:0; text-align: center; border-bottom:0px solid #555;} .outterB {display:block; width: 100%; height:auto; background:#107C10; margin:0; padding:0; text-align: left;border-bottom:0px solid #555;} .outterC {display:block; width: 100%; height:auto; background:#FFF; margin:0; padding:0; text-align: center;} .outterD1, .outterD2 {display:block; width: 100%; height:auto; background:#FFF; margin:0; padding:0; text-align: center;} .outterE {display:block; width: 100%; height:auto; background:#f8f8f8; margin:0; padding:0; text-align: center; border-bottom:10px solid #f8f8f8;} /* Logo */ .innerLogo {font-family: 'Noto Sans SC', Helvetica, Arial, sans-serif; margin: auto; width: auto; height:auto; z-index: 90; text-align: left;} .innerCn {text-align: center;} .inner {font-family: 'Noto Sans SC', Helvetica, Arial, sans-serif; margin: auto; width: auto; height:auto; z-index: 90; text-align: left;} .headerL {width:59%; top: 0px; float: left; height:97px;} .iscsLogo {vertical-align:middle; text-align:left; margin-left: 18px; margin-top: 19px; margin-bottom: 17px;} .headerR {width: 40.5%; height: auto; top: 0px; float: left;} /* Main Menu */ .InnerNavMobile {display: block; height:auto; width: 100%;} .InnerNav {display:none;} #iscs-mobileNav-list {display:none; width:100%; height:auto; overflow: visible;} .topnavicon1 {left: 5%; margin-left: 5%; width: auto; float: left;} .topnavicon2 {right: 5%; margin-right: 5%; width: auto; float: right;} .top-nav ul {padding:0;} .top-nav ul ul {position:absolute; background:#107C10;left:0; margin-top:0; position:relative; right:0;} .top-nav > ul {height:auto; max-width:100%; width:100%; overflow:hidden; position:relative; z-index:999;} .top-nav > ul.show-menu {height:auto;} .top-nav > ul ul.show-ul {display:block; height:auto;} .top-nav li {float:none; list-style:none outside none; padding:0; cursor:pointer; width:100%; height:auto;} .top-nav li a {display:block; background:none repeat scroll 0 0 #107C10; border-top:1px solid #0B560B; color:#FFF; display:block; padding:0.625em; text-decoration:none; text-indent: 25px; font-size:15px;} .top-nav li a:hover {background:none repeat scroll 0 0 #139513; color:#FFF;} .top-nav li ul li {float:none; list-style:none outside none; width:100%; padding:0; height:auto;} .top-nav li ul li a {background:none repeat scroll 0 0 #FFF; color: #118111; padding:0.5em; border-top:1px solid #C3DEC3; text-indent: 45px; font-size:15px;} .top-nav li ul li a:hover {background:none repeat scroll 0 0 #E9E9E9; color:#118111;} .top-nav li ul, .top-nav li ul li ul {display:block; overflow:hidden; height:0; width:100%;} .top-nav li ul li ul li {float:none; list-style:none outside none; width:100%; padding:0;} .top-nav li ul li ul li a { color:#66A400; border-top:0px solid #C3DEC3; /*text-indent: 85px;*/ font-size:15px; padding:0.625em; background-image: url('/Template/Shared/images/global/bulletgreen02.png'); background-repeat: no-repeat; background-position: 0 10px;} .top-nav li ul li ul li a:hover {background:none repeat scroll 0 0 #E9E9E9; color:#66A400; background-image: url('/Template/Shared/images/global/bulletgreen02.png'); background-repeat: no-repeat; background-position: 0 10px;} .count-number {display:none;} .endItem {float:none;} /* Main Menu End */ .booksBlkA {left:5px; margin:0px 3%; top: 44px; width: 100%; height: auto; border-right: 1px solid #908F8D; background-color: #ffffff; font-size:14px;} #bookimg ul {overflow:hidden;} #bookimg li {width:22%; height:180px; margin-right:2%; padding:25px 0px;} #bookimg li img {width:95%;} .booksBlkB {margin: 0px 3%; top: 0px; width: 94%; height: auto; background-color: #ffffff; font-size:14px;} /* New Social img */ #socialimg {margin:0; width: 100%; overflow:hidden;} #socialimg ul {list-style-type: none;} #socialimg li {display: block; margin-right:2%; top:7px; padding-top:1%; padding-bottom:2%; width:32px; height:36px; border: 0px solid #fff; float: left; -webkit-transition: box-shadow 0.5s ease; -moz-transition: box-shadow 0.5s ease; -o-transition: box-shadow 0.5s ease; -ms-transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease; } #socialimg li :hover { -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.9); box-shadow: 0px 0px 0px rgba(255,255,255,0.9); } h1index {font-size: 200%; line-height: 1em; letter-spacing: -0.015em;} h2index {font-size:130%; line-height: 1.6em; letter-spacing: -0.008em;} .text4 {font-size:111%; line-height:1.6em; letter-spacing: -0.008em;} .text5 {font-size:115%; line-height:1.7em;} .text6 {font-size:85%; line-height:1.8em;} .spacer50 {height:30px;} .spacer40 {height:30px;} .spacer45 {height:20px;} .spacer30 {height:20px;} .spacer36 {height:20px;} .dotline {left:0px;margin-left:0px;top:0px;margin-top:5%;margin-bottom:3%;padding-left:0px;padding-bottom:0px;width:98%;height:auto;float:left;border-bottom: 1px dotted #C3DEC3;} .dotlineHideShow {display:block;height:10px; padding-bottom:10px; width:100%; border-bottom: 1px dotted #666; clear:both;} /* Search and Social */ .containerUp {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: none;} .containerUpL {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 10px; background-color: #fff; } .containerUpLInner {width: 100%; float: none;} .containerUpR {width: 100%; float: none; font-size: 14px; vertical-align: middle; line-height: 28px; text-align: center; left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;} .containerDn {left: 0px; margin-left: 0px; top: 10px; width: 100%; height: auto; float: left;} .containerDnL {left: 0px; margin-left: 0px; top: 0px; width: 90%; height: auto; float: left;} .containerDnLInner {width: 218px; text-align: left; left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 7px; border:1px solid #C3DEC3; float: left} .containerDnR {width: 100px; height: auto; float: left; text-align: Left; left: 5px; margin-left: 6px; margin-top: 60px;} .containerUpC {vertical-align:middle; text-align:left; left:50px; margin-right:115px;margin-top:0px; margin-bottom:0px; font-size:100%; width: 75%; height: auto; float: none; line-height:2.2em;} .containerLang {width: 18%; float: left; font-size: 13px; color: #B6D2BE; vertical-align: middle; line-height: 46px; text-align: center; left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;} .containerLang, .containerLang a {color: #B6D2BE; text-decoration: none; font-size: 13px;} .containerLang a:hover {color: #FFF; text-decoration: underline;} .iscsLogo img {width:72%;} .containerDnL img, .containerDnR img {height:100%;} .srchInputbox {height:31px; width:100%; border:0px; padding-left:8px;background:#fff} .topsearch1 {vertical-align: middle; text-align: left; margin-left: 0px; margin-top: 0px; width: 80%; height: auto; float: left; background-color: #fff;} .topsearch2 {left: 0px; margin-left: 0px; width: auto; height: 32px; float: left;} .topsearch3 {right: 0%; margin-right: 0%; width:42px; height: 32px; float: right; padding-top:1px;} .owl-carousel .owl-item img {width:100%;} .servDiv {margin-left:15px; width:99%; height:auto; float:left;} .servDivL1a {left: 0px; margin-left: 5px; top: 0px; width: 100%; height: auto; float: left;} .servDivL1b {left: 5px; margin-left: 5px; top: 0px; width: 99%; height: auto; float: left;} .servDivL2a, .servDivL2b {left: 0px; margin-left: 0px; top: 0px; width: 95%; height: auto; float: left;} .iconHolder {margin-top: 8px; text-align: center; padding-right:15px; float:left} .iconHolder img {width:40px;} .shadowA, .shadowB, .shadowC {display:none;} .servBox1 {left: 0px; top: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; width: 82%; height: auto; float: left;} .servBox2 {left: 0px; top: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; width: 82%; height: auto; float: left;} .servTitle {font-size: 132%; line-height: 1.6em; text-align:left; color: #2E6344; font-weight:bold; padding:12px 0px 15px 3%;} .servBoxTextArea {left: 0px; margin-left: 0px; top: 0px; width: 100%; height: auto; float: left; padding-left: 3%; padding-right: 0%; padding-bottom: 0px;} .servText {font-size: 130%; line-height: 1.3em; text-align:left;} .footer-nav-list {display:none;} .footer-nav-links, .footer-nav-links a {font-size:14px;} .footer-notes {display:block; width:100%; color:#777; float:left; padding: 0px 0px 0px 0px;} .footer-links, .footer-links a {color: #777; font-size: 6px; line-height: 20px;} .footer-links a:hover {color: #888;} .footer-credits {color:#777; margin-top: 15px; margin-bottom:15px; font-size: 8px; line-height: 1.1;} .SectionClear {clear:both;} .SectionClearExtra {clear:both; height:30px;} .columnA {display:none;} /* New add */ .mapDn {height:100%; vertical-align:middle; text-align:left;left:0px;margin-left:0px;margin-top:0px;margin-bottom:0px;} .indexcontainA {left: 0px; margin-left: 3%; top: 0px; width: 45%; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;} .indexcontainB {left: 0px; margin-left: 0px; top: 0px; width: auto; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;} .borderGreen {width: 100%; height: auto; border: 1px solid #C3DEC3; float: none; background:#FFF;} .borderGreen2 {width: auto; height: 842px; border: 1px solid #C3DEC3; float: none; background:#FFF;} .titlebaseblk{background-color: #000;} .titlebasewhite{background-color: #fff;} .spaceholderA{height: auto; width: 90%; padding:13px 0px 13px 23px} .indexslide{width: 100%; height: auto; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color:#F8F8F8; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px;} .containerImg{width: 100%; height: auto; left:0px; margin:0px; background-color:#F8F8F8;} .containerImg img{width: 100%;} .titleA-links, .titleA-links a {font-size: 125%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleA-links a:hover {color: #7EBA00; text-decoration: none;} ul.a{ list-style:none; margin:0 0 1em 20px; padding: 0; } ul.a li{ line-height:1.3em; margin: .25em 0; padding: 0 0 4px 20px; background-image: url('/Template/Shared/images/global/bulletgreen.png');background-repeat: no-repeat;background-position: 0 3px;} /*<!-- more new vera 2 -->*/ .borderGreen83 {width: 45%; height83px; border: 1px solid #C3DEC3; float: none; background:#FFF;} .borderGreen83 a {text-decoration:none;} .borderGreen83x {width: 45%; height83px; border: 1px solid #C3DEC3; float: none; background:#FFF;} .titleA-head, .titleA-head a {font-size: 330%; font-weight: bold; text-align: center; line-height: 1.2em; color: #000;letter-spacing:0.05em; padding: 16px 23px 0px 23px;} lineH1green {display:block;height:1px; padding-bottom:0px; width:100%; border-bottom: 0px dotted #C3DEC3; clear:both;} .indexcontain595 {margin-left:7%; top: 0px; width:94.5%; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;} #iscswebNav-list {display:visiable; width:0%; height: 0px; overflow: hidden;} .borderGreen595 {width: 90%; height: auto; border: 1px solid #C3DEC3; float: none; background:#FFF;} /*.containerImg283L{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:20px; background-color: #FFF; float: left;} .containerImg283L img {width:100%; height:auto;}*/ .containerImg283L{display:none;} /*.containerImg283R{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:20px; background-color: #FFF; float: right;}*/ .containerImg283R{display:none;} .spaceholdercontent{height: auto; width: 92%; padding:0px 23px 0px 23px} .spaceholdersitelink{height: auto; width: 92%; padding:10px 23px 10px 23px} .titleB-links, .titleB-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleB-links a:hover {color: #7EBA00; text-decoration: none;} .titleD-links, .titleD-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #2D6344;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleD-links a:hover {color: #7EBA00; text-decoration: none;} .contentA-links, .contentA-links a {padding:20px 23px 20px 23px;} .contentA-links a:hover {text-decoration: underline;} .dotlineG {left:0px;margin-left:0px;top:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-bottom:0px;width:100%;height:auto;float:none;border-bottom: 1px dotted #C3DEC3;} .text5option {color:#333; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 23px 0px 23px;} .text5option a:link, a {color:#7EBA00; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;} .text5option a:active {color:#7EBA00;} .text5option a:visited {color:#7EBA00; font-size: 13pt;line-height: 1.4em; text-align:justify;text-decoration: underline;} .text5option a:hover {color:#67A400; font-size: 13pt;line-height: 1.4em; text-align:justify; text-decoration: underline;} .text5title {color:#2D6344; font-size: 13pt;line-height: 1.4em; text-align:justify; padding:0px 0px 0px 0px;} .sitelinkTp {color:#333; font-size:9.5pt; padding:0px 15px 0px 0px;} .sitelinkTp a:link, a {color:#333; font-size:9.5pt; text-decoration: none;} .sitelinkTp a:active {color:#67A400;} .sitelinkTp a:visited {color:#333; font-size:9.5pt; text-decoration: none;} .sitelinkTp a:hover {color:#67A400; text-decoration: underline;} .titleC {font-size:170%; font-weight: bold; line-height: 1.2em; color: #2D6344;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleC a:link, a {font-size:170%; color:#2D6344; text-decoration: none;} .titleC a:active {color:#7EBA00;} .titleC a:visited {color:#2D6344; text-decoration: none;} .titleC a:hover {color:#7EBA00; text-decoration: underline;} .titleC2 {font-size:150%;padding:26px 23px 19px 23px;} .titleC2 a:link, a {font-size:150%;} .titleD {font-size:170%; font-weight: bold; line-height: 1.2em; color: #333;letter-spacing:0.05em; padding:25px 23px 20px 23px;} .titleD a:link, a {font-size:170%; color:#333; text-decoration: none;} .titleD a:active {color:#7EBA00;} .titleD a:visited {color:#333; text-decoration: none;} .titleD a:hover {color:#7EBA00; text-decoration: underline;} /* Sub Nav Menu */ .submenu { color: #2D6344; font-size:100%; height:34px;width:243px; background: #fff; padding: 10px 20px 0px 20px; float: none; text-align:left; margin-right: 0px; margin-top: 0px; text-decoration: none; } .submenu:hover { background: #E9E9E9; text-decoration: none; } .sub-submenu, .subsubmenu { color: #68A400; font-size:100%; height:auto;width:210px; background: #fff; padding: 9px 0px 12px 73px; float: none; text-align:left; background-image: ../../images('/Template/Shared/images/global/bulletgreen.png'); background-repeat: no-repeat;background-position: 48px 12px; text-decoration: none; } .sub-submenu:hover, .subsubmenu:hover { background: #E9E9E9; background-image: url('/Template/Shared/images/global/bulletgreen.png'); background-repeat: no-repeat;background-position: 48px 12px; text-decoration: none; } /* Sub Nav Menu End */ /*btn */ .contentbtnR { color: #333; font-size:100%; height:28px;width:100px; background: #fff; padding: 7px 20px 0px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: right; text-align:center; margin-right: 23px; margin-top: 15px; } .contentbtnR:hover { background: #E9E9E9; text-decoration: none; } .contentbtnR2 { height:28px;width:150px; padding: 0px 0px 0px 0px; border: solid #C3DEC3 0px; text-decoration: none; float: right; text-align:center; margin-right: 23px; margin-top: 15px; } .contentbtn2 { color: #333; font-size:100%; height:28px;width:20%; background: #fff; padding: 7px 8px 0px 8px; border: solid #C3DEC3 1px; text-decoration: none; float: left; text-align:center; margin-right: 15px; margin-left: 15px; margin-top: 0px; } .contentbtn2:hover { background: #E9E9E9; text-decoration: none; } .contentbtn3 { color: #333; font-size:150%; height:31px;width:20px; background: #fff; padding: 3px 8px 0px 8px; border: solid #C3DEC3 1px; text-decoration: none; float: left; text-align:center; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .contentbtn3:hover { background: #E9E9E9; text-decoration: none; } .contentbtn4 { color: #333; font-size:100%; height:28px;width:60px; background: #fff; padding: 7px 20px 0px 20px; border: solid #C3DEC3 1px; text-decoration: none; float: left; text-align:center; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .contentbtn4:hover { background: #E9E9E9; text-decoration: none; } .contentbtnbaseW, .contentbtnbaseWx { color: #333; font-size:120%; height:28px;width:20px; background: #fff; padding: 7px 8px 0px 8px; border: solid #C3DEC3 0px; text-decoration: none; float: left; text-align:center; margin-right: 0px; margin-top: 0px; } .contentbtnbaseW:hover, .contentbtnbaseWx:hover { background: #E9E9E9; text-decoration: none; } .contentbtnbaseW2 { color: #333; font-size:120%; height:28px;width:15px; background: #fff; padding: 7px 0px 0px 0px; border: solid #C3DEC3 0px; text-decoration: none; float: left; text-align:center; margin-right: 0px; margin-top: 0px; } /* end btn */ /* Select Style developed bu Vera & Modify by Isaac */ .selectLong { margin: 0px; padding: 0px; border: 1px solid #C3DEC3; background: transparent; width: 130px; font-size:135%; height: 37px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('/Template/Shared/images/global/arrow98.gif'); background-repeat: no-repeat; background-position: 100% 0px, 0px 0px; /*text-align:left;*/ text-indent: 4px; float: left; } .selectLong:hover { background-image: url('/Template/Shared/images/global/arrow98over.gif');background-repeat: no-repeat; } .selectLong::-ms-expand { display: none; } /* end select style */ .border166 {width: 43%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} ul.logo48T{ list-style:none; margin:0 0 1em 20px; padding: 0; height:100%; margin-bottom: 0px; margin-left: 0px; margin-top: 0px; } ul.logo48T li{ height:100%; width: auto; line-height:1.4em; margin: .25em 0; padding: 0 23px 0px 0px; } .logo48 {width: 48px; height:48px; background-image: url('/Template/Shared/images/global/logo48.gif');background-repeat: no-repeat; float:left; padding: 0px 20px 0px 0px; } ol.f {list-style-type: decimal;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border: 0px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding: 25px 0px;} .columnC {left:27px; margin: 0px 12%; top: 0px; width: 76%; height: auto; float: left; padding-bottom:20px;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:600px) { .iscsLogo img {width:78%;} .footer-nav-links, .footer-nav-links a {font-size:13px;} /*<!-- more new vera 2 -->*/ .border166 {width: 42%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border: 0px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border: 0px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding: 25px 0px;} .columnC {left:27px; margin: 0px 10%; top: 0px; width: 80%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:555px) { .headerL {width:55%; padding:0px; float: left; height: auto;} .headerR {width:44.5%; padding:0px; float: right; height: auto;} .iscsLogo img {width:90%;} .indexcontainA {left: 0px; margin-left: 3%; top: 0px; width: 45%; height: auto; float: left; padding-bottom: 10px; padding-top: 10px;} .footer-nav-links, .footer-nav-links a {font-size:11px;} /*<!-- more new vera 2 -->*/ .border166 {width: 42%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border: 0px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding: 25px 0px;} .columnC {left:27px; margin: 0px 7%; top: 0px; width: 86%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:490px) { .headerL {width:50%; padding:0px; float: left; height: auto;} .iscsLogo {margin-left:10px;} .iscsLogo img {width:98%;} .headerR {width:49.5%; padding:0px; float: right; height: auto;} .containerDnLInner {float:right; width:85%;} .topsearch1 {width: 75%;} .indexcontainA {padding:0px 0px 20px 0px; margin: 0px 4.5%; top: 0px; width: 90%; height: auto; float: left;} .footer-nav-links {margin:30px 15%; width:69%; color: #333; font-size: 10px; line-height: 1.3;} .footer-nav-links a {margin:0px; color: #333; font-size: 11px; line-height: 1.3;} /*<!-- more new vera 2 -->*/ .border166 {width: 87%; height: auto; border: 0px solid #C3DEC3; float: left; background:#FFF; left:23px; margin-left:23px;} .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border: 0px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding: 25px 0px;} .columnC {left:27px; margin: 0px 5%; top: 0px; width: 90%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ } @media screen and (max-width:420px) { .headerL {width:50%; padding:0px; float: left; height: auto;} .iscsLogo {margin-left:10px;} .iscsLogo img {width:98%;} .headerR {width:49.5%; padding:0px; float: right; height: auto;} .containerDnLInner {float:right; width:92%;} .topsearch1 {width: 74%;} .containerUpC {width: 85%; height: auto; float: right; text-align: right; margin-right:115px;} .footer-nav-links {margin:30px 15%; width:65%; color: #333; font-size: 10px; line-height: 1.3;} .footer-nav-links a {margin:0px; color: #333; font-size: 11px; line-height: 1.3;} /*<!-- more new vera 2 -->*/ .containerImg166L{height: auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background-color: #FFF; float: left;} /*<!-- end more new vera 2 -->*/ /*<!-- more publisher vera 1 -->*/ .titleE-links, .titleE-links a {font-size: 155%; font-weight: bold; line-height: 1.2em; color: #FFF;letter-spacing:0.05em;} .titleE-links a:hover {color: #FFF; text-decoration: none;} .bordergreyTp283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; float: none; background:#FFF;} .bordergreyMd283 {width: 100%; height: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: none; background:#FFF;} .bordergreyBn283 {width: 100%; height: auto; border: 0px solid #ddd; float: none; background:#FFF;} .headbase1aTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #E4B43C; text-align:center} .headbase1a{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #FFFFF5; text-align:center} .headbase1bTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #827AB7; text-align:center} .headbase1b{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #F6F6FF; text-align:center} .headbase1cTp{height:40px; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #0F7FAF; text-align:center} .headbase1c{height:auto; width: 100%; left:0px; margin-left:0px;margin-top:0px;margin-bottom:0px; background: #ECF5F9; text-align:center} .indexcontainP {left: 0px; margin-left: 0px; top: 0px; width:100%; height: auto; float: left; padding-bottom: 30px; padding-top: 20px;} .columnC {left:27px; margin: 0px 5%; top: 0px; width: 90%; height: auto; float: left;} .contentoption {display:none;} /*<!-- end more publisher vera 1 -->*/ }