@charset "utf-8"; /* ---------------------------------------------------------------- */ /*@font-face { font-family: 'fontname'; src: url('../fonts/folder/font.eot'); src: url('../fonts/folder/font.eot?#iefix') format('embedded-opentype'), url('../fonts/folder/font.woff') format('woff'), url('../fonts/folder/font.ttf') format('truetype'), url('../fonts/folder/font.svg#something') format('svg'); font-weight: normal; font-style: normal; } */ /* ---------------------------------------------------------------- */ body,html,form,dl,dt{margin:0; padding:0; -webkit-text-size-adjust: 100%;} body,html{font-family:'Ubuntu', sans-serif; font-weight:300; color:#444; background:#fff; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;} * font{font:100%/1.5 Arial!important; color:#444!important;} /* overwrite font */ body{border-top:2px solid #005482;} /* Headers */ h1,h2,h3,h4,h5,h6{margin:1em 0 0.7em 0; padding:0; line-height:1.2em; font-family:'Ubuntu', sans-serif; font-weight:300;} h1{font-size:197%; color:#444;} h2{font-size:197%; color:#444;} h3{font-size:163%; color:#444;} h4{font-size:135%; color:#444;} h5{font-size:120%; color:#444;} h6{font-size:110%; color:#444;} /* Links */ a:link, a:active, a:visited{color:#2143ed; text-decoration:underline;font-weight:bold} a:focus, a:hover{color:#4e2683; text-decoration:underline; outline:none;} /* Tables */ table{margin:0 0 1.5em 0; border-color: #a1a1a1 } caption{background:#1e4132; color:#CC9933; font-weight:bold; text-align:center; padding:0.5em; margin:0;} th,td{ padding:0.5em; text-align:left; vertical-align:top; font-family: 'Calibri','sans-serif'; letter-spacing: 0pt; color: #333333; font-size: 10pt;} td p{ margin:2px 0px 2px 0px!important} td H2{ color:#3783c5} th{background:#239fda; color:#444; font-weight:bold;} th a{color:#color:#2143ed!important;} th a:focus, a:hover{color:#4e2683; text-decoration:underline; outline:none;} /* Font sizes, Paragraph */ p{margin:0 0 0.8em 0; line-height:1.4em;} /* ---------------------------------------------------------------- */ li.webdebug{z-index:10000; font-size:110%; position:relative; color:red; margin-bottom:0px; display:block; background:#fff; width:50%; left:0; text-align:left; padding-left:4px; white-space:nowrap; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #content .instructional{padding:6px; background-color:#e0eeff; border-top:1px dotted #666; font-family:Geneva, Arial, Helvetica, sans-serif!important; margin-top:3em!important; margin-bottom:1em!important; color:#000!important} #content .instructional h1.info{padding:3px 3px 3px 21px!important; margin:0; border:0; font-size:120%; background:url(../../images/icons/icon_info.gif) no-repeat center left!important; color:#666!important;} #content .instructional h1.info strong{color:#A7050B!important;} .NavVertical ul, .NavVertical ul li, .NavHorizontal ul, .NavHorizontal ul li, .secondaryNav ul li, secondaryNav ul li, ul.paging li, #StyleSheetTools ul, #StyleSheetTools ul li, #BreadCrumb ul, #BreadCrumb ul li, .footerAddress ul, .footerAddress ul li, .rssLinkContainer ul, .rssLinkContainer ul li{list-style:none; margin:0; padding:0} .NavVertical ul li a, .NavHorizontal ul li a, #Tools1 ul li a{overflow:hidden; display:block; text-decoration:none;} .secondaryNav ul li, #BreadCrumb ul li, .rssLinkContainer ul li{display:inline;} ol li{list-style-type:decimal; list-style-image:none;} blockquote{margin:1em 0; padding-left:30px; font-style:oblique} acronym{cursor:help; border-bottom:1px dotted;} fieldset{margin:0; padding:0;} strong, sub, sup, dt{font-weight:700;} em{font-style:oblique!important;} em strong{font-style:oblique!important; font-weight:700} hr{border:0; border-bottom:1px solid #666; height:1px;} a img, :link img, :visited img {border: 0;} .floatLeft{float:left;} .floatRight{float:right;} .hidden, #SiteSearch fieldset{border:0;} #SiteSearch legend, #SiteSearch label, #SiteSearch h1, .Zone legend, .Zone label, .Zone h1, .hidden{display:none!important;} .alignCenter{text-align:center;} .alignLeft{text-align:left;} .alignRight{text-align:right;} .noWrap{whitespace:nowrap;} .scrollup{width:41px; height:41px; position:fixed; bottom:15px; right:15px; display:none; text-indent:-9999px; background:url(../../images/icons/scrollToTop.png) no-repeat top left; z-index:30000} .scrollup:hover{background-position:bottom left!important;} .pnlHoverControlsNews a{height:20px;} .btn-primary {color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #005482; *background-color: #005482; background-image: -moz-linear-gradient(top, #005482, #005482); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005482), to(#005482)); background-image: -webkit-linear-gradient(top, #005482, #005482); background-image: -o-linear-gradient(top, #005482, #005482); background-image: linear-gradient(to bottom, #005482, #005482); background-repeat: repeat-x; border-color: #005482; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005482', endColorstr='#005482', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);} .btn-small:hover, .btn-small:active, .btn-small.active, .btn-small.disabled, .btn-small[disabled], .btn-medium:hover, .btn-medium:active, .btn-medium.active, .btn-medium.disabled, .btn-medium[disabled], .btn-large:hover, .btn-large:active, .btn-large.active, .btn-large.disabled, .btn-large[disabled] {color: #FFFFFF; background-color: #005482; *background-color: #003bb3;} /* ---------------------------------------------------------------- */ header#top{border-bottom:2px solid #005482;} /* Logo */ #logo{margin:10px 0 8px 0; display:block; text-align:center;} header#top .form {margin-bottom:0px; padding:0px;} header#top .form input[type="text"]{width:180px; border-radius:4px; border:1px solid #95a5a6;} header#top .form input[type="submit"]{border:0px; background:#005482; border-radius:4px; vertical-align:center; margin-top:-5px;} header#top .form input{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:30px; padding:5px 10px;} /* #StyleSheetTools */ #StyleSheetTools{} #StyleSheetTools ul{white-space:nowrap;} #StyleSheetTools ul li{padding:0px 8px 0px 17px;} #StyleSheetTools ul li.cssPrint{background:url(../../images/icons/print.gif) no-repeat left center;} #StyleSheetTools ul li a{display:block; width:100%; height:100%; outline:none;} #StyleSheetTools ul.cssFile{} #StyleSheetTools ul.cssTextSize li.textSizeIntro{padding-left:12px;} #StyleSheetTools ul.cssTextSize li{padding:0px 0px 0px 0px; margin-right:4px;} #StyleSheetTools ul.cssTextSize li.textSize{text-indent:-9009px; width:13px;} #StyleSheetTools ul.cssTextSize li.textSize.textDefault{background:transparent url(../../images/icons/textSmall.gif) no-repeat left center;} #StyleSheetTools ul.cssTextSize li.textSize.textMed{background:transparent url(../../images/icons/textMed.gif) no-repeat left center;} #StyleSheetTools ul.cssTextSize li.textSize.textLrg{background:transparent url(../../images/icons/textLrg.gif) no-repeat left center;} /* Social Networking */ #socialNetworkNavigation{} #socialNetworkNavigation ul li{padding:0px 0px 0px 14px;} #socialNetworkNavigation ul li.twitter a{} #socialNetworkNavigation ul li.facebook a{} #socialNetworkNavigation ul li.youTube a{} #socialNetworkNavigation ul li.linkedIn a{} #socialNetworkNavigation ul li.googlePlus a{} #socialNetworkNavigation ul li a{padding:4px 4px 4px 4px;} /* toolsNavigation */ #toolsNavigation{margin:10px 0px 0px 0px; float:right;} #toolsNavigation ul li{padding:0px 0px 0px 12px;} #toolsNavigation ul li a{padding:0px; color:#000; font-size:0.857em; font-weight:300;} /* Site Search */ .SiteSearch{margin:8px 0 0 0;} .SiteSearch .SiteSearchGroup{} .SiteSearch .controls{margin:0} .SiteSearch .SiteSearchLabel{display:none;} .SiteSearch input.SiteSearchInput{} .SiteSearch input.SiteSearchSubmit{} /* Nav */ nav#navigation{} /* Main Nav*/ #MainNav{margin:20px 0 0 0; float:right;} #MainNav ul{margin:0; padding:0; list-style-type:none;} #MainNav ul li{margin:0px 0px 0px 2px; padding:0; display:inline-block; position:relative;} #MainNav ul li a{padding:7px 10px 7px 10px; color:#fff; font-size:0.929em; font-weight:300; text-align:center; font-style:normal; display:block; text-decoration:none; background:#005482; border-radius:4px} #MainNav ul li a.item36Link{} #MainNav ul li a img{} #MainNav ul li a.NavSelected, #MainNav ul li a:hover{background:#4e2683;} #MainNav ul li a.selected{background:#4e2683;} #MainNav ul li a.item455Link {font-weight:700; background:#239FDA} /* Sub navs - widths are required */ #MainNav ul ul.level2, #MainNav ul ul.level3, #MainNav ul ul.level4, #MainNav ul ul.level5, #MainNav ul ul.level6{width:196px; padding:0px; background:#005482; display:none; visibility:hidden; -moz-box-shadow:0 1px 3px #666; -webkit-box-shadow:0 1px 3px #666; box-shadow:0 1px 3px #666; border-radius:4px;} /* width required */ #MainNav ul ul.level2 li, #MainNav ul ul.level3 li, #MainNav ul ul.level4 li, #MainNav ul ul.level5 li, #MainNav ul ul.level6 li{float:left; width:196px; position:relative; margin:0px 0px 0px 0px;} /* width required */ #MainNav ul ul.level2 li a, #MainNav ul ul.level3 li a, #MainNav ul ul.level4 li a, #MainNav ul ul.level5 li a, #MainNav ul ul.level6 li a{padding:10px; border-bottom:1px dotted #036b96; background:transparent; color:#fff; border-radius:0px; text-align:left; border-radius:4px;} /* Set the dropdown visiblity and shadow positions */ #MainNav ul.level2, #MainNav ul.level3, #MainNav ul.level4, #MainNav ul.level5, #MainNav ul.level6{position:absolute; display:none; visibility:hidden; } /* all other li a this */ #MainNav ul.level2 li a:hover{background-color:#4e2683;} /* Set the shadow position */ .ddshadow{position:absolute; display:none} /* phone navigation */ #PhoneNav {min-height:1px; margin-bottom:0px;} #PhoneNav .navbar-collapse {padding:15px; margin-bottom:10px; border:0px; background:#005482; border-radius:5px;} #PhoneNav .nav li a {color:#fff;} #PhoneNav .nav li a:hover {color:#005482; border-radius:5px;} #PhoneNav .nav ul.level2 {display:none;} .navbar-inner, .navbar-inverse{background:transparent; border:0px!important;} .navbar-inner button.navbar-toggle{background:#005482; margin-top: -80px;} .navbar-inner button.navbar-toggle:hover{background:#4e2683;} /* Banner */ #bnr{margin:0 0 0 0; position:relative;} #myCarousel43 {height:auto; max-height:100%!important;} .carousel-caption {z-index: 10;} .carousel-inner>.item>img, .carousel-inner>.item>a>img {min-width: 100%;} .carousel-control.left, .carousel-control.right{background-image:none;} .carousel-control {display:none!important;} #homeBnrSnippet {text-align:center; position:absolute; top:20%; z-index:9; width:100%;} #homeBnrSnippet h2 {font-size:2.571em; color:#fff; text-shadow:1px 1px 2px rgba(0, 0, 0, 1);} /* ---------------------------------------------------------------- */ section#middle{padding:25px 0px; position:relative; background:#e1e1e1; min-height:300px;} section#BreadCrumbs {background:#005482; padding:8px 0px 10px 0px;} #breadCrumbZone {line-height:normal; font-size:0.857em;} #breadCrumbZone, #breadCrumbZone a {color:#96bff0;} /* Allow content Left... */ #contentZone{float:left;} /* Content */ #content{padding-bottom:15px;} #content img{-ms-interpolation-mode: bicubic;} /* Fix bootstrap image behaviour */ #content ul, #content ol{margin:1em 0;} #content ul li, #content ol li{margin-left:25px; line-height:1.5em} #content ul li{list-style-image:url(../../images/pageElements/bullet.gif);} #content, .CurrentProjects, .LatestPublications, .YourViews {background:#fff; border-radius:5px; overflow:hidden;} #content h1:first-of-type {color:#fff; margin:0 0 20px 0; line-height:normal; text-transform:uppercase;} .CurrentProjects h1, .LatestPublications h1, .YourViews h1 {background:#4e2683; text-align:center; padding:17px 0; font-size:1.286em; color:#fff; margin:0 0 20px 0!important; line-height:normal; text-transform:uppercase;} #content h1:first-of-type a {color:#fff;} .CurrentProjects h1 a, .LatestPublications h1 a, .YourViews h1 a {color:#fff;} #content h1:first-of-type {background:#005482; color:#fff; padding: 14px 0px 14px 20px; font-size:1.714em;} #content h1.header {background:#005482; color:#fff; padding: 14px 0px 14px 20px; margin-top:0px!important; font-size:1.714em;} #content h1.header a {color:#fff;} body#homeBody #content h1 {text-align:left; padding:17px 20px; font-size:1.286em;} #content #itemBody, .YourViews .snippetText, .LatestPublications .snippetText, .CurrentProjects .Blog, .LatestPublications .Blog {padding: 0px 20px 0px 20px;} #content #itemBody {font-weight:400; font-size:1em;} body#homeBody #content #itemBody {font-size:1em;} /* Google Map */ section#homepageGoogleMap{background:#231F20} section#homepageGoogleMap small a{color:#fff; padding:3px; text-transform:uppercase; font-size:78%; display:block; text-align:center} /* Fix Google Maps canvas */ /* Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's global `box-sizing` changes. You may optionally need to reset the `max-width` * on images in case you've applied that anywhere else. (That shouldn't be as necessary with Bootstrap 3 though as that behavior is relegated to the `.img-responsive` class.) */ .google-map-canvas, .google-map-canvas * { .box-sizing(content-box); } /* Optional responsive image override */ /*img { max-width: none; } */ /* Blog */ .Blog{} .Blog .BlogArticle{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #aaa;} /* Blog Header */ .Blog .BlogArticle .BlogHeader h2{margin:0 0 20px 0; padding:0px 0;} .Blog .BlogArticle .BlogHeader h2 a{text-decoration:none;} .Blog .BlogArticle .BlogHeader h2 a:hover{text-decoration:underline;} /* Blog information */ .Blog .BlogArticle .BlogHeader div.BlogInformation{font-size:79%; font-style:normal; margin:0; padding:0; margin-bottom:5px; padding-bottom:12px; color:#666; text-transform:uppercase;} .Blog .BlogArticle .BlogHeader div.BlogInformation cite{} .Blog .BlogArticle .BlogHeader div.BlogInformation span.BlogDate{} .Blog .BlogArticle .BlogHeader div.BlogInformation span.BlogCommentCount {display:none} /* Blog Article */ .Blog .BlogArticle .BlogContent{padding-bottom:0px;} /* Blog Footer */ .Blog .newsFooter ul, .Blog .newsFooter ul li{margin:0 12px 0 0!important; padding:0 0 0 0;} .Blog .newsFooter ul li.first{border-right:1px solid; padding-right:14px;} .Blog .newsFooter ul li img{float:none!important; margin-right:5px} /* Blog Categories - style in #sideBar */ .BlogCategories h2{padding:0px 0 0px 0px!important; margin:0 0 0 0!important; text-transform:uppercase; font-size:120%;} /* Blog Comments */ .BlogComments{padding-bottom:40px;} .BlogComments .Individual{margin-bottom:40px} .BlogComments .Individual.AltColor{background-color:#f5f5f5;} .BlogComments .Individual.NewComment, .Blog .BlogArticle .BlogCommentCount a.NewComment{} .BlogComments .Individual.NewComment .BlogCommentNumber{color:#005482} .BlogComments .Individual.Author .BlogCommentName{color:#fff} .BlogComments .Individual.Author .BlogCommentNumber{} .BlogComments .BlogCommentSkipToForm{margin-bottom:20px} .BlogComments .BlogCommentSkipToForm h2{font-size:100%;} .BlogComments .BlogCommentSkipToForm a{font-style:normal; padding-left:10px; border-left:1px dotted!important; margin-left:10px} .BlogComments .BlogHeader{margin:10px 0 10px 0; padding:15px; background:#005482; border-radius:45px} .BlogComments .BlogHeader .AuthorDate{font-size:85%; float:right; color:#fff} .BlogComments .BlogHeader .AuthorDate a{color:#fff} .BlogComments .BlogHeader .BlogCommentName{font-weight:700;} .BlogComments .BlogContent{padding:0px 10px 30px 0px; margin-bottom:10px; min-height:20px; } .BlogComments .BlogContent .BlogCommentNumber{padding:13px 12px 18px 12px; font-size:420%; color:#005482; float:left; font-family:"Times New Roman"; margin:10px 0 10px 0;} /* Blog Comment Form */ #content #BlogCommentForm legend{display:none} #content #BlogCommentForm p{font-size:89%; margin-bottom:30px} .CurrentProjects ul {padding:0; margin:0} .CurrentProjects ul li {background:transparent url(../../images/icons/logo.png) no-repeat 20px top; padding-left:100px; list-style:none;border-bottom:1px solid #4E2683; height:70px;} .CurrentProjects .snippetText {padding-left:10px;padding-right:15px;} .LatestPublications .BlogArticle {background:transparent url(../../images/icons/publication.png) no-repeat 20px top; padding-left:100px;} .CurrentProjects .BlogInformation, .LatestPublications .BlogInformation, .CurrentProjects .BlogDate, .LatestPublications .BlogDate, .CurrentProjects .newsFooter, .LatestPublications .newsFooter {display:none;} .CurrentProjects .Blog .BlogArticle, .LatestPublications .Blog .BlogArticle {border-bottom: 1px solid #4e2683;} .CurrentProjects ul li, .LatestPublications .Blog .BlogArticle .BlogHeader h2 {font-size:0.9em!important; font-weight:700!important; color:#777!important; margin-bottom:5px;} .CurrentProjects ul li a, .LatestPublications .Blog .BlogArticle .BlogHeader h2 a {} a.viewmore {display:block; float:right; background:transparent url(../../images/icons/arrow3.png) no-repeat right 2px; height:22px; padding-right:30px; margin-right:20px; margin-bottom:15px;} #sideBar .CurrentProjects .BlogContent, #sideBar .LatestPublications .BlogContent{display:none;} #sideBar .CurrentProjects .BlogArticle, #sideBar .LatestPublications .BlogArticle {background-position:10px top; padding-left:70px;} /* Breadcrumb */ #breadCrumbContainer{} #BreadCrumb ul#history{} #BreadCrumb ul#history li{} #BreadCrumb ul#history li#introText{} #BreadCrumb ul#history li a{} /* Gallery */ li.pnlGalleryImage{border-radius: 12px; float: left; margin:5px;} /* Contact Page Snippets */ #ContactPage{background:#fff; border-radius:5px; padding:15px;} #ContactPage #ContactPageSnippetTop h2:first-of-type{margin-top:0px;} #ContactPageMap{} #ContactPageSnippets{} /* sideBar */ #sideBar{} .nav-tabs{border-bottom:0} #sideBar h2.leftNavHeader{color:#fff; margin:0 0 20px 0; line-height:normal; font-size:1.286em; text-transform:uppercase; text-align:center; padding:17px 0;background:#4e2683;} #sideBar h2.leftNavHeader a {color:#fff;} #sideBar #ddlLeftNavDropDown select {width:100%; margin-bottom:20px;} #sideNavigation {background:#fff; border-radius:5px; overflow:hidden; margin-bottom: 15px;} /* .level1 + blog categories */ #sideBar ul.level1, .BlogCategories ul{padding:0 0 0 0; margin:0 0 20px 0;} #sideBar ul.level1 li, #content .BlogCategories ul li{margin:0 0 20px 0; list-style:none; list-style-image:none;} /* set the width here for IE browsers */ #sideBar ul.level1 li a, .BlogCategories ul li a{font-weight:700; color:#777777; padding:4px 20px 0px 35px; display:block; background:transparent url(../../images/icons/arrow.png) no-repeat 15px 8px;} #sideBar ul.level1 li a:hover, .BlogCategories ul li a:hover{color:#4e2683; text-decoration:none;} #sideBar ul.level1 li a.NavSelected, .BlogCategories ul li a.NavSelected{color:#4e2683} /* .level1 */ #sideBar ul.level1 li{margin-top:1px;} /* set the width here for IE browsers */ #sideBar ul.level1 li a{padding:4px 20px 0px 35px; color:#777777;} #sideBar ul.level1 li a:hover, #sideBar ul.level1 li a.NavSelected{color:#4e2683} /* .level2 */ #sideBar ul.level2{margin-bottom:0px} #sideBar ul.level2 li {margin:0px 0px 5px 0px;} #sideBar ul.level2 li a{padding:4px 20px 5px 45px; background:transparent url(../../images/icons/arrow2.png) no-repeat 30px 10px;} #sideBar ul.level2 li a:hover{} #sideBar ul.level2 li a.NavSelected{} /* .level3 */ #sideBar ul.level3{margin-bottom:00px} #sideBar ul.level3 li a{padding:4px 20px 5px 55px; background-position:40px 8px;} #sideBar ul.level3 li a:hover{} #sideBar ul.level3 li a.NavSelected{} /* Pager */ .PagingContainer{margin-left:25px;} .PagingContainer .paging li{display:block; width:20px; border:1px solid #ADC9D6; background:#E6F1F6; float:left; text-align:center; text-decoration:none!important; padding:2px; border-radius:3px; -moz-border-radius:3px; text-transform:uppercase; font-size:95%; font-weight:bold; margin:10px 4px 0 0;margin-left:0!important} .PagingContainer .paging .NavSelected, .pagingZone .paging li:hover{background:#223F63; color:#fff} .PagingContainer .paging .NavSelected{font-weight:bold; border:1px solid #223F63} .PagingContainer .paging ul{padding-left:0!important} /* --------------------------------