body { background: #cae6f2 url(art/p_bg.jpg); padding: 0; margin: 0; min-width: 1000px; height: 100%; width: 100%; } img { border: 0; } div,h1,h2,h3,h4,ul,li,h5 { margin: 0; padding: 0; } h1,h3,h4,li,h2,p.ednote,div.bottomarea p,div.bio p, div.count, div.videolink, p.theme, p.themetop, div.themephoto, table.idx { font-family: 'Lucida Grande','Lucida Unicode','Franklin Gothic Medium',Verdana,sans-serif; } div.toparea { height: 73px; text-align: right; background: #33829B url(art/p_topback.jpg) no-repeat; padding-top: 40px; background-position: 0 40px; } div.midarea { height: 97px; text-align: left; background: #000 url(art/p_midback.jpg) no-repeat; } div.mainarea { background-image: url(art/p_back.jpg); background-repeat: no-repeat; min-height: 570px; } div.maininner { padding: 25px 90px 35px 55px; } img.pagetitle { float: left; margin-top: 25px; width: 251px; } h1 { padding: 20px 0 0 55px; clear: both; } ul.topnav { list-style-type: none; width: 528px; float: right; } ul.topnav li { display: inline; } p { color: #333; } h2, h3, b, p.question, h4, p.questiontop, blockquote { color: #5b3f68; } a:link { color: #27825b; } a:visited { color: #4a759b; } a:hover,a:active { color: #cc56d2; text-decoration: none; } h2 { font-weight: normal; text-transform: uppercase; letter-spacing: 3px; font-size: 1.3em; padding: 5px 0 5px 9px; margin: 30px 0 10px -10px; display: block; border: 1px dotted #328099; } * html h2 { margin-left: -5px; } h2.nopad { margin-top: 0; } div.bottomarea { margin-top: 20px; background-color: #d9e6ed; border-top: 1px dotted #33829B; padding: 3px 90px 3px 55px; } div.bottomarea p { color: #888; font-size: .8em; } p.question, p.questiontop { font-weight: bold; } p.question { padding-top: 30px; } ul { list-style-type: none; font-size: .9em; } ul a:link, ul a:visited, p.theme a:link, p.themetop a:link, p.theme a:visited, p.themetop a:visited { text-decoration: none; } ul a.head { font-size: 1em; font-weight: bold; } div.rightside { float: right; width: 210px; margin: 10px -30px 20px 30px; } div.bio { margin: 30px 30px 20px 0; width: 305px; float: left; } div.bio p { font-size: .9em; padding: 10px 0 10px 55px; color: #1d6289; line-height: 1.4em; } div.bio img { border-left: 13px solid #127cb7; border-right: 2px solid #127cb7; } li.hitop { background-color: #5b3f68; color: #fff; letter-spacing: 2px; text-transform: uppercase; font-size: .7em; margin-bottom: 2px; padding: 9px 8px 4px 8px; } li.hi { margin-bottom: 2px; padding: 4px 8px 4px 5px; color: #666; border-right: 1px dotted #5b3f68; border-left: 3px solid #5b3f68; background-color: #d9e6ed; } li.hi:hover, li.li:hover { border-right: 1px dotted #cc56d2; border-left: 3px solid #cc56d2; background-color: #e9d2ea; } li.litop { background-color: #27825b; letter-spacing: 2px; text-transform: uppercase; font-size: .7em; color: #fff; margin-bottom: 2px; padding: 9px 8px 4px 8px; } li.li { margin-bottom: 2px; padding: 4px 8px 4px 5px; border-right: 1px dotted #27825b; color: #666; border-left: 3px solid #27825b; background-color: #fff; } li.spacer { height: 15px; } div.videolink { background-color: #27825b; padding: 5px 4px 2px 4px; margin-bottom: 20px; } div.videolink .videolink_title { letter-spacing: 3px; color: #85ffb9; font-size: .8em; padding: 9px 0 3px 0; display: block; text-align: center; } div.videolink p { padding: 4px 9px 4px 9px; font-size: .8em; color: #ccc; } div.videolink b { color: #fff; font-size: 1.1em; } div.videolink:hover { background-color: #cc56d2; } div.videolink:hover .videolink_title { color: #fff; } div.videolink img { border: 1px solid #cc56d2; } div.videolink:hover img { filter: alpha(opacity=(70)); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70)); -moz-opacity: 0.70; opacity:0.7; } div.videolink .plus { position: absolute; padding: 45px 30px 30px 65px; font-size: 86px; color: #fff; z-index: 20; visibility: hidden; } div.videolink:hover .plus { visibility: visible; } div.mainarea h4 { padding: 3px 90px 5px 55px; font-size: .9em; background-color: #fff; font-weight: normal; } p.theme, p.themetop { color: #1d6289; font-size: .9em; } p.theme { margin-top: 50px; } .themename { font-size: 1.4em; text-transform: uppercase; font-weight: bold; letter-spacing: 4px; } div.themephoto { border-left: 5px solid #127cb7; margin: 0 15px 10px -5px; background-color: #27825b; width: 120px; float: left; font-size: .9em; clear: left; } div.count a:link, div.count a:visited, div.count a:hover, div.themephoto a:link, div.themephoto a:visited, div.themephoto a:hover { color: #fff; text-decoration: none; } div.themephoto .theme { display: block; padding: 4px 9px 4px 9px; } div.count { width: 100px; background-color: #27825b; padding: 8px; font-size: .9em; float: left; margin: 0px 12px 8px 0; } div.count img { padding-bottom: 5px; } div.themephoto:hover, div.count:hover { background-color: #cc56d2; } table.idx { border: 0; padding: 0; margin: 0; } table.idx td.idx50 { vertical-align: top; padding: 0 20px 25px 20px; background: #e9d2ea; filter: alpha(opacity=(70)); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70)); -moz-opacity: 0.70; opacity:0.7; } table.idx td.idx50 { width: 40%; vertical-align: top; padding: 20px; font-weight: normal; font-size: 0.9em; } table.idx td.idx50:hover{ background-color: #fff; } table.idx td.name { width: 110px; background: #a0d8ee; border-right: 10px solid #57a1bd; margin: 0px; padding: 0px; font-size: 1.2em; } table.idx td.name p { padding-left: 6px; } table.idx td.name:hover { border-right: 10px solid #57a1bd; background: #fff; } table.idx td a, table.idx td a:visited, table.idx td a:link { text-decoration: none; } table.idx td a:hover { text-decoration: none; } table.idx td img { width: 120px; text-align: center; border-bottom: 10px solid #57a1bd } table.idx td.name img.intindex { margin: -1px -1px 0 0 ; } p.name { background: #fff; margin: -20px -20px 10px -20px ; padding: 10px; font-size: 1.4em; } table.idx td.idx90 { width: 100%; vertical-align: top; font-weight: normal; padding: 20px; font-size: 0.9em; background: #e9d2ea; filter: alpha(opacity=(70)); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70)); -moz-opacity: 0.70; opacity:0.7; border-left: 10px solid #57a1bd; } table.idx td.idx90:hover{ background-color: #fff; border-left: 10px solid #57a1bd; } .link { text-decoration: none; } .link:hover { text-decoration: underline; } li.subtitle { background: #27825b; list-style: none; font-size: 1.3em; padding: 10px; color: #fff; } li.subli { background: #fff; padding: 15px; list-style: none; margin-bottom: 3px; } li.subli:hover { background: #f3b7f6; padding: 15px; list-style: none; margin-bottom: 3px; } a.subt { font-size: 1.3em; } p.ednote { background-color: #fff; padding: 9px; font-size: .9em; color: #5b3f68; }