/* Test styles for home page */

body {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
}

.clear { clear: both; }

div#container {
width: 100%;
height: 500px;
border: 0px solid red;
}

div#middlestripe {
width: 100%;
margin: 220px 0;
height: 202px;
border: 0px solid blue;
}

div#inner {
width: 908px;
height: 198px;
margin: 0 auto;
border: 0px solid green;
}

div#menu1 {
width: 198px;
height: 198px;
float: left;
text-align: right;
}
div#menu2 {
width: 198px;
height: 198px;
float: left;
}
div#logo {
width: 500px;
height: 198px;
float: left;
background: #fff url(/site_media/images/pia-logo-final.jpg) center 15px no-repeat;

}

div#footer {
width: 100%;
margin-top: -200px;
text-align: center;
font-size: 11px;
clear: both;
}


div#footer-media {
width: 100%;
margin-top:400px;
text-align: center;
font-size: 11px;
clear: both;
}

ul.navlist li {
list-style-type: none;
font-size: 16px;
text-transform: lowercase;
text-align: center;
display: block;
border: 0px dotted #a9a9a9;
width: 125px;
height: 25px;
margin: 1px 0;
}

ul.navlist li a:link { text-decoration: none; color: #000; }
ul.navlist li a:visited { text-decoration: none; color: #000; }
ul.navlist li a:hover { text-decoration: none; color: #fff;  }
ul.navlist li a:active { text-decoration: none; color: #fff; }

ul.navlist li:hover { background: #cccc99; color: #fff; }

ul.content-list { list-style-type: square; font-size: 12px; }

ul.clist li { list-style-type: none; font-size: 12px; padding: 0 35px;  }
div.list-holder { width: 250px; float: left; }

ul.pklist { list-style-type: square; font-size: 12px; padding: 0 35px;  }

ol { font: 12px Arial,Helvetica,Verdana; }
ol li { padding: 20px 0; }

h4.statictitles { width: 97%; border-bottom: 2px dotted #cc9; background: #fff; color: #b89a5f; font-weight: normal; font-size: 14px; margin-left: 2%; }
h4.partnertitles { width: 97%;  background: #fff; color: #b89a5f; font-weight: normal; font-size: 14px; margin: 0 auto; text-align: center;  }
div#static-inner-lowernav-noshow { display: none; }



/*Media page*/
div#media-flash-container { width: 850px; margin: 0 auto; text-align: center;  }
div#gallery-flash-container { width: 600px; height: 600px; margin: 0 auto;}

img.about-profile { float: left; padding: 0 10px 5px 0; }

img.about-profile-2 { width: 138px; height: 200px; float: left; padding: 0 10px 5px 0;} 

div#contact-block { width: 400px; float: left; }

div#inner p.bio { line-height: 1.5em; font-size: 13px !important; }

/* Partners */

p.partner-image { width: 70%; text-align: center; margin: 0 auto; padding: 25px 0; }

/* Photo Gallery

#gallery {width:728px; height:380px; padding:10px; border:1px solid #333; background: #888; position:relative; }
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;} */


a:link { color: #8e9fa5; text-decoration: none; }
a:visited { color: #8e9fa5; text-decoration: none; }
a:hover { color: #b3a5a5; text-decoration: underline; }

/* flash intro */

div#flashintrobox {
width: 800px;
height: 600px;
margin: 50px auto 0 auto;
background: transparent;
}

div#noflash {
width: 50%;
margin: 0 auto;
padding-top: 75px;
font: 10px Arial,Helvetica,sans;
text-align: center;
}