body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background:url(../../images/background.jpg) repeat;
}

a {
color:#006699;
}

a:hover {
color:#CC0000;
}
H1 {
font-size:19px;
color:#006699; 
margin:0;
padding-bottom:8px;
}

h3 {
color: #003366;
font-size:14px;
margin-top:10px;
}

#container {
  width:748px;
  margin-left:auto;
  margin-right:auto;
  border:2px #FFFFFF solid;
  background:url(../../images/ContentBackground.gif)
}


/* Start HEADER styles */
#header {
  width:748px;
  height:126px;
  display:block;
  background:url(../../images/header1.gif) no-repeat;  
}

#pressheader {
  width:748px;
  height:126px;
  display:block;
  background:url(../../images/header2.gif) no-repeat;  
}

#bpheader {
  width:748px;
  height:126px;
  display:block;
  background:url(../../images/header3.gif) no-repeat;  
}

#eventsheader {
  width:748px;
  height:126px;
  display:block;
  background:url(../../images/header4.gif) no-repeat;  
}

#faqheader {
  width:748px;
  height:126px;
  display:block;
  background:url(../../images/header5.gif) no-repeat;  
}

#howtoapplyheader {
  width:748px;
  height:126px;
  display:block;
  background:url(../../images/header6.gif) no-repeat;  
}

#contactheader {
  width:748px;
  height:126px;
  display:block;
  background:url(../../images/header7.gif) no-repeat;  
}

/* End HEADER styles */

/* Start CONTENT styles */

#content {
  padding:0px 0px 0px 0px;
  margin:0;
  min-height:345px;
}

#mainText {
width:531px;
  margin:0;
  padding:10px 10px 14px 10px;
  color:#000000;
  float:left;
}
#mainText img{
 float:right;
 margin:0 0 8px 10px;
}

#leftImage img{
float:left;
margin:0 10px 8px 0;
}

#mainHeader {
font-family:Arial, Helvetica, sans-serif;
color:#CC0000;
font-weight:bold;
font-size:16px;
  width:533px;
  height:22px;
  margin:-19px 0 0 0;
  padding:8px 8px 8px 10px;
  display:block;
  background:url(../../images/TitleBackground.gif);
  float:left;
}
/* Firefox Fix */html>body #mainHeader {
font-family:Arial, Helvetica, sans-serif;
color:#CC0000;
font-weight:bold;
font-size:16px;
  width:533px;
  height:22px;
  margin:0;
  padding:8px 8px 8px 10px;
  display:block;
  background:url(../../images/TitleBackground.gif);
  float:left;
}

.readonly {
background-color:#ececec;
font-family: Arial;
border: 1px #666666 solid; 
color:#000000;
text-decoration: none;
}

/*#imageContainer {
  width:513px;
  margin:12px 0 0 0;
  padding:8px 8px 8px 8px;
  display:block;
  float:left;
  border:1px #999999 solid;
}

#imageContainer img{
 float:left;
 margin:2px 8px 4px 0px;
 display:inline;
}
*/


/* End CONTENT styles */

/* Start FOOTER styles */

#footer {
  margin-top:10px;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  clear:both;
}
#footer a{
  font-size:11px;
}

#footermenu { 
  font-size: 10px;
  width: 748px;
  height: 65px;
  background-color:#3883be;
  clear:both;
}

#footerfamilyblock { 
  text-align: center;
  position: relative;
  left: 28px;
  top:3px;
  height:24px;
  width: 694px;
  background:url(../../images/Familybackground.gif)
}

#pandafamily { 
  padding-top:2px;
  text-align: center;
  height:25px;
  width: 125px;
  float:left;
}

#footerfamilyblock a#px { 
  height:25px;
  width: 124px;
  float: left;
  position:relative;
  display:block;
}

#footerfamilyblock a#pi { 
  height:25px;
  width: 135px;
  float: left;
  position:relative;
  display:block;
}

#footerfamilyblock a#hb { 
  height:25px;
  width: 113px;
  float: left;
  position:relative;
  display:block;
}

#footerfamilyblock a#prg { 
  height:25px;
  width: 180px;
  float: left;
  position:relative;
  display:block;
}

#footermenublock { 
  padding-top:2px;
  text-align: center;
  position: relative;
  top:10px;
  left: 38px;
  width: 663px;
  clear:both;
}

#footermenublock a {  
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration: none;
  color:#FFFFFF;
}

#footermenublock a:hover {  
  color: yellow;
}

#copyright {  
  font-size:10px;
  margin-top:3px;
}

/* Start SIDE NAV Styles */
#sidenavblock{
  width:181px;
  float:left;
  clear:both;
  padding:12px 8px 8px 8px;
}

#sidenavblock a:link{
  font-weight:bold;
  height: 22px;
  width: 160px;
  display: block;
  border-top:#fedd67 solid 1px;
  color:#006699;
  text-decoration:none;
  padding:7px 0 0 20px;
 }
 #sidenavblock a:visited{
  font-weight:bold;
  height: 22px;
  width: 160px;
  display: block;
  border-top:#fedd67 solid 1px;
  color:#006699;
  text-decoration:none;
  padding:7px 0 0 20px;
 }
  #sidenavblock a:hover{
  font-weight:bold;
  height: 22px;
  width: 160px;
  display: block;
  border-top:#fedd67 solid 1px;
  color:#CC0000;
  text-decoration:none;
  padding:7px 0 0 20px;
  background:url(../../images/PawPointer.gif) no-repeat;
 }
 
 #sidebannerblock{
  width:160px;
  float:left;
  clear:both;
  padding:8px 0 0 0;
  border:0;
}

#sidebannerblock a#bannersample {
  width:160px;
  height:59px;
  display:block;
  border:0;
  background: url(../../images/BannerSample.jpg) no-repeat;
  margin-bottom:3px;
}

#sidebannerblock a#banner1 {
  width:160px;
  height:59px;
  display:block;
  border:0;
  background: url(../../images/banners/CMN_banner.jpg) no-repeat;
  margin-bottom:3px;
}
#sidebannerblock a#banner2 {
  width:160px;
  height:59px;
  display:block;
  border:0;
  background: url(../../images/banners/FR_banner.jpg) no-repeat;
  margin-bottom:3px;
}


/* End SIDE NAV Styles */

/* ----------BEGIN BUTTON STYLES------- */
.bluebutton{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-color:#547e98;
border:1px solid #003366;
font-weight:bold;
cursor:hand;
padding:1px;
}
.redbutton{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-color:#990000;
border:1px solid #660000;
font-weight:bold;
cursor:hand
}
.graybutton{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#003366;
background-color:#ececec;
border:1px solid #666666;
font-weight:bold;
cursor:hand;
padding:1px;
margin:0px;
}

.bluelinkbutton a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-color:#547e98;
border:1px solid #003366;
font-weight:bold;
cursor:hand;
padding:4px;
margin:1px;
text-decoration:none;
}
.bluelinkbutton a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-color:#547e98;
border:1px solid #003366;
font-weight:bold;
cursor:hand;
padding:4px;
margin:1px;
text-decoration:none;
}
.bluelinkbutton a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-color:#547e98;
border:1px solid #003366;
font-weight:bold;
cursor:hand;
padding:4px;
margin:1px;
text-decoration:none;
}
/* ----------END BUTTON STYLES------- */

/* create a border on images */
.img-color img {
  display: block;
  position: relative;
  background-color: #000;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  
  } 
  
  