body { background-color: #e1f4ff; font-family: 'Lucida Grande','Franklin Gothic Medium','Lucida Unicode',Lucida,Verdana,Sans-serif; font-weight: normal; padding: 0px; height: 100%; width: 100%; margin: 0px; } div,span,ul,h1,h2,h3,h4,h5,form,table,input,textarea,li,td,tr { padding: 0; margin: 0; } img { border: 0; } div.top { height: 123px; background: #000 url(../art/p_topbg.jpg) no-repeat; text-align: right; border-bottom: 4px solid #000; padding-top: 45px; background-position: 0 45px; } img.title { margin-top: 13px; } div.top ul.nav { margin-top: 57px; opacity: .8; filter:alpha(opacity=80); -moz-opacity: .8; } div.top ul.nav li { display: inline; list-style-type: none; } div.main { background: #e1f4ff url(../art/p_bg.jpg) no-repeat; min-height: 500px; padding: 15px 70px 45px 75px } span.upc, span.upcs { background: url(../art/p_upc.gif) repeat-x; display: block; height: 10px; margin: 0; } span.upcs { height: 6px; } h1 { margin: 25px 0 15px 0; padding-left: 5px; border-left: 1px solid #486677; } div.bottom { background-color: #052739; padding: 10px 70px 10px 75px; } div.bottom p { font-size: .8em; color: #ccc; } a:link { color: #f13a09; } a:visited { color: #00a1ff; } a:hover { color: #0f17c3; text-decoration: none; } p { color: #555; } h2,h3,b,p.question,p.questiontop,blockquote { color: #054dd0; } h2 { margin: 40px 0 10px -20px; padding: 5px 0 5px 20px; font-weight: normal; } h2.nopad { margin: 5px 0 10px -20px; text-align: left; } h3 { margin: 40px 0 10px -20px; padding: 5px 0 5px 20px; font-weight: normal; font-size: 16px; } h3.nopad { margin: 5px 0 10px -20px; } * html h2 { margin: 40px 0 10px -10px; padding: 5px 0 5px 20px; font-weight: normal; } * html h2.nopad { margin: 5px 0 10px -10px; } * html h3 { margin: 40px 0 10px -10px; padding: 5px 0 5px 20px; font-weight: normal; font-size: 16px; } * html h3.nopad { margin: 5px 0 10px -10px; } p.question, p.questiontop { color: #1d78ad; font-weight: bold; margin-top: 35px; } p.questiontop { margin-top: 0; } b { color: #1b4288; } div.photoleft, div.photoright { width: 350px; } div.photoleft { float: left; margin: 10px 20px 20px 0; } div.photoright { float: right; margin: 10px 0 20px 20px; } div.photoright p, div.photoleft p { background-color: #5da5ce; font-size: .9em; color: #72454a; padding: 5px 10px 5px 7px; margin: 0; } p.ednote { background-color: #fff; font-size: .9em; color: #3f7289; padding: 9px; border-left: 2px solid #204c61; border-right: 2px solid #204c61; } div.intbox { float: right; width: 322px; margin: 2px -40px 20px 25px; } div.intbox p { margin: 0; padding: 9px; background-color: #b3c4ce; color: #285773; font-size: .9em; } div.intbox span.excerpt { display: block; padding: 9px 9px 4px 9px; text-align: center; background-color: #4086af; color: #fff; font-size: .8em; letter-spacing: 2px; } ul.intside { float: left; width: 180px; margin: 5px 20px 20px 0; list-style-type: none; } ul.rightlinks { float: right; width: 190px; margin: 8px -20px 20px 20px; list-style-type: none; background-color: #fff; } a.head { font-weight: bold; } li.hitop, li.hi, li.litop, li.li { margin-bottom: 1px; padding: 5px 9px 5px 9px; color: #666; font-size: .9em; } li.hitop, li.litop { background-color: #777; color: #fff; font-size: .8em; letter-spacing: 3px; } li.litop { background-color: #fff; color: #72454a; } li.hi { background-color: #fff; color: #83d2ff; } li a { text-decoration: none } li.spacer { height: 18px; background-color: #e1f4ff; } li.hi:hover, li.li:hover { background-color: #98d5f8; } div.pullquote { float: right; width: 240px; margin: 10px 30px 30px 15px; font-size: 1.6em; color: #0da5fd; padding: 8px 8px 8px 15px; border-left: 1px solid #486677; } h4 { margin: -10px 70px 15px -10px; font-weight: normal; padding: 9px; color: #136f99; font-size: .9em; } h4.top { background-color: #207aa3; text-align:center; margin: 0; padding-bottom: 10px; color: #c3e6f6; } div.inlinepq { font-size: 1.3em; padding: 19px 0 20px 0; line-height: 1.8em; color: #507388; } p.themetop, p.theme { font-size: .9em; clear: left; color: #72819c; margin: 50px 0 10px -75px; padding: 8px 8px 8px 10px; border-left: 75px solid #a5b6d3; background-color: #e7edf8; width: 500px; } * html p.themetop, * html p.theme { font-size: .9em; color: #72819c; clear: left; margin: 50px 0 10px -37px; padding: 8px 8px 8px 10px; border-left: 75px solid #a5b6d3; background-color: #e7edf8; width: 500px; } p.themetop .name, p.theme .name { font-size: 1.5em; } p.themetop { margin: 0px 0 10px -75px; } * html p.themetop { margin: 0px 0 10px -37px; } div.themelink { width: 100px; float: left; border-left: 4px solid #a5b6d3; margin: 0 15px 15px -4px; } a.themelink { color: #fff; display: block; text-decoration: none; padding: 3px; background-color: #a5b6d3; } a.themelink:link, a.themelink:visited { background-color: #fff; } div.interview { background-color: #fff; border-left: 1px solid #27434f; padding: 0 30px 0 0; margin: 0 -70px -10px 0; min-height: 100px; } div.interview:hover { background-color: #f1daf7; border-left: 1px solid #640f7d; padding: 0 30px 0 0; margin: 0 -70px -10px 0; min-height: 100px; } * html div.interview, * html div.interview:hover { height: 100px; margin-bottom: 10px; } div.interview img { float: left; margin-right: 15px; border-left: 4px solid #d1ecfc; } div.interview span { font-size: 1.3em; padding-top: 20px; display: inline; } div.interview p { padding-top: 10px; padding-bottom: 5px; } div.interview a { text-decoration: none; } div.interview:hover a { text-decoration: underline; } li.toplinks { display: inline; list-style-type: none; } li.toplinks a { background-color: #0e3353; padding: 5px; } li.toplinks a:hover { background-color: #a9cdeb; } p.links { border-left: 1px solid #27434f; padding: 10px 40px 10px 10px; margin: 0 -70px 9px 0; } p.links:hover { background-color: #f1daf7; border-left: 1px solid #640f7d; margin: 0 -70px 9px 0; }