body{margin:0;background: #efece8 url(../images/OGIS/bg.jpg) top left repeat-x;color:#000000} body,td,th,input,select,textarea,input {font-family:Arial, Helvetica, sans-serif} body {font-size:81.25%;line-height:1.4em} p{margin:0 0 1.5em 0;} form{padding:0;margin:0} a{color:#000;} a img{border:none;} a:focus{outline: none;} h1{font-size:2.308em;color:#0d3d56;font-weight:normal;margin:0px 0 1em 0;line-height:1.2em;border-bottom:1px solid #00aeef;padding:0 0 3px 0;font-family: 'Arvo', arial, serif;} h2{font-size:1.692em;color:#0d3d56;font-weight:normal;margin:1em 0 .5em 0;line-height:1.2em;font-family: 'Arvo', arial, serif;} h3{font-size:1.462em;color:#009bd5;font-weight:normal;margin:1em 0 .5em 0;line-height:1.2em;font-family: 'Arvo', arial, serif;} h4{font-size:1.1em;color:#000;font-weight:normal;margin:1em 0 .5em 0;line-height:1.2em;font-family: 'Arvo', arial, serif;} .floatright{float:right;margin:0 0 10px 15px;} .floatleft{float:left;margin:0 15px 10px 0;} ul{margin:0 0 1.5em 0;padding:0;} ul li{list-style:none;margin:0 0 .5em 0;padding:0 0 0 12px;background: url(../images/OGIS/bullet.gif) 0 .5em no-repeat;;} .photo{border:1px solid #fff;-moz-box-shadow: 0px 0px 10px #666;-webkit-box-shadow: 0px 0px 10px #666;box-shadow: 0px 0px 10px #666;} .clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ #tblACMAdminToolbar{z-index:1000;} #tblACMAdminToolbar ul li ul li{background-image:none;} /*******************************************************/ /* Toolbar /*******************************************************/ #toolbar-wrapper{background:#0b3b54;} #toolbar{width:990px;margin:0 auto;color:#fff;padding:8px 0} #toolbar ul{margin:0;padding:0;} #toolbar ul li{float:right;margin:0 10px 0 0;padding:0 10px 0 0;background:none;border-right:1px solid #009bd5} #toolbar ul li a{color:#fff;text-decoration:none;} #toolbar ul li a:hover{text-decoration:underline;} /*******************************************************/ /* Header /*******************************************************/ #header{width:990px;margin:0 auto;position:relative;} #logo{} #logo img{behavior: url(/Sites/3/templates/images/OGIS/iepngfix.htc);} #search{position:absolute;top:25px;right:0;} #search .ipf-PageSearch-TextField{width:180px;padding:5px 10px} #search .ipf-PageSearch-Button{text-indent:-9999px;background: url(../images/OGIS/button-search.gif);width:59px;height:24px;border:none;padding:0;margin:0} #pagetools{position:absolute;top:90px;right:0;} #share{float:left;padding:0 20px 0 0} #textsize{float:left;padding:0 20px 0 0} #textsize a{display:block;float:left;width:18px;height:18px;text-indent:-9999px;text-decoration:none;background-position:top;background-repeat:no-repeat;margin:0 2px 0 0} #textsize a#textsize-medium{background-image: url(../images/OGIS/textresize-1.gif);background-position:bottom} #textsize a#textsize-large{background-image: url(../images/OGIS/textresize-2.gif);} #textsize a#textsize-extralarge{background-image: url(../images/OGIS/textresize-3.gif);} #textsize a:hover{background-position:bottom !important;} #textonlyoptions{float:left;} #textandimages{display:none;} #textonly{display:inline;} /*******************************************************/ /* Content Area /*******************************************************/ #wrapper{background:#d4e6ec;width:960px;margin:0 auto;padding:15px 15px;-moz-box-shadow: 0px 0px 30px #b6ab9f;-webkit-box-shadow: 0px 0px 30px #b6ab9f;box-shadow: 0px 0px 30px #b6ab9f;} #contentarea{position:relative;} .level1 #contentarea{background: url(../images/OGIS/contentarea-level1-bg.gif) top left repeat-y} .level2 #contentarea{background: url(../images/OGIS/contentarea-level2-bg.gif) top left repeat-y} .block{margin:0 0 20px 0;} .block h2{border-bottom:1px solid #00aeef;padding:0 0 3px 0;margin:0 0 1em 0} /*******************************************************/ /* Nav /*******************************************************/ #nav{clear:none;background:#009bd5;border-bottom:10px solid #d4e6ec;position:relative;z-index:10;display:table;width:100%} #nav:after{display:none} #nav ul {display:table-row;padding:0;margin:0;list-style:none;list-style-image:none;line-height:1;} #nav ul li {display:table-cell;min-width:110px;list-style:none;list-style-image:none;margin:0;padding:0;border-right:1px solid #80cdea;border-left:1px solid #007caa;color:#fff;text-align:center;font-family: 'Arvo', arial, serif;text-shadow:1px 1px 0px #000;font-size:16px;font-weight:300;vertical-align:middle;} #nav ul li a{display:block;text-decoration:none;color:#fff;padding:10px 15px;} #nav ul li a:hover{background-position:bottom} /* Level 2 */ #nav ul li ul{display:block;margin:0;position: absolute;background: #009bd5;width: 200px;border-left:1px solid #80cdea;border-right:1px solid #80cdea;left: -999em;} #nav ul li ul li{display:block;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-align:left;text-shadow:none} #nav ul li ul li a{color:#fff;border-bottom:1px solid #80cdea;width:180px !important;height:auto;padding:6px 10px;text-indent:0;background-image:none !important} #nav ul li ul li a:hover{background: #0084b5} /* Level 3 */ #nav ul li ul li ul {margin: -26px 0 0 200px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} /*******************************************************/ /* Left Column /*******************************************************/ #column-left{width:219px;float:left;padding:20px 5px;margin:0 10px 0 0;position:relative;z-index:2} #subnav-accordion{} #subnav-accordion h2{padding:0 10px 15px 10px;margin:0;background: url(../images/OGIS/nav-divider-bg.gif) bottom left repeat-x} /* Level 1 */ #subnav-accordion ul {padding: 0;margin: 0;list-style: none;list-style-image:none;line-height: 1;zoom:1} #subnav-accordion ul li{float: left;list-style: none;list-style-image:none;margin:0;zoom:1;background:none;padding:0;background: url(../images/OGIS/nav-divider-bg.gif) bottom left repeat-x;border:none;} #subnav-accordion ul li a{display:block;text-decoration:none;zoom:1;word-break:normal !important;word-wrap:normal !important} #subnav-accordion ul li.ipf-parent a{background: url(../images/OGIS/nav-arrow-down.gif) 98% .85em no-repeat} #subnav-accordion ul li div a{width:199px;padding:6px 10px 6px 10px;} #subnav-accordion ul li div a:hover{background:#e7f1f5;} #subnav-accordion ul li.ipf-parent div a:hover{background: #e7f1f5 url(../images/OGIS/nav-arrow-down.gif) 98% .85em no-repeat;} #subnav-accordion ul li.ipf-active1{font-weight:bold;} #subnav-accordion ul li.ipf-active1 li{font-weight:normal} /* Level 2 */ #subnav-accordion ul li.ipf-parent ul{display:none;font-size:.846em;;line-height:1.1em} #subnav-accordion ul li.ipf-parent.ipf-active1 ul{display:block;} #subnav-accordion ul li.ipf-active1{} #subnav-accordion ul li ul li{background: url(../images/OGIS/bullet.gif) 12px 10px no-repeat;} #subnav-accordion ul li ul li a{width:186px !important;padding:6px 10px 6px 23px !important;} #subnav-accordion ul li.ipf-parent ul li a{background:none;} #subnav-accordion ul li.ipf-parent ul li.ipf-parent a{background: url(../images/OGIS/nav-arrow-down.gif) 98% .85em no-repeat} #subnav-accordion ul li.ipf-active1 ul li.ipf-active2{font-weight:bold;} #subnav-accordion ul li.ipf-active1 ul li.ipf-active2 ul li{font-weight:normal;} /* Level 3 */ #subnav-accordion ul li.ipf-parent ul li.ipf-parent ul{font-size:1em;;line-height:1.1em} #subnav-accordion ul li.ipf-parent ul li.ipf-parent ul li a{background:none;} #subnav-accordion ul li.ipf-parent ul li.ipf-parent ul li.ipf-parent a{background: url(../images/OGIS/nav-arrow-down.gif) 98% .85em no-repeat} #subnav-accordion ul li.ipf-parent ul li.ipf-parent ul{display:none;margin:0;} #subnav-accordion ul li.ipf-parent ul li.ipf-active2 ul{display:block;} #subnav-accordion ul li ul li ul li{background: url(../images/OGIS/bullet.gif) 23px 7px no-repeat;} #subnav-accordion ul li ul li ul li a{width:123px !important;padding:4px 10px 4px 33px !important;} #subnav-accordion ul li ul li ul li a:hover{} #subnav-accordion ul li.ipf-active1 ul li.ipf-active2 ul li.ipf-active3{font-weight:bold;} #subnav-accordion ul li.ipf-active1 ul li.ipf-active2 ul li.ipf-active3 ul li{font-weight:normal;} /* KB Navigator Workaround */ #subnav-accordion .ipKbNav { width:auto; padding:0; list-style:none; } #subnav-accordion .ipKbNav li {width:auto; position:relative;border-bottom:none;} #subnav-accordion .ipKbNav li a {z-index:3; width:199px; position:relative; display:block; padding:6px 10px 6px 10px;} #subnav-accordion .ipKbNav li a.subMenu{background-position:100% .35em} #subnav-accordion .ipKbNav li ul { } #subnav-accordion .ipKbNav li ul li {font-size:.846em;;line-height:1.1em} #subnav-flyouts{} #subnav-flyouts h2{padding:0 10px 15px 10px;margin:0;background: url(../images/OGIS/nav-divider-bg.gif) bottom left repeat-x} /* Level 1 */ #subnav-flyouts ul {padding: 0;margin: 0;list-style: none;list-style-image:none;line-height: 1;zoom:1} #subnav-flyouts ul li{float: left;list-style: none;list-style-image:none;margin:0;zoom:1;background:none;padding:0;background: url(../images/OGIS/nav-divider-bg.gif) bottom left repeat-x} #subnav-flyouts ul li a{display:block;text-decoration:none;zoom:1} #subnav-flyouts ul li.ipf-parent a{background: url(../images/OGIS/nav-arrow-right.gif) 98% .65em no-repeat} #subnav-flyouts ul li div a{width:199px;padding:6px 10px 6px 10px;} #subnav-flyouts ul li div a:hover{background:#e7f1f5;} #subnav-flyouts ul li.ipf-parent div a:hover{background: #e7f1f5 url(../images/OGIS/nav-arrow-right.gif) 98% .65em no-repeat} #subnav-flyouts ul li.ipf-active1{font-weight:bold;} #subnav-flyouts ul li.ipf-active1 li{font-weight:normal} /* Level 2 */ #subnav-flyouts ul li ul{margin:-26px 0 0 219px;position: absolute;background: #009bd5;width: 200px;border-left:1px solid #80cdea;border-right:1px solid #80cdea;left: -999em;} #subnav-flyouts ul li ul li a{color:#fff;border-bottom:1px solid #80cdea;width:180px !important;height:auto;padding:6px 10px;text-indent:0;background-image:none !important} #subnav-flyouts ul li ul li a:hover{background: #0084b5} /* Level 3 */ #column-left #subnav-flyouts ul li ul li ul {margin: -26px 0 0 180px;} #column-left #subnav-flyouts li:hover ul ul, #column-left #subnav-flyouts li:hover ul ul ul, #column-left #subnav-flyouts li.sfhover ul ul, #column-left #subnav-flyouts li.sfhover ul ul ul {left: -999em;} #column-left #subnav-flyouts li:hover ul, #column-left #subnav-flyouts li li:hover ul, #column-left #subnav-flyouts li li li:hover ul, #column-left #subnav-flyouts li.sfhover ul, #column-left #subnav-flyouts li li.sfhover ul, #column-left #subnav-flyouts li li li.sfhover ul {left: auto;} /*******************************************************/ /* Main Column /*******************************************************/ #column-main{position:relative;z-index:1} .level1 #column-main{width:620px;float:left;} .level2 #column-main{width:720px;float:left;} /* Hero */ .level1 #hero{border-bottom:10px solid #d4e6ec;position:relative} #hero-photo{text-align:right} .level1 #hero-caption{background: url(../images/OGIS/hero-caption-bg.gif) bottom left no-repeat;color:#fff;padding:10px 25px;height:63px} .level1 #hero-caption h2{color:#fff;margin:0} .level1 #hero-caption p{margin:0;} .level2 #hero{border-bottom:10px solid #d4e6ec;background:#0d3d56;position:relative} .level2 #hero-caption{background: url(../images/OGIS/hero-level2-mask-bg.png) top left repeat-y;color:#fff;position:absolute;top:0;left:0;width:720px;height:133px;z-index:2;} .level2 #hero-caption h2{color:#fff;margin:0;text-shadow:1px 1px 1px #042231;position:absolute;top:56px;left:30px;font-size:2em} body.template-wide.level2 #hero-caption{background: url(../images/OGIS/hero-level2-mask-bg.png) 240px 0 repeat-y;} #content{padding:30px 30px;} #newsandevents{} #newsandevents ul{} #newsandevents ul li{background:none;padding:0;margin:0 0 30px 0;clear:both} #newsandevents img.thumbnail{float:left;margin:0 20px 20px 0;border:1px solid #fff;-moz-box-shadow: 0px 0px 10px #666;-webkit-box-shadow: 0px 0px 10px #666;box-shadow: 0px 0px 10px #666;width:117px} #newsandevents a{font-weight:bold;text-decoration:none} #newsandevents .more{background:#009bd5;color:#fff;text-decoration:none;display:block;float:right;padding:4px 7px} #newsandevents a:hover{text-decoration:underline;} h1#pagetitle{} #path{color:#555555;font-size:.846em;;line-height:1.4em;margin:0 0 5px 0} #path a{color:#555555;text-decoration:none} #pageletcolumn{float:right;width:220px;margin:0 0 20px 20px;} #pageletcolumn .block{background:#f4f2ef;font-size:.846em;;line-height:1.4em;padding:15px 20px;} #pageletcolumn .block h2{color:#0b3b54;border-bottom:1px solid #d5cdc4;margin:0 0 .5em 0} #pageletcolumn .ipf-skb{background:#f4f2ef;font-size:.846em;;line-height:1.4em;padding:15px 20px;margin:0 0 20px 0} #pageletcolumn .ipf-skb #ctl07_lblKeywordSearchLabel{display:block;padding:0 0 6px 0;margin:0 0 1em 0;color:#0b3b54;border-bottom:1px solid #d5cdc4;margin:0 0 .5em 0;font-size:17px;font-family: 'Arvo', arial, serif;} #pageletcolumn .ipf-skb .ipf-skb-textfield{width:90px;margin:0} #pdfNotice{background: url(../images/OGIS/divider-bg.gif) top left repeat-x;padding:10px 0 0 0;margin:30px 0 0 0} #pdfNotice p{background: url(../images/OGIS/icon-pdf.gif) top left no-repeat;padding:0 0 0 45px;margin:0} table.tablestyle{border:1px solid #cccccc;border-collapse:collapse;margin:0 0 1.5em 0} table.tablestyle th{padding:3px 5px;vertical-align:top;text-align:left;font-weight:bold;background:#cccccc;border:1px solid #cccccc;} table.tablestyle td{padding:3px 5px;vertical-align:top;border:1px solid #cccccc;} #ctl11_pnlSimpleSearch .ipf-skb-button{background: url(../images/OGIS/button-bigsearch.gif) top left no-repeat;text-indent:-9999px;font-size:0;margin:0;padding:0;border:none;width:138px;height:42px;color:#000;cursor:pointer} #pageletcolumn .ip-calendar-content{background:#f4f2ef;font-size:.846em;;line-height:1.4em;padding:1px 20px 0px 20px;border-left:20px solid #fff} #pageletcolumn .ip-calendar-content .ip-calendar-featuredevents{display:none;} #pageletcolumn .ip-calendar-content .ip-calendar-titlerow{display:none;} #pageletcolumn .ip-calendar-content ul{margin:0} #pageletcolumn .ip-calendar-content ul li{background-position:0 10px;padding-left:11px;margin:0} #pageletcolumn .ip-calendar-content ul li table{} #pageletcolumn .ip-calendar-content ul li table td{padding:6px 0 0 0;line-height:1.4em} #content .ip-calendar-content ul li{background: url(../images/OGIS/bullet.gif) 0 11px no-repeat;} #content .ip-calendar-content ul li ul li{padding:0 0 0 6px;} /*******************************************************/ /* Right Column /*******************************************************/ #column-right{width:280px;float:left;padding:20px 25px 20px 25px;margin:0 0 0 10px;position:relative;z-index:2} #homepageintro{background: url(../images/OGIS/homepageintro-bg.jpg) top left no-repeat;padding:100px 25px 0 25px;margin:-20px -25px 30px -25px} .block#block-keytopics{position:relative;z-index:2} .block#block-keytopics p{margin:0 0 5px 0;} .block#block-keytopics ul{margin:0;padding:0;list-style:none;} .block#block-keytopics ul li{margin:0 0 5px 0;padding:12px 55px 12px 20px;list-style:none;background: url(../images/OGIS/keytopics-bg.gif) top left no-repeat;color:#fff;font-family: 'Arvo', arial, serif;font-size:1.2em;text-shadow:1px 1px 1px #024a66} .block#block-keytopics ul li a{color:#fff;text-decoration:none;} #column-logo{position:absolute;bottom:0;right:0px;z-index:1} .ipf-skb-vote-insetpanel-sub, .ipf-skb-insetpanel-sub{background:#f4f2ef;font-size:.846em;;line-height:1.4em;padding:15px 20px;border:none;margin:0 0 20px 0;font-size:1em;line-height:1.4em} .ipf-skb-insetpanel-header{border:none;background:#f4f2ef;color:#0b3b54;font-size:1.692em;color:#0d3d56;font-weight:normal;line-height:1.2em;font-family: 'Arvo', arial, serif;margin:0;padding:10px 10px 0 20px;font-family: 'Arvo', arial, serif;text-align:left} /*******************************************************/ /* Footer /*******************************************************/ #footer{clear:both;padding:40px 0;font-size:.846em;;line-height:1.4em} .level1 #footer{background: url(../images/OGIS/footer-level1-bg.gif) top left no-repeat} .level2 #footer{background: url(../images/OGIS/footer-level2-bg.gif) top left no-repeat} #footer-left{width:40%;float:left;} #footer-center{width:20%;float:left;text-align:center} #footer-right{width:40%;float:left;} #footer ul{margin:0;padding:0 0 20px 0;} #footer ul li{float:right;margin:0 10px 0 0;padding:0 10px 0 0;background:none;border-right:1px solid #009bd5;line-height:1em} #footer ul li a{text-decoration:none;} #footer ul li a:hover{text-decoration:underline;} #footer ul li#hiddenlogin{border:none;color:#009BD5;margin:0;} #footer ul li#hiddenlogin a{color:#009BD5} /*******************************************************/ /* Wide Template /*******************************************************/ body.template-wide{} body.template-wide.level2 #contentarea{background-image:none;background:#fff} body.template-wide.level2 #column-main{width:auto;float:none} body.template-wide.level2 #hero{} body.template-wide.level2 #hero-caption{width:960px;} body.template-wide.level2 #footer{background: url(../images/OGIS/footer-level2-wide-bg.gif) top left no-repeat} /*******************************************************/ /* Modal Window /*******************************************************/ .modalwindowMask{position: fixed;top:0;left:0;width:100%;height:100%;background-color: black;z-index:1001;-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50);} * html .modalwindowMask{position:absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} .modalwindowWrapper{display:none;position:fixed; width:100%; z-index:1003;} .modalwindow{background:#fff;width:450px;margin:200px auto 0 auto;padding:20px 30px;-moz-box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;} .modalwindowContent{position:relative;text-align:center;font-size:11px;line-height:1.4em} .modalwindowContent h2{margin:0 0 20px 0;font-size:20px} a.modalwindowClose{display:block;position:absolute;top:-10px;right:-20px;outline:none;color:#000;background:#009bd5;color:#fff;text-decoration:none;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;padding:4px 5px;font-size:11px} .exernallinkformButton{background:none;border:none;padding:0;margin:0;text-decoration:underline;font-weight:bold}