/* If your browser made it this far, it's a winner! */ /* First, let's import our basics - you should never need to edit these, so they're in separate files */ @import 'donotedit/basereset.css'; @import 'donotedit/structure.css'; /* These are optional, and should be imported on a project-by-project basis. (Un)comment as necessary */ @import 'donotedit/grids.css'; /* Subdivides columns into a grid layout */ /*@import 'donotedit/forms.css'; Table-less forms */ /* @import 'donotedit/sifr.css'; */ /* sIFR-specific styles */ /* END optional imports */ /* END import */ /* A handy pixel to percent font conversion */ /* 10px / 77% 11px / 85% 12px / 92% 13px / 100% 14px / 107% 15px / 114% 16px / 122% 17px / 129% 18px / 136% 19px / 144% 20px / 152% 21px / 159% 22px / 167% 23px / 174% 24px / 182% 25px / 189% 26px / 197% */ /* +++ VERY IMPORTANT+++ The default font for these templates is 13px Arial, set on the element (in basereset.css). NEVER set a font-size or font-family on the element. ALWAYS override using a child of , with the pixel-equivalent percentage value for the font size, as documented above. EG: #wrap {font-family:Verdana,Arial,Helvetica,sans-serif;} would set everything within #wrap to Verdana. It is better to set font-sizes on elements rather than containers. */ /* General fonts */ #pagewrap, #ftwrap {font-family:Arial, Helvetica, sans-serif;} h1, .sec-pad h2 {font-size:152%;} h2 {font-size:114%;} h3 {font-size:100%;} h4 {font-size:100%;} h5 {font-size:100%;} h6 {font-size:100%;} p, li, dt, dd, th, td, address, blockquote, pre, input, textarea, select {font-size:92%;} p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select, li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select, dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select, dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select, th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select, td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select, address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select, blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select, pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select, input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select, textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select, select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select {font-size:100%;} strong,b {font-weight:bold;} em,i {font-style:italic;} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1, .sec-pad h2 { color:#37424a; font-family:"Times New Roman", Times, serif; font-weight:bold; line-height: 1em; margin-bottom: 1em; } h2 { color:#37424a; font-family:"Times New Roman", Times, serif; font-weight:bold; margin-bottom: 6px; } h3 { font-weight:bold;} h4 { line-height: 1.25em; margin-bottom: 1.25em; } h5 { font-weight: bold; margin-bottom: 1.5em; } h6 { font-weight: bold; } /* Text elements -------------------------------------------------------------- */ .pri-pad p { margin: 0 0 1.5em; } .pri-pad p.last { margin-bottom: 0; } .pri-pad p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } .pri-pad p img.top { margin-top: 0; } /* Use this if the image is at the top of the

