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

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

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

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

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

body {background-color: #808080;}

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

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

td {
    font-family: Trebuchet ms, Arial, Verdana, Helvetica, sans-serif;
}


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

/* /main */

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

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

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

	div#banner{float: left; width:970px; height: 312px; background:url(img/pfi21_banner.png) no-repeat;}
		div#logo{position: absolute;width:180px;height:125px; left: 636px; top: 78px; background-color:transparent; overflow: hidden;}
        div#address{position:absolute;width:700px;height:40px;top:285px; left:60px; background:transparent; margin-top: 15px; font-family: Trebuchet ms, Arial,Verdana, Helvetica, sans-serif; font-size: 14px; color: #cdc4b8;}

	div#background{float: left; width:970px; background:url(img/pfi21_background_filler.png) repeat-y;}

		div#left{float:left; text-align:left; width:773px;}
            div#menu{float: left;width:156px; background-color:transparent; margin-left: 5px;}
			div#content{float: left; text-align:left; width:610px; background:transparent;margin-left: 1px;}
				div#text{float: left; text-align:left; width:610px; background:transparent;}

		div#right{float:left; text-align:left; width:197px;}
            div#minheight {float: left; width:1px; height:440px; background:transparent;}
			div#rightcontent{float:left; text-align:left; width:195px;background: transparent;}
				div#news {float: left; width: 196px; background:url(img/pfi21_news.png) no-repeat;}
                    div#newscontentminheight {float: left; width:1px; height:135px; background:transparent;}
					div#newscontent {float: left;text-align:left; font-size: 14px; width:171px; margin-top: 25px; padding: 10px 10px 10px 15px; background:url(img/pfi21_right_filler.png) no-repeat;}
				div#animals {float: left; width:195px; background:url(img/pfi21_animals.png) no-repeat;margin-top: 10px; margin-bottom: 10px;}
					div#animalscontent {float: left;text-align:left; font-size: 14px; width:205px; margin-top: 25px; padding: 10px 10px 10px 15px; background-color: transparent;}
				div#account {float: left; width:196px; background:url(img/pfi21_account.png) no-repeat; margin-top: 10px;}
                    div#newscontentminheight {float: left; width:1px; height:135px; background:transparent;}
					div#accountcontent {float: left;text-align:left; font-size: 14px; width:171px; margin-top: 25px; padding: 10px 10px 10px 15px; background:url(img/pfi21_right_filler.png) no-repeat;}

	div#bottom{float: left; width:970px; height:57px; background:url(img/pfi21_bottom.png) no-repeat;}

	div#footer{float:left; width:970px; height: 10px; background-color: #808080;}
		div#footer div#footer_line1{width:970px; text-align: center; color: #FFFFFF;}
		div#footer div#footer_line2{width:970px;text-align: right;height:50px;}

/* /div */

/* module vetupmenu ##############################

/* main menu */

.menuSide{
width: 156px; !important /*width of side bar menu*/ /*moz width*/
width: 136px; /*width of side bar menu*/ /*IE width*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.menuSide ul{
list-style-type: none;
margin: 5px 0;
padding: 0 10px 0 0;
border: 0px;
text-align: right;
vertical-align: middle;
}

.menuSide ul li a{
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: #272727;
display: block;
padding: 8px 26px 0px 5px;
text-decoration: none;
width: auto;
height: 22px !important; /*moz width*/
height: 30px; /*IE width*/
}

* html .menuSide ul li a{ /*IE6 hack*/
width: 136px;
}

.menuSide ul li a:visited, .menuSide ul li a:active{
color: #272727;
text-decoration: none;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
}

.menuSide ul li a:hover, .menuSide ul li a.selected{
background: transparent url(img/pfi21_menu_bullet.png) no-repeat right;
color: #3d91ae !important;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

/* /main menu */

/* submenu */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: -1px 0 0 5px;
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: #272727;
background-color: #FCF7F3;
text-decoration: none;
padding:7px 10px 8px 10px;
border-bottom: 1px solid #808080;
}

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

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

.ddsubmenustyle li a:visited{
width: 160px;
display: block;
color: #272727;
background-color: #FCF7F3;
text-decoration: none;
padding:7px 10px 8px 10px;
}

/* /submenu */

/* menu: arrow */

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
margin-top: 0px;
border: 0;
background: url(img/menu_arrow_right.gif) no-repeat right;
position: absolute;
right: 2px;
}