/* culture shock: prozac afternoon by pogy366 - July 2006 */

/******* structure and layout *******/
body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #000000; 
margin:10px 0 0 0;
padding:0 0 0 0;
background: #FFF;
text-align:center;
}

.wrap {
position:relative;
width:970px;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
background: #ffffff no-repeat;
border-left:1px solid #CB0165;
border-right:1px solid #CB0165;
border-top:1px solid #CB0165;
border-bottom:1px solid #CB0165;
}

.header {
position:relative;
clear:none;
width:950px;
height:55px;
margin:15px 0px 170px 40px;
padding:0 0 0 0;
background:transparent;
color:#FFFFFF;
text-align:left;
}

.topnav {
position:relative;
clear:both;
width:970px;
height:21px;
margin:0 0 0 0;
padding:0 0 0 0;
background:#cccccc;
font-size:8pt;
}

.container {
position:relative;
clear:both;
width:860px;
margin:10px 10px 0 10px;
padding:0 0 0 0;
background:#ffffff;
color:#000000;
text-align:left;
}

.news_right {
position:relative;
float:right;
clear:both;
width:200px;
margin:0 0 5px 10px;
padding:0 10px 0 10px;
background:#D5D5F4;
color:#465670;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}

.news p {
margin:10px 10px;
}

.news_cnr_top {
background:url(USBimages/pa_cnr_tr.jpg) no-repeat top right;
margin:0 -10px 0 -10px;
}

.news_cnr_bottom {
background:url(USBimages/pa_cnr_br.jpg) no-repeat top right;
margin:0 -10px 0 -10px;
}

img.cnr {
width:8px;
height:8px;
border:none;
display: block !important;
}

.footer {
position:relative;
clear:both;
width:970px;
margin:20px 0 0 0;
padding:4px 0 4px 0;
background:#ffffff;
font-size:7pt;
text-align:center;
border-left:1px solid #CB0165;
border-right:1px solid #CB0165;
border-top:1px solid #CB0165;
border-bottom:1px solid #CB0165;
}


/******* top navigation *******/
#nav ul{
padding:0 0 0 0;
margin:0 0 0 0;
white-space: nowrap;
font-size:8pt;
color:#ffffff;
float:left;
width:100%;
background:#ffffff url(USBimages/pa_topnav_bg_pink.gif);
list-style:none;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
margin: 0 0 0 0;
padding: .25em 2em .3em 1em;
background:#ffffff url(USBimages/pa_topnav_bg_pink.gif);
color: #ffffff;
font-weight:bold;
text-decoration:none;
float: left;
border-right:1px solid #cccccc;
}

#nav ul li a:hover{
background:#8DA8D5 url(USBimages/pa_topnav_bg.jpg);
color: #ffffff;
font-weight:bold;
text-decoration:none;
border-right:1px solid #cccccc;
}




/******* links *******/

a {
color:#006600;
text-decoration:underline;
}

a:hover {
color:#E39243;
text-decoration:none;
}

#news a {
color:#006600;
text-decoration:underline;
}

#news a:hover {
color:#E39243;
text-decoration:none;
}

#footer a {
color:#465670;
text-decoration:none;
}

#footer a:hover {
color:#CB0165;
text-decoration:none;
}

/******* fonts and colors *******/

.header strong {
font-family: Arial, Helvetica, Verdana, sans-serif;
color:#000000;
font-size:15px;
font-weight:bold;
letter-spacing:.2em;
}

.news_title {
font-family: Verdana, Helvetica, sans-serif;
color:#465670;
font-size:13px;
font-weight:bold;
}

.page_title {
font-family:Verdana, Helvetica, sans-serif;
color:#4669A4;
font-size:13px;
font-weight:bold;

}

.page_title a {
color:#4669A4;
text-decoration:none;
}

.pagetitle a:hover {
color:#CB0165;
text-decoration:none;
}

.postbody {
font-family:Verdana, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 12px;
margin-top: 12px;
margin-left: 12px;
}

.byline {
font-family:Verdana, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
margin-bottom: 18px;
margin-left: 12px;
}

/******* images *******/

img {
border:none;
}

.right img{
position:relative;
float:right;
padding:0 0 0 0;
margin:5px 2px 2px 5px;
}

.left img{
position:relative;
float:left;
padding:0 0 0 0;
margin:0 5px 0 2px;
}



/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******* workarounds and hacks *******/

/* Photo-Caption PZ3 CSS (The Good Stuff) */
.PZ3-c { float:center; margin-right:10px; }
.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }

.PZ3zoom a:hover img { height:auto; width:auto;
  border:0;
  
}

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }
.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */

/* Before After PZ3 CSS  */

#BeforeAfter { 
display:table;
overflow:hidden;
height:100%;
padding:10px 20px;
background:#ffffff;
width:60%;
margin:0 auto;
border:0px double;
}

#BeforeAfter .PZ3-l {
 padding:0 0 5px 0; 
 border:none;
}

#BeforeAfter .PZ3zoom a, 
#BeforeAfter .PZ3zoom a:hover,
#BeforeAfter .PZ3zoom a:hover img {
 height:100%;
 width:100%;
}

#BeforeAfter .PZ3zoom a:hover { 
 margin:0;
 position:static;
}

#BeforeAfter .PZ3zoom a { 
 border:2px solid #a1a1ef;
}
#BeforeAfter .PZ3zoom a:hover {
 border-color:white;
}

#BeforeAfter .PZ3zoom a:hover .BigEnlarge {
 height:auto;
 width:auto;
 position:absolute;
 margin:-300px 0 0 -100px;
 border:2px solid #fff;
 z-index:999;
}

#BeforeAfter .PZ3zoom a:hover .w300 { 
 margin-left:-150px; }
#BeforeAfter .PZ3zoom a:hover .w350 { 
 margin-left:-175px; }
#BeforeAfter .PZ3zoom a:hover .w400 { 
 margin-left:-200px; }
#BeforeAfter .PZ3zoom a:hover .w450 { 
 margin-left:-225px; }


#BeforeAfter .PZ3zoom a:hover .h300 { 
 margin-top:-340px; }
#BeforeAfter .PZ3zoom a:hover .h350 { 
 margin-top:-390px; }
#BeforeAfter .PZ3zoom a:hover .h400 { 
 margin-top:-440px; }
#BeforeAfter .PZ3zoom a:hover .h450 { 
 margin-top:-490px; }
 
#BeforeAfter a:hover BigEnlarge .PZ3cap,
#BeforeAfter a:hover BigEnlarge .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
#BeforeAfter a:hover .PZ3cap { padding:3px 5px; }
#BeforeAfter .PZ3inr { display:block; padding:2px 5px; }
#BeforeAfter .noCap a:hover .PZ3cap,
#BeforeAfter .noCap a:hover .PZ31cap { display:none; }
#BeforeAfter .noBdr,.noBdr a:hover { border:0; }
#BeforeAfter .Lnk a:hover { cursor:pointer; }


/* End Before After PZ3 CSS  */