/*body*/
html, body{ 
 background: #ffffff;
 margin: 0px;
 padding: 0px;
} 

.main
{	
width:730px;
\width:730px;
w\idth:730px;
}

 
#topnav
{
 height: 39px; 
 background-image: url(../siteimages/FINALa_02.gif); 
}

#topnav a:link
{
font-family: "arial";
font-size: 10pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;

} 

#topnav a:visited
{
font-family: "arial";
font-size: 10pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;

} 

#topnav a:hover
{
font-family: "arial";
font-size: 10pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;
background-image: url(../siteimages/pawrollovertop.gif);
background-repeat: no-repeat;
text-align: left;

} 

#topnav a:active
{
font-family: "arial";
font-size: 10pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-align: left;

} 

#topnav ul
{
list-style: none;
padding: 12px 0px 0px 65px;
margin: 0;
} 

#topnav ul li
{
display: inline;
padding: 5px;
margin: 0;
}

/*BOTTOM Navigation */
#botnav
{
 height: 51px; 
 background-image: url(../siteimages/FINALa_12.gif); 
 margin: 0px;
}

#botnav a:link
{
font-family: "arial";
font-size: 8pt;
color: #003399;
font-weight: bold;
text-decoration: none;

} 

#botnav a:visited
{
font-family: "arial";
font-size: 8pt;
color: #003399;
font-weight: bold;
text-decoration: none;

} 

#botnav a:hover
{
font-family: "arial";
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;
} 

#botnav a:active
{
font-family: "arial";
font-size: 8pt;
color: #003399;
font-weight: bold;
text-decoration: none;

} 

 
#botnav ul
{
list-style: none;
padding: 13px 0px 0px 185px;
margin: 0;
} 

#botnav ul li
{
display: inline;
padding: 0 0px;
margin: 0;
}
 
/*side City Navigation column*/

.navcol
{
 background-image: url(../siteimages/bluebar.gif);
 }

.navcol h1
{
font-family: "Arial";
font-size: 10pt;
font-style: bold;
color: #ffffff;
padding: 0px 3px;
}
 
.navcol ul
{
list-style: none;
padding: 0;
margin: 0;
} 

.navcol ul li
{
text-indent: 0px;
padding: 0 0px;
margin: 0;
text-align: left;
}
 
.navcol a:link
{
font-family: "Arial";
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-align: left;
} 

.navcol a:visited
{
font-family: "Arial";
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-align: left;

} 

.navcol a:hover
{
font-family: "Arial";
font-size: 8pt;
color: #ffcc00;
font-weight: bold;
text-decoration: none;
background-image: url(../siteimages/sidepawrollover.gif);
background-repeat: no-repeat;
text-align: left;
}  
 
.navcol a:active
{
font-family: "Arial";
font-size: 8pt;
color: #ffcc00;
font-weight: bold;
text-decoration: none;
text-align: left;
}   

.navcolbottom
{
 valign: bottom;
 }
 
.navcolbottom h1
{
font-family: "Arial";
font-size: 10pt;
font-style: italic;
color: #ffffff;
text-align: center;
}

#sublink
{
text-align: left;
}

#sublink ul
{
list-style: none;
padding: 20;
margin: 10;
} 

#sublink ul li
{
text-indent: 5px;
padding: 0 5px;
margin: 0;
}
#sublink a:link
{
font-family: "Arial";
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;

} 

#sublink a:visited
{
font-family: "Arial";
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-decoration: none;


} 

#sublink a:hover
{
font-family: "Arial";
font-size: 8pt;
color: #ffcc00;
font-weight: bold;
text-decoration: none;
background-image: url(../images/tinypawrollover.jpg);
background-repeat: no-repeat;

}  
 
#sublink a:active
{
font-family: "Arial";
font-size: 8pt;
color: #ffcc00;
font-weight: bold;
text-decoration: none;

}   

/* Content Styles*/

.content
{
 background-color: #FFFFFF;
 text-align: left;
 }
 
.content h1
{
 font-family: "Arial";
 font-size: 10pt;
 font-weight: strong;
 color: #003366;
 }

