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

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

Description : style sheet for PPGGNY standard inside pages

Created : 2/27/2009
Modified : 10/15/2009

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

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

*{
margin: 0;
padding: 0;
}
html{
font-size: 1.25em; /* 1.25 x 16px = 20px */
}
body{
margin:0;
color:#000;
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{
width:7.25in;
border:1px solid #ccc;
margin:0 auto;
background-color:#fff;
text-align:left;
}
#banner, #navigation, #tableau, #primaryContent, #secondaryContent, #sponsor, #footer{
clear:left;
float:left;
width:7.25in;
}
#banner, #logo, #portal, #navigation, #tableau, #secondaryContent, #sponsor, #footer{
background-color:#fff;
}
#banner, #logo, #portal{
height:75px;
}
#logo{
clear:left;
float:left;
width:600px;
margin:5px 0;
background:#fff url(/images/ppggny_logo.gif) left 50% no-repeat;
}
#portal{
clear:none;
float:right;
text-align:right;
}
#navigation{
height:28px;
border-top:12px solid #066;
border-bottom:5px solid #cf3;
background:#066;
}
#tableau{
height:104px;
margin:3px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#ql{
width:308px;
height:96px;
border:1px solid #ccc;
margin:3px 0 3px 590px;
background:#edf4f5;
text-align:center;
font-size:3em;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:2.5em;
}
#primaryContent{
background:url(/images/bkgd2.gif) repeat;
}
#secondaryContent{
background:#fff;
height:106px;
}
#banner, #footer{
border-top:5px solid #066;
}
#sponside{
background:#edf4f5;
}
#checkpay{
padding:2px 10px;
background:#fff;
color:#f90;
}

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

.sc_L{
clear:left;
}
.sc_R{
clear:none;
}
.sc_L, .sc_R{
float:left;
margin:1px;
border:1px solid #ccc;
background:#fff;
height:102px;
width:446px;
}
.pc_L, .pc_M, .pc_C, .pc_R{
float:left;
}
.pc_L, .pc_M{
margin-top:1px;
margin-bottom:1px;
border-top:1px solid #ccc;
}
.pc_L{
clear:left;
width:220px;
}
.pc_M{
clear:none;
width:670px;
}
.pc_L, .sc_L{
margin-left:0;
}
.pc_C{
clear:none;
width:450px;
}
.pc_R{
clear:none;
width:220px;
}
.pc_box, .sponslink{
clear:none;
float:right;
border:1px solid #ccc;
margin:5px;
}
.pc_box{
width:150px;
}
.memdir{
width:650px;
}
.viewinfo{
width:430px;
}
.sponslink{
padding:5px;
background:#cf3;
text-transform:uppercase;
font-weight:bold;
font-size:.83em;
}
.foto{
margin:11px;
border:1px solid #ccc;
}
.tribul{
list-style-image: url(/images/blt_tri.gif);
}
.book{
clear:left;
float:left;
width:655px;
border-bottom:1px dashed #066;
margin:0 0 10px 12px;
}
.bkgd{
background:#ffc;
}
.bkgd2{
background:#f96;
}
.ctr{
text-align:center;
}
.lg{
font-size:1.5em;
}
.highlight{
font-weight:bold;
}
.captioned_portrait{
width:130px;
margin:0 0 0 30px;
}
.fieldset{
border:1px dotted #066;
width:;
margin:6px 0;
padding:8px 5px;
}
.hdr{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bolder;
font-variant:small-caps;
}
.phl{
border-right:10px solid #fff;
border-bottom:10px solid #fff;
}
.phr{
margin:0 0 10px 10px;
}

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

h1{
font-size:1.1em;
margin:0;
padding:50px 0 0 350px;
font-style:italic;
}
.pc_C h1{
padding:20px 0 0 12px;
font-size:1.4em;
font-style:normal;
}
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;
}
.pc_C h2{
margin:.5em 0 .25em 12px;
padding:0;
background:none;
}
h3{
font-size:1em;
margin:1em 0 .3em 0;
padding:0 0 0 12px;
}
.memdir h3, .viewinfo h3{
margin:.25em 0;
}
#jobs_tbl h3{
padding:0;
}
.pc_Q h3{
margin:3px;
padding:7px 0;
color:#fff;
background:#066;
text-align:center;
}
h4, p, cite, fieldset, form, dl, ol, ul, dir, menu {
padding:0 12px;
margin:.7em 0;
}
.pc_R h4{
margin:1em 0 0 0;
}
h5{
font-size:.75em;
margin:.5em 0 .25em 12px;
padding:0 0 0 15px;
background:url(/images/prism_10.gif) left center no-repeat;
}
h6{
font-size:.83em;
margin:.5em 0 0 12px;
}
h1, h2, h3, h4, h5, b, strong { 
font-weight: bolder;
page-break-after: avoid; 
}

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

