/* Home Page - Revision 2 */ /* COLORS ===================================================================== dark blue: #262c4c med blue: #4868a6 (hover) red: #812016 gold: #ca9b2c ====================================================================== */ ul.banner_nav{ /*Remove all spacings from the list items*/ margin: 0; padding: 8px 20px 0 0; cursor: default; list-style-type: none; font-size:12px; color:#fff; } ul.banner_nav li{ /*display: table-cell; position: relative;*/ padding: 0 0 0 6px; display: inline; } ul.banner_nav li a { color: #fff; text-decoration:none; } ul.banner_nav li a:hover{ color: #F6BD78; text-decoration:none; } /* ============================================================================================================ MAIN LAYOUT ============================================================================================================== */ body {margin: 0 auto;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100.01%;font-family: Arial, Helvetica, sans-serif;vertical-align: baseline;line-height: 1.1;color: #000;min-width:600px;} #center {width:968px;margin:0 auto;background: transparent url(http://www.ptk.org/images/main_bg.jpg) no-repeat top left;min-height:530px;} #left {float:left; width:270px;} #l-in {margin:40px 0 45px 70px;} #mainwrap {background:#fff url(http://www.ptk.org/simonsca/images/bg_body.jpg) repeat-x top left;color:#000;margin:0;padding:0;height:100%;min-width:968px;} #m_outer {width:100%;background:transparent url(http://www.ptk.org/simonsca/images/bg_mainbottom.jpg) repeat-x 0% 100%;min-height:100%;font-size:96%;float:left;min-width:968px;} .printonly {display:none;} #right {float:right;/*width:715px;*/width:680px;height:auto;} #top_header {height:97px;width:100%;} /* ============================================================================================================ FEATURES ============================================================================================================ */ #features {padding:5px 55px 10px 35px;} #features div {font-size:80%;line-height:1.4em;padding-bottom:10px;} #features div.hr {clear:both;overflow:hidden;border-bottom:1px dotted #E2E5EC;width:100%;margin:0 auto;padding:8px 0;line-height:0;} #features h3 {padding-bottom:2px;margin-bottom:0;margin-top:17px;font-size:90%;} #features img {float:left;border:1px solid #996733;padding:3px;margin:2px 10px 0px 0;} /* ============================================================================================================ PRE & FOOTER ============================================================================================================ */ #prefooter {width:100%;clear:both;background:#edf0f7 url(/images/pref_bottom.gif) repeat-x bottom left;} #topshadow {background:url(/images/top_shadow.gif) repeat-x top left;} #cbutton {margin:0 auto;width:920px;text-align:right;height:27px;cursor:pointer;} #cbutton ul li { float: left; list-style: none;} #obutton {height:27px;} #bbutton {margin:0 auto;width:920px;text-align:right;clear:both; background:url(/images/backtotop2.gif) no-repeat right 0px;height:27px;cursor:pointer;} #bbutton2 {margin:0 auto;width:920px;text-align:right;clear:both; background:url(/images/backtotop2.gif) no-repeat 615px 0px; height:27px;cursor:pointer;display:none;} #bbutton img {border:none;} a#footer-top {padding:0 15px 0 120px;} a.footer-top {padding:0 15px 0 120px;} a.footer-top:hover {text-decoration:none;} #pre-right {float:right;width:300px;} #pre-right div, #pre-left div {border:1px solid #dce1ec;background: #fff url(/images/prefooter_bxbg.gif) repeat-x top left;margin:0 0 15px 0; padding: 0 12px 12px 12px;} #pre-right h5, #pre-left h5 {margin:0;padding:4px 0 0 5px;font-size:11px;} #pre-left {width:600px;float:left;} #precolwrap {margin:0 auto;width:920px;padding:30px 0;} /*=========================================================*/ #footer2 {background: #262d50 url(/images/footer_gradient.gif) repeat-x top left;font-size: 14px;min-height:350px;clear:both;color:#edf0f7;min-width:968px;} #footer2 a {color: #edf0f7;text-decoration:none;} #footer2 a:hover {color: #CA9B2C;text-decoration:none;} #colwrap {background: url(/images/newfooter_bg2.jpg) no-repeat 10px 17px; margin: 0 auto; color: #FDFDFF;overflow:hidden;width:968px;font-size:12px;padding-bottom:10px;} #colwrap h4 {margin-top: 0; margin-bottom: 10px; padding-bottom: 2px; font-size: 22px; font-weight: normal; } #col-one a, #col-three a {color: #CA9B2C;text-decoration:none;} #col-one a:hover, #col-three a:hover {color: #f6bd78;text-decoration:none;} #col-one {width: 230px; float: left; margin-right: 35px;padding:55px 0px 20px 50px;min-height:270px;} #col-one p {margin: 0 0 8px 0;} #col-one ul {padding: 0; margin: 0 0 8px 0; list-style: none;} #col-one li {padding: 18px 0; border-bottom:1px solid #304272;} #col-two {width: 230px; float: left; margin-right:15px;min-height:170px;padding:55px 0px 20px 35px;} #col-two ul, #columnThree ul {padding: 0; margin: 0; list-style: none;} #col-two li {padding: 15px 0;border-bottom:1px solid #304272;} #col-three div.p{width:280px;} #col-three {width: 317px; float: right;min-height:170px;padding:55px 0px 20px 0px;} .fr img {border:1px solid #526DA1;padding:3px;margin:10px 12px 5px 0;} #copyright {clear:both; width:968px; margin:0 auto; padding:20px 0 20px 0; color: #526DA1; font-size: 11px;background: url(http://www.ptk.org/images/topborder.gif) no-repeat 24px 0;font-size:11px;} #copyright p {line-height:1.4em;width:86%; margin-left:28px;} .more {text-align:right;padding-right:49px;} .arrow{color:#CA9B2C;font-weight:bold;font-size:14px;letter-spacing:.8em;} .bpad {padding-bottom:30px;} /* ============================================================================================================ FORMATTING ============================================================================================================= */ h1, h2, h3 {color:#812016;font-family:Arial, Geneva, Helvetica, sans-serif;} h1 {font-size:28px;margin-top:25px;} h2 {font-size:108%;} a{ color:#812016;text-decoration:none;} a:hover { color:#812016;text-decoration:underline;} small.date {color:#262C4C;font-size:12px;} /* ============================================================================================================ GROUP = NEWS HIGHLIGHTS ============================================================================================================= */ #group {background: url(/images/divider.jpg) no-repeat top left;min-height:300px;} #hlites {float:right;width:300px;padding:0px 50px 50px 0px;margin-top:15px;font-weight:normal;} #hlites h1 {padding-left:22px;padding-bottom:0px;margin-bottom:17px;} #hlites ul, #news p {font-size:88%;line-height:1.3em;margin-bottom:20px;} #hlites ul {margin-top:0;margin-bottom:0;padding-top:0;list-style:none;/*list-style:url(/images/bullet_circle2.gif);*/line-height:0;} #hlites li {padding-bottom:15px;line-height:1.3em;} #news {float:left;/*OLD width:305px;*/width:270px;padding:0px 0 50px 35px;margin-top:15px;} #news h3 {font-size:12px;line-height:1.4em;} #news a:link {text-decoration:none;} #news p a {font-weight:bold;} #news div.all, #hlites div.all {border-top:1px dotted #E2E5EC;padding-top:14px;} .no_mar {padding-left:23px;} /* ============================================================================================================ HEADER ============================================================================================================*/ #grads {width:965px;margin:0 auto;text-align:right;background: transparent url(/images/ptk_banner.png) no-repeat 35px 44px;} .grads {position:relative;top:-39px;right:35px;} #gwrap {clear:both;width:100%;} #header {height:101px;margin:0;padding:0;width:100%;min-width:870px;} #logo {float:left;background: url(http://www.ptk.org/simonsca/images/ptk_keylogo.gif) no-repeat top left;height:80px;width:280px;cursor:pointer;} /*#topnav {float:right;padding-right:310px;} #topnav ul {text-align:right;list-style:none;margin:0px 20px;} #topnav ul li {display:inline;margin:0;padding:0;color:#fff;font-size:12px;} #topnav a {color: #fff;text-decoration:none;font-weight:bold;padding:5px;} #topnav a:hover {color: #f6bd78;text-decoration:none;font-weight:bold;} #buttons {width:310px;position:relative; top:-19px; left:97%;cursor: pointer;}*/ #searchBar:hover {background: transparent url(http://www.ptk.org/simonsca/images/b_search_h.gif) no-repeat;cursor: pointer;border:0;} /* ============================================================================================================ LINKS -- LEFT NAV / HIGHLIGHTS / NEWS ============================================================================================================*/ ul.lnav a, #news a, #hlites a, ul.s_lnav a { color: #262C4C;text-decoration:none;} ul.lnav a:hover, #news a:hover, #hlites a:hover, ul.s_lnav a:hover { color: #4868a6;text-decoration:none;} ul.no li,ul.s_lnav a, ul.s_lnav a:hover {font-weight:normal;} ul.lnav {list-style:none;/*OLD margin-left:0px;*/margin:0;padding-left:0px;font-size:14px;} ul.lnav li {padding-bottom:7px;padding-top:7px;padding-left:15px;font-size:95%;font-weight:bold;border-bottom:1px dotted #DFE4E7;} ul.lnav ul {padding-left:15px;margin-left:0px;margin-top:10px;list-style:url(/images/bullet-red-10.gif);} ul.lnav ul li {padding-bottom:0px;font-size:93%;font-weight:normal;border-bottom:none;padding-left:0px;} ul.lnav li.no {padding-bottom:0px;margin-bottom:0px;} ul.no {margin-top:-10px;padding-top:0;margin-bottom:5px;} ul.no li.top {margin-top:0px;padding-top:0;} div.all{text-align:right;} #features div.all a:hover {color:#9b463d;} #news div.all a, #hlites div.all a, #features div.all a {font-weight:normal;text-decoration:none;font-size:12px;} #news div.all a:visited, #hlites div.all a:visited {color:#262C4C;} #news div.all a:hover, #hlites div.all a:hover {color:#4868a6;} /*=============== FOR PC SAFARI - header nav / buttons ===================================== */ #nav-wrap { height:30px; float:right; position:relative; top:-1px; width:550px; } #nav1 {float:left;width:230px;} #nav2 {padding-right:10px;display:inline-block;} /*=============== general - move to own stylesheet ===================================== */ sup {font-size:12px;} #news a.rm:link, #features a.rm:link {text-decoration:underline;font-weight:normal;} #news a.rm:hover, #features a.rm:hover {text-decoration:none;font-weight:normal;} #features div a.rm:link {color:#812016;text-decoration:none;} #features div a.rm:visited {color:#812016;text-decoration:none;} #features div a.rm:hover {color:#812016;text-decoration:underline;} #features div a.rm:active {color:#812016;text-decoration:none;}