.content h2
{
 font-family: "Arial";
 font-size: 10pt;
 font-weight: strong;
 color: #003366;
 }
 
.content h3
{
 font-family: "Arial";
 font-size: 10pt;
 font-weight: strong;
 font-style: italic;
 color: #003399;
 }
  
 .content h4
{
font-family: "Arial";
font-size: 10pt;
color: #ffcc00;
font-weight: bold;
text-decoration: none; 
 } 
 
  .content em
{
 font-family: "Arial";
 font-size: 12pt;
 font-weight: strong;
 font-style: italic;
 color: #ff0000;
 } 
 
.content p
{
 font-family: "Arial";
 font-size: 10pt;
 font-style: crisp;
 color: #003399;
 text-align: justify;
 } 

.content ul
{
 font-family: "Arial";
 padding: 0px;
 margin-left: 20px; 
 text-align: justify; 
 }  

.content ul li
{
 font-family: "Arial";
 font-size: 10pt;
 font-style: crisp;
 text-align: justify;
 color: #003399;
 padding: 6px;  
 list-style-image : url(../siteimages/lipaw.gif); 
 } 
 
 .content ol
{
 font-family: "Arial";
 padding: 10px;
 margin-left: 20px;
 text-align: justify;  
 }  

.content ol li
{
 font-family: "Arial";
 font-size: 10pt;
 font-weight: bold;
 font-style: crisp;
 text-align: justify;
 color: #003399;
 padding: 6px;  
 } 
 
.content table
{
padding: 0px;
}

.content table th
{
 font-family: "Arial";
 font-size: 10pt;
 color: #003399; 
}

.content table td
{
 font-family: "Arial";
 font-size: 10pt;
 color: #003399
}

.content  a:link
{
font-family: "Arial";
font-size: 10pt;
color: #ff0000;
font-weight: bold;
text-decoration: none;

} 

.content  a:visited
{
font-family: "Arial";
font-size: 10pt;
color: #ff0000;
font-weight: bold;
text-decoration: none;

} 

.content  a:hover
{
font-family: "Arial";
font-size: 10pt;
color: #ffcc00;
font-weight: bold;
text-decoration: none;

} 

.content  a:active
{
font-family: "Arial";
font-size: 10pt;
color: #ffcc00;
font-weight: bold;
text-decoration: none;

} 
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.footer
{

width:730px;
\width:730px;
w\idth:730px;
background-image: url(../siteimages/FINALa_12.gif); 
align: middle; 
clear:both;
}  

 .footer h1
 {
 font-family: "Arial";
 font-size: 8pt;
 color: #003366;
 text-align: center;
 }

 .footer a:link
{
font-family: "Arial";
font-size: 8pt;
color: #003366;
font-weight: bold;
text-decoration: none;
} 

.footer a:visited
{
font-family: "Arial";
font-size: 8pt;
color: #003366;
font-weight: bold;
text-decoration: none;

} 

.footer a:hover
{
font-family: "Arial";
font-size: 8pt;
color: #003399;
font-weight: bold;
text-decoration: none;
}  
 
.footer a:active
{
font-family: "Arial";
font-size: 8pt;
color: #003366;
font-weight: bold;
text-decoration: none;
}   

.copyright
{

width:730px;
\width:730px;
w\idth:730px;
align: middle; 
clear:both;
}  

 .copyright h1
 {
 font-family: "Arial";
 font-size: 8pt;
 color: #003366;
 text-align: center;
 }

 .copyright a:link
{
font-family: "Arial";
font-size: 8pt;
color: #003366;
font-weight: bold;
text-decoration: none;
} 

.copyright a:visited
{
font-family: "Arial";
font-size: 8pt;
color: #003366;
font-weight: bold;
text-decoration: none;

} 

.copyright a:hover
{
font-family: "Arial";
font-size: 8pt;
color: #ffcc00;
font-weight: bold;
text-decoration: none;
}  
 
.copyright a:active
{
font-family: "Arial";
font-size: 8pt;
color: #003366;
font-weight: bold;
text-decoration: none;
}   

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}