/* 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: #000000;}

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

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

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

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

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

.boxId {width: 400px; height: 173px; background :url(img/pfi10_box_login.gif) no-repeat;}
/* /main */

/* div ############################## */

div#main{position:relative; width:990px; text-align:left; margin:0 auto; background-color:#000000;}

div#connection{float:left; width: 990px; background-color: #000000; 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#header{float:left; width:990px; height:117px;}

	div#header div#header_left{float:left; width:215px; height:117px; background:url(img/pfi10_01.jpg) no-repeat left;}
	div#header div#header_right{float:left; width:775px; height:117px; background:url(img/pfi10_03.jpg) no-repeat;}

div#menu{float:left; width:990px; height:20px;}

	div#menu div#menu_left{float:left; width:215px; height:20px; background: #FFFFFF url(img/pfi10_04a.jpg) no-repeat;}
	div#menu div#menu_right{float:left; width:775px; height:20px; background: #a9a194;}

div#content{float:left; width:990px; background: url(img/content_bg.jpg); padding-bottom: 30px;}
	
	div#content div#content_middle{float:left; width:783px; font-size: 12px; font-family: Arial, Verdana, Times New Roman, Helvetica, sans-serif; color: #585858; line-height: 20px;}
		div#content div#content_middle div#top1{width:783px; height:230px; background:url(img/top1.jpg);}
		div#content div#content_middle div#top2{width:783px; height:91px; background:url(img/top2.jpg);}
		div#content div#content_middle div#bottom{width:783px;}
			div#content div#content_middle div#leftcolumn{float:left; width:215px; background: transparent url(img/leftcolumn_bg.jpg);}
			div#content div#content_middle div#freespace{float:left; overflow: hidden; width: 568px; background:transparent;}
				div#content div#content_middle div#freespace div#title{width: 568px; height: 30px; background:#a9a194; padding: 6 0 0 5;}
				div#content div#content_middle div#freespace div#pagecontent{width: 568px; background: #FFFFFF;}
	
	div#content div#content_right{float:left; width:207px; font-size: 12px; font-family: Arial, Verdana, Times New Roman, Helvetica, sans-serif; color: #000000; line-height: 18px;}
		div#info_top{width:207px; height:39px; background:url(img/pfi10_06.jpg);}
		div#info_middle{width:207px; height: 300px; background:url(img/actu_bg.jpg);}
		div#animals{width:207px; background:url(img/pfi10_15.jpg) no-repeat; margin-top: 20px;}
			div#animalsscroller {width:207px; background:transparent; padding-top: 20px;}
				div#animalscontent {text-align:left; font-size: 14px; width:207px; padding-left:5px; padding-bottom: 5px;}
		div#account{width:207px; height: 80px; background:url(img/pfi10_18.jpg) no-repeat;}
			div#accountcontent{text-align: left; width:207px; height: 80px; background:transparent; padding-top: 20px; padding-left: 5px;}
		div#content div#content_right div#bottom{width:207px; background:url(img/actu_bg.jpg);}

div#footer{float:left; width:990px;height:60px;background-color:#000000;margin:0px 0px 30px 0px;padding-top: 10px;font-family: Arial, Verdana;font-size: 12px;color: #FFFFFF;}
	div#footer div#footer_line1{width:990px; text-align:center;}
	div#footer div#footer_line2{width:990px; text-align:right;}
/* /div */

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

.menuTop ul{
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 0px;
background: #a9a194;
overflow: hidden;
width: 100%;
}

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

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

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

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

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

.accountcontent a:selected{
color: #FFFFFF;
}

.accountcontent a:active{
color: #FFFFFF;
}

.accountcontent a:hover{
color: #FFFFFF;
}

.accountcontent a{
color: #FFFFFF;
}

/* /menu: main */

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

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 1px #000000 solid;
visibility: hidden;
z-index: 100;
text-align: left;
}

.ddsubmenustyle li a{
width: 160px;
display: block;
color: #808080;
background-color: #eaf2b4;
text-decoration: none;
padding:10px 10px 10px 10px;
}

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

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

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

/* menu: arrow */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding: 0;
border: 0;
background: url(img/menu_arrow_down.gif);
}

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