/* main ############################## */

A:link{font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 12px;color: #556180;text-decoration: underline;}

A:active{font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 12px;color: #556180;text-decoration: underline;}

A:visited{font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 12px;color: #556180;text-decoration: underline;}

A:hover{font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 12px;color: #556180;text-decoration: underline;}

body {background-color: #D0D0D0;}

h1{font-family: Arial, Verdana, Times New Roman, Helvetica, sans-serif; font-size: 18px;color: #FFFFFF; padding: 0; margin: 0;}

A.linkFooterBottom:link{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:#000000;text-decoration: underline;}
A.linkFooterBottom:active{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:#000000;text-decoration: underline;}
A.linkFooterBottom:visited{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:#000000;text-decoration: underline;}
A.linkFooterBottom:hover{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:#000000;text-decoration: underline;}

/* /main */

/* div ############################## */
div#main{position:relative; width:1024px; height:674px; text-align:left; margin:0 auto; background-color:#FFFFFF;}

	div#connection{float:left; width:1024px; background-color: #D0D0D0; text-align:right; padding-top: 10px; padding-bottom: 5px; font-family: Arial, Verdana, Times New Roman, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}

	div#background {float:left; width:1024px; height:674px; background:url(img/pfi08_background.jpg) no-repeat;}
		div#logo {position: absolute; left: 0px;top: 30px;}
		div#menu{position: absolute;width:650px;height:30px;background:#BCA6B0;left: 271px;top: 96px;}

		div#title{position: absolute;width:570px;height:25px;background:transparent;left: 140px;top: 255px;}

		div#content{position:absolute; text-align:left; left: 105px; top: 285px; width: 570px; height:380px; background:#FFFFFF;overflow:auto;}
			div#text{position:relative; text-align:left; left: 0px; top: 0px; width:552px; background:#FFFFFF;}

div#news {position:absolute;left:782px;top:180px; width: 185px; height:245px; background:url(img/pfi08_news.jpg) no-repeat center top;}
	div#newscontent {text-align:left; font-size: 14px; width:185px; background:#FFFFFF;margin-top: 15px;overflow: hidden;}
div#animals {position:absolute; left: 787px; top: 438px; width:190px; height:125px; background:url(img/pfi08_animals.jpg) no-repeat;}
	div#animalsscroller {width:; height:120px; background:#FFFFFF; margin-top: 15px;overflow: auto;}
	div#animalscontent {text-align:left; font-size: 14px; width:175px;padding-left: 5px;}
div#account {position:absolute; left:787px; top:550px; width:175px; height:75px; background:url(img/pfi08_account.jpg) no-repeat;}
	div#accountcontent {text-align:left; font-size: 14px; width:170px; height:80px; background:#FFFFFF;margin-top: 15px; overflow: hidden;padding-left: 5px;}

div#footer{float: left; width:1024px; height: 10px; background-color: #D0D0D0;}
	div#footer div#footer_line1{float:left; width:1024px; text-align: center;}
	div#footer div#footer_line2{float:left; width:1024px;text-align: right;}
			
/* /div */

/* menu: main ############################## */

.menuTop ul{
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 0px;
background: transparent;
overflow: hidden;
width: 650px;
height:30px;
}

.menuTop li a{
font: bold 12px Arial;
float:left;
display: block;
text-decoration: none;
margin: 0px;
padding: 0px 10px 0px 10px; /*padding inside each tab*/
border-right: 2px #EE7E63 solid; /*right divider between tabs*/
color: #FFFFFF;
background: #BCA6B0;
height:30px;
line-height:30px;
}

.menuTop li a:visited{
font: bold 12px Arial;
color: #FFFFFF;
background: #BCA6B0;
text-decoration: none;
line-height:30px;
}

.menuTop li a:hover{
font: bold 12px Arial;
color: #FFFFFF;
text-decoration: none;
background: #EE7E63; /*background of tabs for hover state */
line-height:30px;
}

.menuTop a.selected{
font: bold 12px Arial;
color: #FFFFFF;
background: #BCA6B0; /*background of tab with "selected" class assigned to its LI */
}

.menuTop a:active{
font: bold 12px Arial;
color: #FFFFFF;
background: #BCA6B0; /*background of tab with "selected" class assigned to its LI */
}
/* /menu: main */

/* menu: submenu ############################## */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 12px Verdana;
margin: 0px 0px 0px -2px;
padding: 0px;
position: absolute;
left: 0px;
top: 0px;
list-style-type: none;
border-left: 1px #EE7E63 solid;
border-top: 1px #EE7E63 solid;
border-right: 1px #EE7E63 solid;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
width: 160px;
display: block;
color: #FFFFFF;
background-color: #BCA6B0;
text-decoration: none;
padding:10px 10px 10px 10px;
border-bottom: 1px #EE7E63 solid;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
text-decoration: none;
background-color: #EE7E63 !important ;
color: white !important;
}

.ddsubmenustyle li a:visited{
width: 160px;
display: block;
color: #FFFFFF;
background-color: #BCA6B0;
text-decoration: none;
padding:10px 10px 10px 10px;
}
/* /menu: submenu */

/* menu: arrow */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
margin-top: 9px;
padding: 0px;
border: 0;
background: url(img/menu_arrow_down.gif) no-repeat;
vertical-align: 0px;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
padding-right: 2px;
border: 0;
}
/* /menu: arrow */