body { background-color: #336699 }

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}

/* Begin Main Content Styling */
.main {
	background-color: #FFFFFF;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 1px 5px 1px;
	color : #003366
}

.main a:link {
	color : #000000
}

.main a:visited {
	color : #666666
}

.main a:active {
	color : #000000
}

.main a:hover {
	color : #99994D;
	text-decoration : none
}

.main h1 {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding: 0;

	color: #ccffff;
	font-size: 16px;//was 20
	display : block;
	width : 100%;
	background-color: #003366;
	padding: 2px 2px 2px 3px;//was 2px 2px 2px 5px
}

.main h2 {
	font-size : 15px;
	margin : 10px 7px 3px 7px
	}

.main h3 {
	font-size : 15px;
	margin : 0 7px 0 7px;
	line-height : 140%
	}
	
.main p {
	font-size : 12px;
	margin : 0 7px 0 7px;
	line-height : 140%
}

.main li {
	font-size : 12px;
	margin : 0 7px 0 7px;
	line-height : 140%
}

/* End Main Content Styling */

/* Begin Header Styling */
.header {
	background-color : #336699;
	border-bottom: 1px solid #FFFFFF
}

.header h1 {
	font : italic bolder 30px Arial, Helvetica, sans-serif;
	/*margin : 5px 5px 0px 5px;*/
	text-decoration : underline;
	color : #ffffe0
}

.header p {
	font : 11px Arial, Helvetica, sans-serif;
	margin : 0px 5px 5px 5px;
	color : #ffffe0
}
/* End Header Styling */

/* Begin Main Menu Styling */
.menu {
	background-color : #333333;
	border-bottom : 1px solid #FFFFFF;
	border-right :  1px solid #FFFFFF;
	font : bold 13px Arial, Helvetica, sans-serif;
	color : #CCCCCC;
	text-align : center
	}
.menu a { 
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding: 0;

	color : #FFFFFF; 
	text-decoration : none;
	display : block;
	width : 100%;
	padding : 1px 0 1px 0;
}

.menu a:hover {
	color : #FFFFFF;
	background-color : #336699
}

/* Defines the current menu category user is in */
.menucurrent {
	color : #003366;
	background-color : #CCCCCC;
	border-bottom : 1px solid #FFFFFF;
	border-right :  1px solid #FFFFFF;
	font : bold 13px Arial, Helvetica, sans-serif;
	text-align : center
}
/* End Main Menu Styling

/* BEGIN LEFT COLUMN STYLING (INCLUDES SEARCH AND FLYOUT MENU) */

/* Border surrounding entire left column (also used on flyout menu in layers) */
.leftcolumn {
	background: #6699cc;
	border: 1px solid #99994D;
	vertical-align : top
}

/* Begin Search Styling */
.search {
	background-color : #FFFFFF;
	padding: 4px 3px 4px 3px;
	font : 12px Arial, Helvetica, sans-serif
}

