html, body {
margin: 0;
padding: 0;
color: #fff;
/*background: #205586;*/
background: #fff;
font-family: "Lucida Grande", Arial, sans-serif;
}
#container {
width: 906px; margin: 0; auto: 0; padding: 0; text-align: left; position: absolute; top: 0; left: 0; 
}
#pageHeader {
background: url(../images/banner_slice.gif) 0 0 repeat-x;
height: 153px; position: relative; margin: 0; padding: 0; 
}
#pageHeader h1{
background: url(../images/PG_logo.gif) 0 0 no-repeat;
height:20px; width: 385px; position: absolute; z-index: 101; top: 60px; left: 67px;
margin: 0; padding: 0;
}

#pageHeader h1 span{
visibility: hidden; margin: 0; padding: 0; font-size: 12px; line-height: 100%;
}


#pageHeader img {width: 222px; height: 147px; position: absolute; z-index: 102; top: 6px; left: 684px;}



#pageHeader ul {
margin: 0; padding: 0; position: absolute; top: 124px; left: 0;
}
#pageHeader li {
list-style: none;
float: left;
margin-left: 1px;
font-size: 12px;
text-transform: uppercase;
line-height: 24px;
white-space: nowrap;
}

#pageHeader a {
display: block; float: left; padding: 3px 13px 1px 13px;
text-decoration: none;
font-weight: bold;
border-left: 1px solid #FFF; border-right: 1px solid #8B8B8B;
background: #D6D6D6;
color: #435E77;
}


#pageHeader a {float: none;}


#pageHeader a:hover {
background-color: #435E77; color: #cdcdcd;
border-color:  #8B8B8B #cdcdcd #cdcdcd #8B8B8B;
}

.main {

background: #fff url(../images/gradient_long.jpg) 100% 0% no-repeat;
margin: 0;
padding: 3% 30% 50px 68px;
border-bottom: 4px solid #CDCDCD;
/*clear: left;*/
font-family: Lucida Grande;
}

.main h3 {
padding: 0 0 4px 0;
margin: 0;
font-size: 18px;
line-height: 1.2em;
font-weight: normal;
color: #355776;
}
.main h4 {
padding: 0 0 3px 0;
margin: 0;
font-size: 16px;
line-height: 1.2em;
font-weight: normal;
color: #355776;
border-bottom: 1px solid #6d94af;
}
.main p {
padding: 2% 0 0 0; 
margin: 0;
font-size: 12px;
line-height: 1.5em;
color: #1f3142;
}
.main ul {
padding: 0 0 0 6%;
margin: 0;
font-size: 12px;
line-height: 1.5em;
color: #1f3142;
}
.main li{
padding: 5px 0 0 0;
margin: 0;
list-style-type: square;
}
#right {
margin: 0; padding: 0; position: absolute; top: 180px; left: 685px; width: 221px; 
}
#right ul {
margin: 0; padding: 0;
}
#right li {
list-style: none;
margin-left: 1px;
font-size: 12px;
line-height: 24px;
white-space: nowrap;
}

#right a {
display: block;
padding: 3px 14px 1px 14px;
text-decoration: none;
font-weight: bold;
border-top: 1px solid #658fb6;
border-left: 1px solid #658fb6; 
border-right: 1px solid #1a364f;
border-bottom: 1px solid #1a364f;
background: #275179;
color: #fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#right a {float: none;}
/* end IE5-Mac hack */

#right a:hover {
background-color: #4b77a1;
color: #fff;
border-color:  #93bce3 #1a364f #1a364f #93bce3;
}
#right p {
padding-left: 17px;
color: #fff;
line-height: 1.4em;
}
.main a {text-decoration: none; font-weight: bold; color: #336699;}
.main a:hover {border-bottom: 1px solid; color: #205586;}

div#footer {
clear: all;
}
#footer p {
font-family: Lucida Grande; font-size: 11px; color: #275179; padding: 10px 20px; margin: 0;
}
div.portrait {
float: left;
width: 150px; height: 220px;
padding: 20px 38px 120px 0;
margin: 0;
}
div.portrait img{
width: 140px; height: 180px;
padding: 5px;
margin: 0;
border: 1px solid #cdcdcd;
}
div.portrait p {
padding-top: 5px;
}

#portraitlink1 a:hover{
text-decoration: none;
}
#portraitlink2 a:hover{
text-decoration: none;
}
#portraitlink3 a:hover{
text-decoration: none;
}

div.portrait_r {
float: right;
width: 150px; height: 190px;
padding: 20px 5px 20px 15px;
margin: 0;
}
div.portrait_r img{
width: 140px; height: 180px;
padding: 5px;
margin: 0;
border: 1px solid #cdcdcd;
}
div.nj {
float: right;
width: 260px; height: 380px;
padding: 20px 0 20px 15px;
margin: 0;
}
div.nj img{
width: 250px; height: 320px;
padding: 5px;
margin: 0;
border: 1px solid #cdcdcd;
}
div.nj p {
padding: 5px 10px;
font-size: 10px;
font-weight: bold;
}
ul.underline span{
text-decoration: underline;
}
div.ny {
float: right;
width: 410px; height: 240px;
padding: 20px 0 20px 15px;
margin: 0;
}
div.ny img{
width: 400px; height: 200px;
padding: 5px;
margin: 0;
border: 1px solid #cdcdcd;
}
div.ny p {
padding: 5px 10px;
font-size: 10px;
font-weight: bold;
}
div.contact {
float: left;
width: 260px; height: 300px;
padding: 20px 15px 0 0;
margin: 0;
}
div.contact img{
width: 250px; height: 125px;
padding: 5px;
margin: 0;
border: 1px solid #cdcdcd;
}
div.contact h4 {
padding: 0 0 5px 0;
margin: 0;
font-size: 14px;
font-weight: bold;
border: 0;
}
div.contact p {
padding: 5px 10px;

}