p, h4, cite{
font-size:.9em;
}

#portal p{
padding:3px 0 0 0;
}
#jobs_tbl p{
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.sc_L p, .sc_R p{
padding:2px 10px 2px 8px;
}
.pc_L p{
padding:15px 0 0 30px;
}
.pc_M p, .pc_M li{
font-family:Georgia, "Times New Roman", Times, serif;
}
.pc_R p{
padding:0 10px 10px 12px;
}
#sponsor p{
text-align:center;
font-size:1em;
color:#066;
}
#footer p{
font-size:.75em;
}
.captioned_portrait p{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:.75em;
}

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

blockquote{
margin:.5em 40px;
}
cite{
padding:0 12px;
font-style:italic;
}

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

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

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

ol{
margin-left: 40px;
}
ul{
margin-left:20px;
}
ul li{
list-style:disc;
font-size:.9em;
}
ol ul, ul ol, ul ul, ol ol  {
margin:0 0 0 10px;
}
ul ul li, ol ul li{
padding:.3em 0;
}

#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;
margin-left:5px;
border-top:5px solid #066;
}
#navigation ul li{
padding:12px 25px;
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:#f93;
}
#navigation ul li a:active, #navigation ul li a:hover{
background:#cf3;
}
.pc_L li, .pc_box li{
list-style: none;
list-style-image:none;
}
.pc_R li{
font-size:.9em;
}

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

img, a img{
border:none;
}
#sponsor p img{
padding:0 11px;
border:none;
}
.pc_R img {
padding:10px 0;
}
.book img{
padding:5px 10px 5px 0;
}
.captioned_portrait img{
padding:0;
border:1px solid #000;
margin:12px 0;
}
.trks tr td p img{
padding:0 15px 0 0;
}

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

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

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

table{
display:table;
border-spacing:2px;
margin:12px;
}
caption{
display: table-caption;
text-align:left;
}
thead, tbody, tfoot{ 
vertical-align:middle;
}
th{
font-weight: bolder; 
text-align:left;
vertical-align: inherit;
}
td{
vertical-align: inherit;
padding:.5em 0;
}
.pc_M caption{
display:table-row;
margin:1px;
font-weight: bolder;
background:#066;
color:#fff;
}
.pc_M td{
border-bottom:1px dotted #ccc;
}
.pc_M th{
margin:1px;
font-weight:normal; 
background:#edf4f5;
}
.pc_M table caption, .pc_M th, .pc_M td{
padding:.5em 12px;
}
.memdir th, .viewinfo th{
background:#066;
color:#fff;
}
.memdir td, .viewinfo td{
vertical-align:top;
padding:.25em 0 0 0;
border-bottom:none;
}
#PGDagenda th, #PGDagenda td{
text-align:center;
}

/*table*/#event_detail, #updateinfo{
width:98%;
margin:0;
border-spacing:0;
}
/*table*/#join_members, #reg_evnt, .trks{
margin:0;
border-spacing:0;
}
#event_detail caption, #event_detail td, #event_detail td img, .trks caption, .trks td, #join_members td, #reg_evnt th, #reg_evnt td, #updateinfo td{
margin:0;
}
#event_detail td, #reg_evnt td{
vertical-align:top;
}
#event_detail td h3, #event_detail td h4, #event_detail td p, #event_detail td img, #reg_evnt th, #reg_evnt td, #reg_evnt th p, #reg_evnt td p{
padding:0;
}

.paybtns td{
border-bottom:none;
}

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

fieldset{
border: 1px solid #066;
padding:8px 5px;
}
legend{
margin:6px 0;
padding:6px;
border:1px solid #066;
}
button, textarea, input, select { 
display: inline-block ;
}
.pc_L form label{
display:block;
padding:.75em 0 .25em 0;
font-family:Georgia, "Times New Roman", Times, serif;
}
#submit{
padding:2px 10px;
border-right:1px solid #066;
border-bottom:1px solid #066;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
background:#fff;
color:#066;
font-weight:bold;
}

/* ----- DEFINITIONS ----- */

dd{
margin-left: 40px;
}

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

@media print {

ul, ol, dl { 
page-break-before: avoid; 
}
#portal, #navigation, #tableau, #secondaryContent, #sponsor, .sponslink, .sc_L{
display:none;
}

}