.search a { color: #003366 }
.search a:hover { color: #000000 }
.search a:visited { color: #003366 }

.searchbox { 
	
	width : 105px;
	font : 12px "Times New Roman", Times, serif
	}
/* End Search Styling */
	
/* Begin Submenu Styling */
.submenuh {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding: 0;

	font: bold 16px "MS Sans Serif", Geneva, sans-serif;
	background: #6699CC;
	padding : 2px 1px 2px 2px;
	color : #000000;
	border-top : 1px solid #99994D;
	}

.submenu {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding: 0;

	background: #6699CC;
	padding : 0 1px 0 2px;
	font: bold 12px "MS Sans Serif", Geneva, sans-serif;
	background: #6699CC;
	padding : 0 1px 0 2px;
	}
	
.submenu a {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding: 0;

	color: #FFFFFF;
	text-decoration: none;
	display : block;
	width : 100%;
	border : 1px solid #6699CC;
	padding : 2px 2px 2px 5px;
}
.submenu a:hover {
	border : 1px solid #99994D;
	background-color : #99CCff
}

.pettopics {
	background: #6699CC;
	font: bold 12px "MS Sans Serif", Geneva, sans-serif;
	background: #6699CC;
	padding : 0 1px 0 2px
}
.pettopics a {
	color: #FFFFFF;
	text-decoration: none;
	display : block;
	width : 100%;
	border : 1px solid #6699CC;
	padding : 2px 2px 2px 5px
}
.pettopics a:hover {
	border : 1px solid #99994D;
	background-color : #99CCff
}
.pettopics a:visited { 
	color: #003366 
}
.pettopics h2 {
	font : bolder 18px Courier, MS Courier New, Prestige, Everson Mono;
	text-align : center;
	vertical-align : top;
	color: #ccffff;
	font-size: 20px;
	display : block;
	width : 100%;
	background-color: #003366;
	}

.wasclicked {
  -moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding: 0;

	font: bold 12px "MS Sans Serif", Geneva, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display : block;
	width : 100%;
	background-color : #99CCff;
	padding : 0 1px 0 2px;
	border : 1px solid #6699CC;
	}
.wasclicked a {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding: 0;

	color: #FFFFFF;
	text-decoration: none;
	display : block;
	width : 100%;
	border : 1px solid #6699CC;
	padding : 2px 2px 2px 5px;
}

.wasclicked a:hover {
	border : 1px solid #99994D;
	background-color : #99CCff
}
.submenur {
	background: #6699CC;
	vertical-align : top
}

.submenurbottom {
	background: #6699CC;
	vertical-align : top;
	border-top : 1px solid #99994D
}

.submenubottom {
	background: #6699CC;
	border-bottom: 1px solid #99994D
}

.submenudiv {
	background: #6699CC
}

.submenutop {
	background: #6699CC;
	border-top: 1px solid #99994D
}

.arrow {
	color : #FFFFFF;
	text-align : right;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	position : inherit
}
/* End Submenu Styling */

/* END LEFT COLUMN STYLING */

/* Begin Footer Styling */
.footerright { 
	padding : 5px 5px 5px 5px;  
	font : 11px Arial, Helvetica, sans-serif;
	background-color : #003366;
	color : #ccffff;
	text-align : center;
	border : 1px solid #FFFFFF
}
.footerright a { color : #ccffff }

.footerleft {
	background-color : #336699;
	font : italic bolder 25px Arial, Helvetica, sans-serif;
	padding : 0px 0px 0px 0px;
	text-align : center;
	color : #ffffe0;
	border : 1px solid #FFFFFF
}
/* End Footer Styling */

/* Begin Monospaced Styling */
.mono {
	background-color : #336699;
	font : 18px Courier, MS Courier New, Prestige, Everson Mono;
	padding : 0px 0px 0px 0px;
	text-align : center;
	vertical-align : top;
	color : #ffffe0;
	border : 1px solid #FFFFFF
}
/* End Monospaced Styling */

/* Begin photo formatting */
.photo h1 {
	color: #ccffff;
	font-size: 20px;
	display : block;
	background-color: #003366;
}

.photo h2 {
	font-size : 15px;
	}
/* End photo formatting */

/* Begin flyer formatting */
.flyer {
	background-color: #FFFFFF;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 1px 5px 1px;
	color : #003366
}
.flyer h1 {
	/*color: #ccffff;*/
	font-size: 20px;
	width : 100%;
	background-color: #FFFFFF;
	padding: 2px 2px 2px 5px
}

.flyer h2 {
	font-size : 15px;
	margin : 10px 7px 3px 7px
	}

.flyer h3 {
	font-size : 12px;
	margin : 0 7px 0 7px;
	line-height : 140%
	}
	
.flyer p {
	font-size : 12px;
	margin : 0 7px 0 7px;
	line-height : 140%
}
.flyer b {
	font: bolder 15px Arial, Helvetica, sans-serif;
}
/* End flyer formatting */

.counter {
  font: bold 12px Courier, MS Courier New, Prestige, Everson Mono;
	color: #FFFFFF;
	text-decoration: none;
	width : 8;
	background-color : #6699CC;
	padding : 0 1px 0 2px;
	border : 1px solid #6699CC;
}

.urgent {
	color : #FF0033
}
.urgent a:link { 
  color : #FF0033 
}
.urgent a:visited{ 
  color : #FF0033 
}
.urgent a:active{ 
  color : #FF0033 
}
/*---  begin classes from Pet Harbor  ---*/
.resultstable 		{FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: verdana,arial,helvetica;}
/*---  end classes from Pet Harbor  ---*/