. */ /*.pri-pad p.intro { margin: 0 0 2em; }*/ .pri-pad img.intro { border:2px solid #a5acaf; float: left; margin: 0 1.5em 1em 0; padding: 0; } /* Use this if the image is at the top of the

. */ .pri-pad ul, .pri-pad ol { margin:0 1.5em 1.5em 1em; } .pri-pad ul { list-style-type: none; } .pri-pad ul li { background: url(../images/bg_bullet_square.gif) no-repeat 0 6px scroll; padding-left:8px; height:1%; } .pri-pad ol { list-style-type: decimal; } .pri-pad dl { margin: 0 0 1.5em 0; } .pri-pad dl dt { font-weight: bold; } .pri-pad dd { margin-left: 1.5em;} .pri-pad abbr, .pri-pad acronym { border-bottom: 1px dotted #666; } .pri-pad address { margin-bottom: 1.5em; } .pri-pad del { color:#666; } .pri-pad a:focus, .pri-pad a:hover { color: #1f3b50; text-decoration: underline;} .pri-pad a { color: #0060b4; text-decoration: none; } .pri-pad blockquote { margin: 1.5em; color: #666; font-style: italic; } .pri-pad strong { font-weight: bold; } .pri-pad em, .pri-pad dfn { font-style: italic; background: #ffc; } .pri-pad dfn { font-weight: bold; } .pri-pad pre, .pri-pad code { margin: 1.5em 0; white-space: pre; } .pri-pad pre, .pri-pad code, .pri-pad tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5em; } .pri-pad tt { display: block; margin: 1.5em 0; line-height: 1.5em; } .center {text-align: center;} .pri-pad p, .pri-pad li, .pri-pad dt, .pri-pad dd, .pri-pad address, .pri-pad blockquote {line-height:16px;} /* Line height reset on primary column*/ /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; } th { border-bottom: 2px solid #ccc; font-weight: bold; } td { border-bottom: 1px solid #ddd; } th,td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } caption { background: #ffc; } /* END General fonts */ /* Print Structure */ #sec, #ter, #pri, #inner {float:none;} html>body #inner {width:auto;} #sec, #ter, #nav ul, #ft ul {display:none;} #outer, #innerpagewrap, #wrap {border-width:0;} .pad {padding:0;} /* column padding */ .pri-pad {padding:30px 20px 0 20px; min-height:475px;}/* primary column padding */ body#onecol .pri-pad {min-height:1px;} .sec-pad {padding:0;} /* left column padding */ .ter-pad {padding:0;} /* right column padding */ /* END Print Structure */ /* Print theme */ body * { /* Makes everything monotone for easy printing */ background-color:#fff; color:#000; } a, a:link, a:visited { /* Removes formatting on all links */ text-decoration:none; background-color:inherit; color:inherit; } /*#masthead,*/ #ftwrap { /* Adds top and bottom borders to masthead and footer to visually delimit them */ border:1px solid #000; border-width:1px 0; padding:0.5em; } /* Contact Form specific styles */ .form-1 p input { font-size:100%; } form table#contact { width: 520px; } form #contact td { border-bottom: none; } form #contact td.label { text-align: right; } form #contact td.longinput input { width: 375px; } form #contact td.shortinput input { width: 100px; } form #contact td.medinput input { width: 120px; } form #contact td.dividers textarea { width: 375px; } form #contact table { margin-bottom: 0; } form #contact td#comments, form #contact td.dividers { border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } form #contact td.dividers { padding: 10px 0; } form #contact td#comments{ padding-top: 10px; } form #contact .phoneexample { font-style: italic; color: #c2c2c2; padding-top:10px; } form #contact .formbuttons { padding-top: 15px; } form #contact #contactclear { float: left; } form #contact #contactsubmit { float: right; } /* END Contact Form specific styles */ /* END Forms */ a {outline:none;} /* Masthead nav */ #masthead { background:#fff url(../images/bg_masthead.gif) no-repeat top left; color:#fff; height:113px; } #logo_top { display:block; float:left; margin-top:5px; } /* Global nav */ #globalnav { float:right; margin-top:40px; padding:0; width:150px; } #globalnav ul { /*float:right;*/ font-size:14px; } #globalnav li { color:#000; /* border-right:1px solid #b4b4b4; display:inline; padding-right:16px;*/ } #globalnav li.last { border-right-width:0; /*padding-left:16px;*/ padding-right:0; } #globalnav li span {color:#007c92;} /* END Global nav */ /* END Masthead */ #ahft em { font-style:normal; } /* END Print theme */ #nav-channel { background:#7d8891; height:293px; } #nav-channel img { display:block; } form p.required { background-color: none; font-style: italic; } .pri-pad p img.quotes { display:block; float:left; margin:0; padding:0; } /* News */ #news li {padding-bottom:20px;} #news a { color:#37424a; text-decoration:none; } #news a:hover {text-decoration:underline;} #more-news {text-align:right;} #more-news a { /*background:url(../images/bg_more_raquo.gif) no-repeat 0 4px;*/ display:block; float:right; font-weight:bold; /*width:75px;*/ } div.left, div.right { float:none;} .contact_us div.left {padding-right:0;} .contact_us div.right {padding-left:0;} /* END News */ /* Win/IE6 and below fixes */ * html #ftwrap { /* \*/ margin-top: 1em; /* */ } * html .pri-pad {height:475px;} * html body#onecol .pri-pad {height:1px;} /* END Win/IE6 and below fixes */ /* Clearfix */ .clearfix:after, #ft li.last:after, p#btn-login:after, p#btn-submit:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Clearfix for IEs */ #innerpagewrap, #outer, #ft li, #max-pagewrap, #ftwrap, .clearfix {zoom:1;} /* END Clearfix */