/* Original design: The Grid (v2.1 - January 18th, 2012) - A free xhtml/css website template by Andreas Viklund. For more information, see http://andreasviklund.com/templates/the-grid-v2/ */ html { height: auto !important; padding-bottom: 700px !important; } *{margin:0; padding:0;} /* General styles */ /*body {background:#fff url(images/crinklep.jpg) top center repeat; color:#303030; font-family:Helvetica, Arial, sans-serif; font-size:0.875em; line-height :1.42em; } */ body {background:#fff url(images/background.png) top center no-repeat; background-attachment: fixed; color:#303030; font-family:Helvetica, Arial, sans-serif; font-size:0.875em; line-height :1.4em; } a {color: #2a5a9a; text-decoration:none; font-weight:700;} a:hover {text-decoration:underline;} p,ul,ol,dl {margin:0 0 10px 0;} h1 {color:#888; font-size:3.6em; margin-bottom:5px;} h1 a {text-transform:none; font-weight:400;} h1 a:hover {text-decoration:none; color:#303030;} h2 {font-size:2.2em; color:#333; margin:15px 0 10px; border-bottom:2px solid #eee; text-align:left;} h3 {font-size:1.6em; margin:15px 0 10px 0; border-bottom:2px solid #eee;} h1,h2,h3 {color:#555; font-weight:400; line-height:1.1em; font-family:Georgia, serif; text-shadow:#ddd 1px 1px 3px;} /* Main layout container */ #layout {margin:20px auto 0; width:960px; } #layout2 {margin:20px auto 0; width:960px; clear:left; } body.wider #layout {margin:20px auto 0; width:1200px;} /* Footer */ #footer .col {text-align:right; color:#888; font-size:0.9em; border-top:2px solid #eee; padding:10px 0;} #footer a {color:#888; font-weight:400; text-decoration:none; border-bottom:1px dotted #888;} #footer a:hover {color:#555; text-decoration:none; border-bottom:1px dotted #303030;} /* Grid classes, fixed width, 960px with 12 columns */ .col {float:left; margin:0 10px; display:inline;} .col img {max-width:100%;} .row {width:960px; margin:0 auto;} .row .row {margin:0 -10px; width:auto; display:inline-block;} .c1 {width:60px;} .c2 {width:140px;} .c3 {width:220px;} .c4 {width:300px;} .c5 {width:380px;} .c6 {width:460px;} .c7 {width:540px;} .c8 {width:620px;} .c9 {width:700px;} .c10 {width:780px;} .c11 {width:860px;} .c12 {width:940px;} /* Grid classes, fixed width, 1200px with 12 columns - add class="wider" to the element to use this */ body.wider {background:#fff url(images/background-1200.png) top center no-repeat;} body.wider .row {width:1200px;} body.wider .c1 {width:80px;} body.wider .c2 {width:180px;} body.wider .c3 {width:280px;} body.wider .c4 {width:380px;} body.wider .c5 {width:480px;} body.wider .c6 {width:580px;} body.wider .c7 {width:680px;} body.wider .c8 {width:780px;} body.wider .c9 {width:880px;} body.wider .c10 {width:980px;} body.wider .c11 {width:1080px;} body.wider .c12 {width:1180px;} /* Menu list styles */ ul.menu {list-style:none; margin:0; padding:10px 0; border-top:1px solid #eee;} ul.menu li {list-style:none; font-size:1em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:1px solid #eee;} ul.menu li a {font-size:1.4em; font-family:Georgia, serif; font-weight:400;} ul.menu li a:hover {color:#303030; text-decoration:none; border-bottom:1px dotted #303030;} /*Milestone Layout*/ .ms-list {list-style:none; padding-left:25px; text-align:left;} .ms-list ul li {list-style:none; padding-left:25px; text-align:left; padding-bottom:2px;} .li-blue {color:blue} .li-red {color:red} .indent {padding-left:10px; text-align:left;} .smlindent {padding-left:7px; text-align:left;} .indentmid {padding-left:50px; text-align:left;} .indentlarge {padding-left:100px; text-align:left;} /* Additional text classes */ .indent {margin-left:15px; margin-bottom:3px} .slogan {color:#555;} .sloganinvert {font-size: 1.2em; background-color:#336699; color:#FFFFCC} .alignleft {text-align:left;} .alignleft h3 {text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustify {text-align:justify;} .bold {font-weight:bold} /*.caption {line-height: 1.3em; color: #333333}*/ .caption {line-height: 1.3em; background: #400000; color: #ffffff; border-style: solid; border-width: 1px; border-color:#333333} .larger {font-size: 1.2em; background-color: #FFF;} .smaller {font-size:0.9em;} .muchsmaller {font-size:0.75em; margin-left:3px; color:gray;} .red {color:#bc4c4c;} .blue {color:#2a5a9a;} .green {color:#4aaa7a;} .spacer {margin:0 20px;} .aligntop {vertical-align:top; padding:2px 4px 2px 12px; } .aligntop td {vertical-align:top; padding:2px 4px 2px 12px; } .alignmiddle {vertical-align:middle;} .clear {clear:both;} .hide {display:none;} /* MACH Additional formats for specific text */ .references {color: #CC0000; margin-top: 18px; margin-bottom: 12px; margin-right: 35px; text-align:left; font-size:1.15em; line-height:1.35em;} .pagelinks {margin-left: 20px; margin-right: 2px; margin-top: 5px; margin-bottom: 5px; text-align:left; color:black} .pagelinks p {margin-right: 10px; margin-top: 3px; margin-bottom: 10px; text-align:left; padding-left: 0px} .pagelinks a {font-weight:500; line-height:1.2em} .vertspacer {margin:0 0 25px 0} .smlvertspacer {margin:0 0 10px 0} .less-space {margin:20 0 30 0} .indent li {padding: 3px 0} .indent ul {margin-left: 20px} .indent ol {margin-left: 20px} #bookheaderimage {height:210px; border :1px red solid} #bookheaderimage img {float:left; height:200px; padding:5px 10px} #bookimage {height:210px;} #bookimage img {float:left; padding:5px 10px;} #clear {clear:both} /* Newsbox */ .latest {background:#D4D4D4; border:thin black solid; padding:3px 6px 3px 6px; text-align:left;} .latestblog { background: #FFFFCC; border: thin black solid; padding: 3px 6px 3px 6px; text-align: left; } .latestnew { background: #D4D4D4; border: thick #606060 solid; padding: 3px 6px 3px 6px; text-align: left; } .latestblognew { background: #FFFFCC; border: thick #606060 solid; padding: 3px 6px 3px 6px; text-align: left; } /* Table work */ .tablewidth {border: 3px gray solid; width:940px;padding:6px;margin:1px; } .cell-lt {width: 45%; padding:6px; text-align:center; border:thin;border-color:black; border-top-style:solid;} .cell-rt {width:55%; padding:6px; border:thin;border-color:black; border-top-style:solid;} .grid {border:thin;border-color:black; border-top-style:solid;} table.fullwidthtable { border-collapse: separate; border-spacing: 2px; /*Others*/ border-collapse: collapse; /*IE*/} table.fullwidthtable tr td {padding: 4px;} .bb td {border-bottom: 2px solid red !important} .bbend td {border-bottom: 4px solid blue !important} .ws {white-space:normal; } .box { border-style:solid; border-width:thin; background-color:#FFFFCC; } .main_container { width:906px; background-image:url('../../images/bg_main_container.gif'); background-repeat:repeat-y; background-position:top right; margin-bottom:-2px; } .main_body { width:899px; margin-left:0px; text-align:left; } .header_container { height:176px; } .header_top { height:100px; } .body_container { width:860px; margin-left:19px; margin-top:14px; } .body_content { width:858px; margin-left:1px; background-color:#FFFFFF; padding-bottom:20px; } .full_block { margin-left:18px; margin-right:14px; padding-top:5px; margin-bottom:10px; } .pass_numbers_table { color:navy; margin-left:auto; margin-right:auto; } .full_width_table { color:navy; margin-left:auto; margin-right:auto; } .small_table_headings { font-size:12px; font-weight:bold; text-align:right; line-height:1.2em; margin: 10px 10px 0px 0px; font-family:verdana; } .blog_index_table { color: #006666; margin-left:auto; margin-right:auto; padding-top:20px; border-spacing:5px; } .blog_index_headings th{ font-size:13px; font-weight:bold; padding:6px; line-height:1.2em; margin: 10px 10px 0px 0px; font-family:verdana; vertical-align: top; text-align:left; } .blog_index_text th{ font-size:13px; font-weight: normal; padding:6px; line-height:1.2em; margin: 10px 10px 0px 0px; font-family:verdana; vertical-align: top; text-align:left; } .internal_heading { text-align:left } /* Added 20/9/15 to wrap the labels in a java 'button' */ input[type=button] { white-space: normal; width: 100px; cursor:pointer; cursor:hand; } /* Relates to iframe */ .Cream { width:325px; background:#FFFFCC; margin-right:0; padding:4px 15px 4px 4px; border-left: thin black solid; border-right: thin black solid; } /* To stop x scrollbar in iframe and add formatting */ .noscroll { overflow-x: hidden; margin: 0 0 -5px 0; padding: 0; border-top:thin black solid; border-left: none; border-right:none; border-bottom:thin black solid; } /* From http://codepen.io/philhoyt/pen/ujHzd */ /* MenuNew list styles */ ul.menunew {list-style:none; margin:0; padding:10px 0; border-top:1px solid #eee;} ul.menunew li {list-style:none; font-size:1em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:1px solid #eee;} ul.menunew li a {font-size:1.4em; font-family:Georgia, serif; font-weight:400;} ul.menunew li a:hover {color:aqua; text-decoration:none; border-bottom:1px dotted #303030;} /*color:#303030; after a:hover */ .dropdownmenu ul, .dropdownmenu li { margin: 0; padding: 0; } .dropdownmenu ul { background: gray; list-style: none; width: 100%; } .dropdownmenu li { float: left; position: relative; width: auto; /*width: 150px;*/ } .dropdownmenu a { background: #2a5a9a; color: #FFFFFF; display: block; font: bold 12px/20px sans-serif; padding: 10px 22px; /* L_R changed from 25 to 22 */ text-align: center; text-decoration: none; margin:-41px 0 -41px 0; /*Margin added by MACH - t/b was -20 but for testing underlay band settings altered to -50 */ -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .dropdownmenu li:hover a { background: #333333; } #submenu { left: 0; opacity: 0; position: absolute; top: 35px; visibility: hidden; z-index: 1; } li:hover ul#submenu { opacity: 1; top: 15px; /* adjust this as per top nav padding top & bottom comes */ visibility: visible; } /*This manages detail of the appearance of the sub menu elements */ #submenu li { float: none; width: 100%; /*width: 150px;*/ font-size: 1.0em; font-family: Arial, Helvetica, sans-serif; font-weight: 400; text-align:left; } /* This alters submenu background colour from grey to orange on hovering */ #submenu a:hover { background: #DF4B05; } /* This alters how the submenu unwraps */ #submenu a { background-color: #333333; font-size: 1.1em; line-height: 1.2em; padding: 20px 10px 20px 20px; margin: -12px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; } /* Font size */ .smallfont { font-size:xx-small; } /* no line heinght or padding or margin originally and font size was 1.0 em. top margin was -12 */ /* Blue band behind the menu bar */ .full-width { width: 100%; background: #2a5a9a; line-height:42px; margin: -20px 0 0; } /* Clock Band */ .cb { color:#CC99FF; background: rgba(0, 0, 0, 0.4); padding: 6px; top:125px; margin-left:15px; position:absolute; } /* Test Hover */ /* zhov designs the detail of the scripted pop up box */ .zhov { background:none repeat scroll 0 0 #F8F8F8; border: 5px solid #DFDFDF; color: #717171; font-size: 13px; /* height: 30px; */ height:auto; /* letter-spacing: 1px; */ /* letter-spacing: 0.5px; */ /* line-height: 30px; */ line-height: 15px; margin: 0 auto; /* position: relative; */ position: absolute; text-align: left; /* text-transform: uppercase; */ /* top: -80px; */ top: 20px; /* left:-30px; */ left:-220px; width:480px; display:none; padding: 0 20px; z-index:999; } /* zhov designs the small 'speak' box along the border */ .zhov:after{ content:''; position:absolute; /* bottom:-10px; */ top:-10px; width:10px; height:10px; /* border-bottom:5px solid #dfdfdf; */ border-top:5px solid #dfdfdf; /* border-right:5px solid #dfdfdf; */ border-left:5px solid #dfdfdf; /* background:#f8f8f8; */ background:#FFFFCC; left:50%; margin-left:-5px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } /* zhov-p formats the visible label that triggers the popup */ .zhov-p{ /* width:auto; */ /* margin:10px 0 0 230px; */ /* margin:10px 0 0 200px; */ /* float: none; */ float: right; position:relative; margin: 5px 0 0 0; padding: 0 20px 0 0; vertical-align:text-top; cursor:pointer; color: rgba(200, 200, 200, 1) ; font-size:small; cursor:pointer; cursor:help; } .zhov-p:hover span{ display:block; } /*put button to left of text and fit text to right*/ .buttonleft { float:left; margin:0 0 0 150px; padding:0 20px 0 0; } /*CSS for Research Page boxes */ .boxes { width:445px; vertical-align: top; padding:10px 5px 5px 5px; border:thin gray solid; z-index:2; } .boxleft{ float:left; } .boxes01 { height:auto; background-color:rgba(255,255,0,0.3); } .boxes03 { height:auto; background-color:rgba(0,255,0,0.25); } .boxes05 { height:auto; background-color:rgba(255,0,255,0.25); } .boxright{ margin-left:485px; } .boxes02 { height:auto; background-color:rgba(0,125,255,0.25); } .boxes04 { height:auto; background-color:rgba(50,0,255,0.25); } .boxes06 { height:auto; background-color:rgba(190,190,190,0.5); } .boxes07 { height:auto; background-color:rgba(255,153,0,0.5); } .boxesdisplay a { color:blue; font-style:normal; font-weight:normal; } .boxesdisplay p { color:black; font-style:normal; font-weight:normal; font-size:small; text-align:left; } .boxesdisplay img { float:right; padding-left:5px; padding-bottom:5px; padding-top:5px; width:100px; } /*CSS for Revision History text */ .rhtext { color: rgba(175, 175, 175, 1) ; top:-5px; font-size:small; float:right; margin:0 75px 0 0; } .popuptable { border-spacing: 5px 10px; /* border-style: solid; border-width: 2px; */ background-color: #FFFFCC } .makecenter { text-align:center } .makeright { text-align:right; padding-right:20px; } .makeleft { padding-left:30px; } .picformat td { /*background-color: #800080;*/ background-color:maroon; text-align:center; border-style: solid; border-width: 1px; vertical-align:middle; padding: 4px; margin-top: 10px; } .picborder { border-style: solid; border-width: 1px; } /* CSS for All-Picture Sections */ .testpic { float:left; margin: 6px 5px 4px 5px; height: 300px; line-height: 300px; position:relative; background-color:lightgray; width: 225px; } .testpicdouble { float:left; margin: 6px 5px 4px 5px; height: 300px; line-height: 300px; position:relative; background-color:lightgray; width: 460px; } .testpicframe { float:left; margin: 6px 5px 4px 5px; height: 298px; line-height: 298px; position:relative; border:1px lightgray solid; width: 223px; } .testcaps { float:left; margin: 4px 5px 4px 5px; width:215px; background-color:maroon; color:white; padding: 2px 5px; text-align: left; height: 100px; font-size: 80%; line-height:120%; overflow:auto; } .testcapsdouble { float:left; margin: 4px 5px 4px 5px; width:450px; background-color:maroon; color:white; padding: 2px 5px; text-align: left; height: 100px; font-size: 80%; line-height:120%; overflow:auto; } .testcapsframe { float:left; margin: 4px 5px 4px 5px; width:213px; color:white; padding: 2px 5px; text-align: left; height: 98px; font-size: 80%; line-height:120%; border:1px lightgray solid; } .testmiddle { position:absolute; top: 0; bottom: 0px; left: 0; right: 0px; margin: auto auto; text-align:center; } /*SCROLL TO TOP MECHANISM */ .scroll-top-wrapper { position: fixed; /*position:relative; */ opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; background-color: #777777; color: #eeeeee; width: 50px; height: 48px; line-height: 48px; right: 12%; /* Offsets button from far right of screen */ bottom: 30px; padding-top: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .scroll-top-wrapper:hover { background-color: #888888; } .scroll-top-wrapper.show { visibility:visible; cursor:pointer; opacity: 1.0; } .scroll-top-wrapper i.fa { line-height: inherit; } /* Blue band behind the menu bar */ .full-width-bar { width: 100%; background:#2a5a9a; height:29px; margin: -18px 0 0 0; border: solid 1px black; } /*Experimental Fourth Level Menu*/ .fourth-level-menu { position: absolute; top: -5px; right: -150px; width: 150px; list-style: none; padding: 0; margin: 0 0 0 1px; display: none; } .fourth-level-menu > li { /*height: 30px;*/ background: #6b0c36; height:auto; min-height:30px; border-left:thin black solid !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .fourth-level-menu > li:hover { background: #000000; margin-left: -1px;} /*THIRD ATTEMPT*/ .third-level-menu { position: absolute; top: -5px; right: -150px; width: 150px; list-style: none; padding: 0; margin: 0 0 0 1px; display: none; } .third-level-menu > li { /*height: 30px;*/ background: #6b0c36; height:auto; min-height:30px; border-left:thin black solid !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .third-level-menu > li:hover { background: #000000; margin-left: -1px;} .second-level-menu { position: absolute; top: 19px; left: 0; width: 175px; list-style: none; padding: 0; margin: 0; display: none; /*visibility:hidden;*/ } .second-level-menu > li { position: relative; /*height: 30px;*/ height:auto; min-height:30px; margin-top: 0px; background: #6b0c36; z-index:999999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .second-level-menu > li:hover { background: #000000; } .second-level-menu li a { border-top: 1px solid #000; line-height:300%; font: 12px Arial-Narrow, Helvetica, sans-serif; text-align:left; padding: 6px 0 6px 10px; } .top-level-menu { list-style: none; padding: 0; /*margin: -41px 0 36px 0;*/ margin: -30px 0 36px 0; } .top-level-menu > li { position: relative; float: left; /* height: 31px; */ margin-right: 15px; padding:1px 8px 3px 8px; /* AREA AROUND MENU ITEMS */ background: #2a5a9a; text-align:left; margin-left:5px; height: 25px; vertical-align:middle; -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -ms-transition: all 0.75s ease; -o-transition: all 0.75s ease; transition: all 0.75s ease; } .top-level-menu > li:hover { background: #000000; } .top-level-menu li:hover > ul { /* On hover, display the next level's menu */ display: inline; margin-top:10px; -webkit-transition: all 1.75s ease; -moz-transition: all 1.75s ease; -ms-transition: all 1.75s ease; -o-transition: all 1.75s ease; transition: all 1.75s ease; } /* Menu Link Styles */ .top-level-menu a /* Apply to all links inside the multi-level menu font: bold 14px Arial, Helvetica, sans-serif */ { font-size:16px; font-family:Johnston ITC Std; color: white; text-decoration: none; padding: 0 5px 0 5px; /* Make the link cover the entire list item-container */ display: block; line-height: 30px; } .top-level-menu a:hover { color:#FF99CC } /*Thank You Page*/ .typ { font-size:24px; font-family:Johnston ITC Std; color:navy; text-decoration: none; padding: 0 5px 0 5px; text-align:center; /* Make the link cover the entire list item-container */ display: block; line-height: 30px; } /*Milestone Table*/ .mstable { width:940px; overflow:hidden; } .mstable td { height:18px; width:3%; overflow:hidden; } .msok { background-color:lime; } .msgone { background-color:#FF0000; } .msunc { background-color:yellow; } .msmove { background-color:blue; } .msna { background-color:silver; } /*new milestone pages picture locations */ .tp-picture { margin: 10px 5px 0px 5px; height: 300px; line-height: 300px; position:relative; background-color:lightgray; width: 225px; } .tp-picturedouble { margin: 10px 5px 0px 5px; height: 300px; line-height: 300px; position:relative; background-color:lightgray; width: 460px; } .tp-caption { margin: 0px 5px 4px 5px; width:215px; background-color:maroon; color:white; padding: 2px 5px; text-align: left; height: 100px; font-size: 80%; line-height:120%; overflow:auto; /*border-top:2px black solid;*/ } .tp-captiondouble { margin: 0px 5px 4px 5px; width:450px; background-color:maroon; color:white; padding: 2px 5px; text-align: left; height: 100px; font-size: 80%; line-height:120%; overflow:auto; /*border-top:2px black solid;*/ } .tp-caption, .tp-captiondouble { border-top:2px darkgray solid; } .tp-entry { float:left; } .tp-captionframe { margin: 4px 5px 4px 5px; width:211px; background-color:white; color:white; padding: 2px 5px; text-align: left; height: 95px; font-size: 80%; line-height:120%; overflow:auto; border:2px lightgray solid; } .pagetext { text-align: left; line-height:120%; } .bm-picture { margin: 10px 5px 0px 5px; /*height: 225px; */ height:225px; line-height:225px; width: 300px; position:relative; background-color:lightgray; } /* .bm-picture:hover { height:75mm; width: 100mm; position:absolute; } */ .bm-middle { position:absolute; top: 0; bottom: 0px; left: 0; right: 0px; margin: auto auto; text-align:center; } .bm-middle:hover { z-index:1; top: -110px; border:medium #000099 solid; } .bm-caption { margin: 0px 5px 4px 5px; width:290px; background-color:#000099; color:white; padding: 2px 5px; text-align: left; height: 100px; font-size: 80%; line-height:120%; overflow:auto; /*border-top:2px black solid;*/ } .bm-caption, .tp-captiondouble { border-top:2px darkgray solid; } .bm-entry { float:left; } .thickhr { background-color:red; border: 0 none; color: red; height: 3px; } .richlayout { margin-top:15px; } .richlayout img { float:left; margin: 0px 0 0 5px; padding: 10px; } a.top {position:relative; top: -400px; display:block; height: 0; width: 0; } /* Sortable tables */ table.sortable thead { background-color:#eee; color:#666666; font-weight: bold; cursor: default; } table.sortable tr td { background-color:fuchsia; font-weight: bold; } /* This element places images in the centre of a column */ .center { display: block; margin-left: auto; margin-right: auto; width: 50%; } .centermore { display: block; margin-left: 75px; margin-right: 75px; width: auto; } .centerany { display: block; margin-left: 125px; margin-right: 125px; width: auto; } /* These elements set format for navigation */ #nav-container { Padding-bottom:10px; } /*This one not in use */ #nav-container1 { Padding-bottom:30px; } #nav-container2 { margin-top:-19px; Padding-bottom:20px; } /* This was one in use before Opera mis-display started #nav-container2 { margin-top: -9px; } */ /* Added to apply margins around images */ .addpicmargins { margin:inherit; margin: 10px 10px 10px 10px; } /* TEST AREA */ @import url(//db.onlinewebfonts.com/c/9e4ee8bdd2b9e501b34e033920bdf36d?family=Johnston+ITC+Std); @font-face {font-family: "Johnston ITC Std"; src: url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.eot"); src: url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.woff") format("woff"), url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/9e4ee8bdd2b9e501b34e033920bdf36d.svg#Johnston ITC Std") format("svg"); } @import url(//db.onlinewebfonts.com/c/d474b7a32314a5a826b4b5f2ad69c4ca?family=JohnstonITCW01-Bold); @font-face {font-family: "JohnstonITCW01-Bold"; src: url("//db.onlinewebfonts.com/t/d474b7a32314a5a826b4b5f2ad69c4ca.eot"); src: url("//db.onlinewebfonts.com/t/d474b7a32314a5a826b4b5f2ad69c4ca.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/d474b7a32314a5a826b4b5f2ad69c4ca.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/d474b7a32314a5a826b4b5f2ad69c4ca.woff") format("woff"), url("//db.onlinewebfonts.com/t/d474b7a32314a5a826b4b5f2ad69c4ca.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/d474b7a32314a5a826b4b5f2ad69c4ca.svg#JohnstonITCW01-Bold") format("svg"); } .johnstonB { font-family:JohnstonITCW01-Bold; font-size:2.2em; color:black; margin:15px 0 10px; border-bottom:2px solid #eee; text-align:left; text-shadow: None !important; } .johnstonM { font-family:Johnston ITC Std; font-size:1.75em; color:black; margin:15px 0 10px; border-bottom:2px solid #eee; text-align:left; text-shadow: None !important; } .johnstonP { font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; } /* h1 a {text-transform:none; font-weight:400;} h1 a:hover {text-decoration:none; color:#303030;} h2 {font-size:2.2em; color:#333; margin:15px 0 10px; border-bottom:2px solid #eee; text-align:left;} h3 {font-size:1.6em; margin:15px 0 10px 0; border-bottom:2px solid #eee;} h1,h2,h3 {color:#555; font-weight:400; line-height:1.1em; font-family:Georgia, serif; text-shadow:#ddd 1px 1px 3px;} text-shadow: blue 0px 0px 0px */