/* - - - - - - - - - - - - - - - - - - - - -

Title : PPGGNY
Author : Eric Wolf
URL : http://www.activecanvas.com

Description : PPGGNY index page style sheet for archaic browsers

Created : 2/27/2009
Modified : 01/26/2010

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin: 0;
padding: 0;
}
html{
background:#eee;
font-size: 1.25em; /* 1.25 x 16px = 20px */
}
body{
margin:0;
color:#066;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%; /* adjusts base font to 12px */
background: #fff;
}
html>body {
    font-size: 12px; /* overrides the above in all browsers except IE */
}

/* ----- IDs ----- */

#page{
margin:20px auto;
background:#fff;
width:900px;
text-align:left;
}
#banner, #navigation, #tableau, #primaryContent, #secondaryContent, #sponsor, #footer{
clear:left;
float:left;
width:900px;
background:#fff;
}
#banner, #logo, #portal{
height:75px;
background-color:#fff;
}
#logo{
clear:left;
float:left;
width:600px;
margin:5px 0;
background: #fff url(/images/ppggny_logo.gif) left center no-repeat;
}
#portal{
clear:none;
float:right;
width:282px;
margin:0 15px 0 0;
text-align:right;
}
#navigation{
height:28px;
background:#066;
}
#tableau{
height:104px;
margin:3px 0;
background: #fff url(/images/guggenheim.jpg) left center no-repeat;
/*background: #fff url(/images/banner_nypps.jpg) left center no-repeat;*/
}
#ql{
width:302px;
height:96px;
border:1px solid #ccc;
margin:3px 3px 3px 593px;
background:#edf4f5;
}
#primaryContent{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background: url(/images/bkgd_pc.gif) repeat-y;
}
#secondaryContent{
background:#fff;
height:106px;
}
#footer{
clear:both;
float:left;
}

/* ----- CLASSES ----- */

.break{
clear:left;
float:left;
}
.sc_L, .sc_R{
float:left;
border:1px solid #ccc;
margin:1px;
background:#fff;
height:102px;
}
.sc_L{
clear:left;
width:325px;
}
.sc_R{
clear:none;
width:567px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}
.pc_L{
clear:left;
/*background:#699;*/
color:#fff;
}
.pc_Q, .sc_R_ndx{
clear:none;
}
.pc_L, .pc_Q{
float:left;
width:225px;
/*height:160px;*/
}
.sc_L_ndx{
clear:left;
}
.sc_L_ndx, .sc_R_ndx{
float:left;
margin:1px;
border:1px solid #ccc;
background:#fff;
height:102px;
width:444px;
}
.sponslink{
clear:none;
float:right;
padding:5px;
border:1px solid #ccc;
margin:5px;
background:#cf3;
text-transform:uppercase;
font-weight:bold;
font-size:.83em;
}
.highlight{
font-weight:bold;
}
.lg{
font-size:1.5em;
}

/* ----- HEADINGS ----- */

h1{
font-size:1.1em;
margin:0;
padding:50px 0 0 350px;
font-style:italic;
}
h2{
font-size: 1.1em;
text-transform:uppercase;
margin:.5em 0 .25em 12px;
padding:0 0 0 15px;
background: url(/images/prism_12.png) left center no-repeat;
}
h3{
font-size:1em;
margin:.5em 0 .3em 0;
padding:0 0 0 8px;
}
.pc_Q h3{
margin:3px;
padding:7px 0;
color:#fff;
background:#066;
text-align:center;
}
h4, p, fieldset, form, dl, ol, ul, dir, menu {
margin:.5em 0;
}
h5{
font-size:.75em;
margin: 1.5em 0;
}
h6{
font-size:.83em;
margin:.5em 0 0 12px;
}
h1, h2, h3, h4, h5, b, strong { 
font-weight: bolder;
}

/* ----- PARAGRAPHS ----- */

p, h4{
font-size:.9em;
}
.pc_L h4{
padding:15px 0 0 30px;
}
.pc_L p{
padding:5px 0 0 30px;
}
.pc_Q h4, .pc_Q p{
padding:3px 9px;
line-height:1.4em;
}

#portal p{
padding:3px 0 0 0;
}
.sc_L p{
padding:12px 0 0 20px;
}
.sc_R p{
padding:2px 10px 2px 8px;
line-height:1.5em;
}
#sponsor p{
text-align:center;
font-size:1em;
color:#066;
}
#sponsor .sc_L_ndx p, #sponsor .sc_R_ndx p{
padding:2px 10px 2px 8px;
font-size:.9em;
text-align:left;
}
#footer p{
font-size:.75em;
}

/* ----- QUOTES ----- */

blockquote{
margin:.5em 40px;
}

/* ----- CODE ----- */

pre, tt, code, kbd, samp { 
font-family: monospace;
}
pre{
white-space: pre;
}

/* ----- LISTS ----- */

li{
list-style-image: url(/images/blt_tri.gif);
}
.f90 li{
list-style-image: url(/images/bullet_f90.gif);
}
ul li{
font-size:.9em;
}

#portal ul{
margin:0;
}
#navigation ul li, #portal ul li{
display: inline;
list-style: none;
font-size:1.2em;
text-transform:uppercase;
}
#portal ul li{
height:33px;
background:#699;
text-transform: none;
}
#navigation ul li{
padding:12px 20px;
color:#fff;
}
#navigation ul li a{
padding:12px 6px;
color:#fff;
}
#portal ul li a{
padding:10px;
color:#fff;
}
#navigation ul li a:active, #navigation ul li a:hover, #portal ul li a:hover{
color:#066;
background:#cf3;
}

/* ----- IMAGES ----- */

a img{
border:none;
}
#sponsor p img{
padding:0 16px;
border:none;
}
.sc_L img{
background:#f90;
}

/* ----- LINKS ----- */

a{
color:#f90;
text-decoration: none;
}
.sponslink a{
color:#066;
}

/* ----- TABLES ----- */

table{
display: table;
border-spacing: 2px;
}
caption{
display: table-caption;
text-align: center;
}
thead, tbody, tfoot{ 
vertical-align:middle;
}
th{
font-weight: bolder; 
text-align: center;
vertical-align: inherit;
}
td{
vertical-align: inherit;
padding:.25em 0 .25em 10px;
}

/* ----- FORMS ----- */

button, textarea, input, select{ 
display: inline-block;
}

/* ----- PRINTING ----- */

@media print {
h1 { 
page-break-before:avoid; 
}
h1, h2, h3, h4, h5, h6 { 
page-break-after:avoid; 
}
ul, ol, dl { 
page-break-before:avoid; 
}
#portal, #navigation, #tableau, #secondaryContent, #sponsor, .sponslink{
display:none;
}
}