/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 5, 2014 */ @font-face { font-family: 'afta_sansregular'; src: url('../font/aftasansthin-regular-webfont.eot'); src: url('../font/aftasansthin-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/aftasansthin-regular-webfont.woff') format('woff'), url('../font/aftasansthin-regular-webfont.ttf') format('truetype'), url('../font/aftasansthin-regular-webfont.svg#afta_sansregular') format('svg'); font-weight: normal; font-style: normal; } /* ********* Set Defaults to Zero ******* */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; /*vertical-align: baseline;*/ } /* remember to define focus styles! */ b, strong { font-weight:bold;} /* get rid of those system borders being generated for A tags */ a:active { outline:none; } :focus { -moz-outline-style:none; outline: 0; } /* This makes the text left justified & keeps font large in the CS debug area */ .cfdebug {text-align:left; font-size:12px;} .cfdebug code{ font-size:12px;} .cfdebug pre{ font-size:12px;} ol, ul { list-style: none; margin-bottom: 10px; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* !!!!!!!!!! YOU MUST RESTYE THE ABOVE AS NEEDED !!!!!!!!!!!!! */ /* set global paragraph margin */ p { margin:0 0 10px 0;} /* Apply left margin only to the few elements that need it: */ dd, blockquote { margin-left: 1em; } .floatleft { float:left;} .floatright { float:right;} .clear { clear:both;} a:link {color: #FFF; text-decoration: none; font-weight:bold;} a:visited {color: #FFF; text-decoration: none; font-weight:bold;} a:active, a:focus {color: #FFF!important; text-decoration: none; font-weight:bold;} img { max-width:100%;} body { font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: center; background: #E5E5E5; line-height:150%; color:#333; } input, select, textarea { font-size: 11px; font-family: Arial, Helvetica, sans-serif;} input { vertical-align:middle;} select { vertical-align:middle;} /* NOTE - the percentages below will scale off of the font size set in the body selector style above */ /* Header tag styles */ h1 { font-size:16px; color:#000; font-family:'Futura W01 Medium', "Arial Narrow", Arial, sans-serif; text-transform:uppercase; margin-bottom:8px; } h2 { font-size:14px; color:#6C6B6B; font-family:'Futura W01 Medium'; margin-bottom:8px; font-size: 36px; } h3 { font-size:14px; color:#0072C6; margin-bottom:8px; font-family:'afta_sansregular'; font-size: 20px; } h4 {font-family:'afta_sansregular';} .centered { text-align:center;} .align-right { text-align:right;} .align-left { text-align:left;} /* this contains everything in the site and controls centering and margins */ #container{ width: 1080px; margin: 0 auto; height:auto; text-align: left; } /* head section */ #ifp-head { width:1080px; height:184px; background:url(../img/bg_top.png) no-repeat; z-index: 1; } /* menu */ #ifp-top-menu-link:hover { cursor:pointer; } .ifp-menu { width:1080px; height: 605px; background:#092443; position:absolute; top: 88px; padding-top: 70px; /* Put menu below header */ margin: 0 auto; display:none; z-index: -1; } .ifp-menu-group { width:1000px; margin:14px 0 0 60px; } /* border:1px solid white; border-bottom:1px solid white */ .ifp-menu-section { width:220px; height:auto; margin-right:28px; margin-bottom:20px; float:left; } .ifp-menu-section-name { padding-top:10px; padding-bottom:10px; } .ifp-menu-section-name a:link, .ifp-menu-section-name a:active, .ifp-menu-section-name a:visited, .ifp-menu-section-name a:focus{ color:#ffbf0d; font-weight:normal; font-family:'Zurich W01 Condensed', "Arial Narrow", Arial, sans-serif; font-size:15px; text-transform:uppercase; } .ifp-menu-section-name a:hover { color: #FFF; font-weight:normal; font-family:'Zurich W01 Condensed', "Arial Narrow", Arial, sans-serif; font-size:15px; text-transform:uppercase; } .ifp-menu-content-title ul li{ padding:4px 0; border-bottom:1px solid #3D3D3D; line-height:14px; } .ifp-menu-content-title ul li a:hover { color: #599EC5 !important; } .ifp-menu-content-title ul li.last{ border-bottom:none; } .ifp-menu-content-title a:link{ font-weight:bold !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .ifp-menu-content-title a:hover, .ifp-menu-content-title a:active { font-weight:bold !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #599EC5 !important; } #top-menu { display: table; float: right; position: relative; top: 45px; right: 75px; height: 27px; } #top-title { font-family: 'afta_sansregular'; display: table; float: left; position: relative; top: 45px; left: 275px; height: 27px; color: white; text-transform: uppercase; font-size: 18px; } #ifp-top-menu-link { display: table-cell; width: 200px; background: url('../img/menu-off.png') no-repeat center center; } #ifp-top-menu-link:hover{ background: url('../img/menu-on.png') no-repeat center center; } #ifp-top-home-link { background: url('../img/home_link.png') no-repeat center center; width: 27px; display: table-cell; } /* body section */ /* record.cfm */ #ifp-body { width:1080px; background: transparent; position: relative; top: 80px; } .ifp-top-navbar { margin-top: 15px; width:960px; height:70px; margin-left:60px; margin-right: 60px; background: #d0e0e8; border-radius: 16px; } .ifp-top-navtitle { width:790px; float:left } .ifp-top-navtitle h1 { font-size:36px; line-height:70px; margin-left:10px; } .ifp-topnav { width:150px; float:left; margin-top:6px; margin-left:20px; } .ifp-topnav img{ margin-left:10px; } .ifp-body-content { width:950px; margin-left:70px; padding-top:20px; padding-bottom:60px; } .ifp-body-content h1 { color:#0072C6; text-transform:none; font-size:25px; font-family:"Futura W01 Medium", Arial, Helvetica, sans-serif; line-height:30px; margin-bottom:15px; } .ifp-body-content h2 { font-size:34px; font-family: "afta_sansregular", Arial, Helvetica, sans-serif; color:#044B89; font-weight:normal; margin-bottom:14px; margin-top:14px; line-height:40px; } .ifp-body-content h3 { color: #044B89; font-family: 'Futura W01 Heavy', Arial, Helvetica, sans-serif; font-size: 24px; line-height: 32px; } .ifp-body-content p { font-family: 'Futura W01 Book', Arial, Helvetica, sans-serif; font-size: 18px; } .ifp-body-content h4 { color: #044B89; font-size:20px; margin-bottom:5px; margin-top:5px; font-family: 'Futura W01 Medium', Arial, Helvetica, sans-serif; } .ifp-body-content a { color: #044B89; text-decoration:underline; } .ifp-body-content a:hover { text-decoration: underline; color:#0072C6; } .ifp-body-content ul li { font-size: 18px; font-family: 'Futura W01 Book', Arial, Helvetica, sans-serif; } .ifp-body-content ul li { background:url(../img/bullet.png) no-repeat 0 7px ; padding-left:15px; margin-left:20px; line-height:25px; } /* cover.cfm */ .cover-body { padding: 0 0px 0px 0px !important; } .ifp-cover-content{ margin-top: 10px; width:1080px; height:545px; } .ifp-cover-content img{ float:left; margin:60px 80px 0 90px; } .ifp-cover-content h1{ width:480px; font-size:52px; line-height:normal; margin-left:480px; padding-top:60px; font-family: 'Futura W01 Medium', "Arial narrow", Arial, sans-serif; } .ifp-cover-content h2{ width:480px; margin-left:480px; font-family:'Futura W01 Medium', "Arial Narrow", Arial, sans-serif; font-size:20px; text-transform:none; } /* section.cfm */ .section-body { padding:0 !important;} .ifp-section-content{ height: 545px; margin-top:10px; width:1080px; } .section-foot span { visibility:hidden;} /* foot section */ #ifp-foot { display: table; width:1030px; height:132px; background:url(../img/bg_bottom.png) no-repeat transparent; font-size:18px; text-transform:uppercase; padding-right:50px; } #ifp-foot .section-title { display: table-cell; text-align:left; vertical-align:middle; position: relative; top: 35px; text-indent: 50px; color: white; font-family: 'afta_sansregular'; } #ifp-foot .nav-prev-next { display: table-cell; text-align:right; vertical-align:middle; position: relative; top: 30px; } #ifp-foot img{ margin:0 10px 0 0; vertical-align:middle; } /* footer */ #footer { width:1080px; height:50px; margin:0 auto; margin-bottom:40px; color:#CCC; text-transform:uppercase; text-align:center; font-size:0.75em; line-height:140%; padding-top:20px; } /* Presentation Plugin */ .presentation {} .slide { padding-top: 79px; /* Height of Top Navigation - Used to add box-shadow */ position: absolute; min-height:545px; top: 0px; z-index: -2; -webkit-box-shadow: 0px 0px 4px 2px #ccc; box-shadow: 0px 0px 4px 2px #ccc; background: #FFFFFF; } .slide.cover { background: #FFF; /*background:url(../img/bg_int_body.png) no-repeat;*/ } .slide.section { background:url(../img/bg_int_body.png) no-repeat; } /* Login */ .ifp-login-box{ margin: 0 auto; display: block; text-align: center; margin-bottom: 100px; } .ifp-login-box .error { font-size: x-small; font-weight: bold; color: red; } /* Our people tables */ .staff-dept { font-size:18px; font-weight:bold; text-transform:uppercase; text-align:left; border-bottom:solid 1px #e5e5e5; padding-top:10px; padding-bottom:10px; background-color:#FFF; margin-bottom:20px; } #staff-table-2 { width:90%; margin:0 auto; } #staff-table-2 td{ width:50%; vertical-align:top; background-color:#FFF; } .staff-img { float:left; width:100px; margin-right:20px; margin-bottom:20px; } .staff-name { width:60%; font-weight:bold; color: #0072C6; font-size:16px; } .staff-title { font-weight:normal; font-size:14px; color: #6C6B6B; } .staff-line { border-top:solid 1px #e5e5e5; height:15px; padding-bottom:20px; }