body {
	font-family : Arial, Helvetica, Verdana, Sans-Serif;
	font-size : 12px;
	color : #000000;
	text-align: center;
	letterspacing : 1px;
	background : #8D98FF;
}

html:not([dummy]) body{
	background : #97A1FF;
}

#cage {
	width : 906px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

}


#header {
	width: 906px;


}

#header img {

	/* Little sweet code to allow alpha transparency in internet explorer */
	behavior: url('http://www.hrah-pa.com/pngfix/iepngfix.htc');

}

#headerleft {
	float: left;
	height: 154px;
	width: 790px;
}


#headerright {
	float: right;
	width: 116px;
	height: 154px;
	
}



/* 

Quick notes on CSS Drop Down Menus
	1) A drop down menu is a list within a list.
	2) The li tag defines the size of a menu item.
	3) Links within a menu item should be the same size to create nice-looking buttons.
	4) IE has a faulty box model which can easily be corrected by IE css hacks. All commented hacks correspond to attributes read by Firefox, not IE (IE doesn't understand html>body). 
	5) Pay attention to notes for future customization.

Definition of IE's faulty box model: Internet Explorer is not a standard's compliant browser. The discrepancy lies in the definition of the box width. Internet explorer incorporates both padding and borders into the definition of the element's width. The current web standard does not include these variables. This can lead to a significant narrowing of elements due to IE's faulty box model and needs to be addressed in CSS when designing.

*/

/* Defines the size and style of the menu */

.menu {
	width:898px; 
	height:30px; 
	font-size: 12px;
	font-family : "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	text-align: center; 
	background: #703C2C;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	position:relative;
	/* Small bit of code to move the bar a small bit */
	margin-left: 6px;
	z-index:100;

}

.menu a { 

	/* Little sweet code to allow alpha transparency in internet explorer */
	behavior: url('http://www.hrah-pa.com/pngfix/iepngfix.htc');

}


/* Removes Default List Styling */

.menu ul {
	/* Add a little padding to get the menu away from the wall */
	padding-left: 5px;
	margin:0;
	list-style-type:none;
}

/* Menu items must be floated and the position set to relative for control of drop down menu position. */

.menu li {
	float:left;
	width:126px;
	position:relative;
	padding-right: 1px;

}

/* Top Level Link Style */

.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color: #FFFFFF;
	width:123px; 
	height:30px; 
	background: #703C2C;
	line-height:30px;
	border: 1px solid #703C2C;
	border-width: 0px 1px 0px 1px;
}

/* Stickers for new updates */

.menu a.header_update, .menu a.header_update:visited {
	background: #703C2C url('http://www.hrah-pa.com/des_images/update_stickers/new_update.png') top left no-repeat;
}

.menu a.news_update, .menu a.news_update:visited {
	background: #703C2C url('http://www.hrah-pa.com/des_images/update_stickers/news_update.png') top no-repeat;	
}

.menu a.event_update, .menu a.event_update:visited {
	background: #703C2C url('http://www.hrah-pa.com/des_images/update_stickers/event_update.png') top no-repeat;	
}

.menu a.petofmonth_update, .menu a.petofmonth_update:visited {
	background: #703C2C url('http://www.hrah-pa.com/des_images/update_stickers/pom_update.png') top no-repeat;	
}

.menu a.arcticles_update, .menu a.articles_update:visited {
	background: #703C2C url('http://www.hrah-pa.com/des_images/update_stickers/articles_update.png') top no-repeat;	
}

/* IE hack for faulty box model */
html>body .menu a, .menu a:visited {
	width: 125px;
}

/* Top Level Hover Style */

.menu a:hover {
	color:#FFFFFF; 
	background:#5A2F22;
	border: 1px solid #2C1811; 
	border-width: 0px 1px 0px 1px;
}

.menu :hover > a {
	color:#FFFFFF;
	background:#5A2F22;
	border: 1px solid #2C1811; 
	border-width: 0px 1px 0px 1px;
	z-index: 99;

}

/* Sticker hover attributes for new updates */
.menu a.header_update:hover {
	background:#5A2F22 url('http://www.hrah-pa.com/des_images/update_stickers/new_update.png') top left no-repeat;
}
/* For the roll off */
.menu :hover > a.header_update {
	background:#5A2F22 url('http://www.hrah-pa.com/des_images/update_stickers/new_update.png') top left no-repeat;
}
.menu a.news_update:hover {
	background:#5A2F22 url('http://www.hrah-pa.com/des_images/update_stickers/news_update.png') top no-repeat;
}
.menu a.event_update:hover {
	background:#5A2F22 url('http://www.hrah-pa.com/des_images/update_stickers/event_update.png') top no-repeat;
}
.menu a.petofmonth_update:hover {
	background:#5A2F22 url('http://www.hrah-pa.com/des_images/update_stickers/pom_update.png') top no-repeat;
}
.menu a.articles_update:hover {
	background:#5A2F22 url('http://www.hrah-pa.com/des_images/update_stickers/articles_update.png') top no-repeat;
}


/* 2nd Level Link Style */

.menu ul ul a, .menu ul ul a:visited {
	background:#703C2C; 
	color:#FFFFFF; 
	height:auto; 
	line-height:1em; 
	/* Padding declaration. First number indicates top/bottom, second number indicates right/left. */
	padding:5px 5px; 	
	width:113px;
	border: 1px solid #000000; 
	border-width:0px 1px 1px 1px;
}

/* yet another hack for IE5.5 */
html>body .menu ul ul a, .menu ul ul a:visited {
	width:115px;

}

/* 2nd Level Hover Style */

.menu ul ul a:hover{
	color:#FFFFFF; 
	background:#5A2F22;
	border: 1px solid #000000; 
	border-width: 0px 1px 1px 1px;

}


.menu ul ul :hover > a {
	color:#FFFFFF;
	background:#5A2F22;
	border: 1px solid #00000; 
	border-width: 0px 1px 1px 1px;

}


/* 2nd Level Drop Link Style */

.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background: #703C2C url('http://www.hrah-pa.com/des_images/spring/drop_corner.gif') right no-repeat;
}

/* 2nd Level Drop Link Hover Style */

.menu ul ul a.drop:hover {
	background: #5A2F22 url('http://www.hrah-pa.com/des_images/spring/drop_corner_hover.gif') right no-repeat;
}

.menu ul ul :hover > a.drop {
	background: #5A2F22 url('http://www.hrah-pa.com/des_images/spring/drop_corner_hover.gif') right no-repeat; 
}


/* Drop Down Mechanics: Hides drop down menus and absolutely positions them under menu items. */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:-5px; 
	width: 125px;
	border-top: 1px solid #000000; 
}

/* IE hack to compensate for top spacing associated with the top border */
html>body .menu ul ul {
	top:30px;

}

/* Makes the 2nd Level Drop Down Visible upon Rollover */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility: visible; 
}


/* Style the third level menu */
.menu ul ul ul{

	left: 124px; 
	top: -1px; 
	width: 125px;
	padding: 0px;


}

/*Have to set the li width for IE to compensate for top border issues*/
.menu ul ul ul li {
	width: 125px;
}


/* IE hack */
html>body .menu ul ul ul {
	top: -1px;
	left: 126px;
	padding-left: 0px;
	width: 127px;
}

/*Style the third level backgrounds and hovers*/
.menu ul ul ul a, .menu ul ul ul a:visited {
	background: #703C2C;
}

.menu ul ul ul a:hover {
	background: #5A2F22;
}


/* Keeps the 3rd Level hidden */
.menu ul :hover ul ul { 
	visibility:hidden;
}

/* Makes the 3rd Level Drop Down visible upon Rollover */
.menu ul :hover ul :hover ul { 
	visibility:visible;
}


/* Finally, IE requires a table to create drop down menus. These attributes make the table nonexistant. */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* Div to clear out design blocks */

#clear {
	clear: both;
}

#mainmiddle {
	
	width: 898px;
	background: #FFFFFF;
	border: 1px solid #000000;
	border-width: 0px 1px 2px 1px;
	/* Small bit of code to move the content a small bit */
	margin-left: 6px;

}

#maininfo {
	
	width: 898px;
	background: #E7DDB9 url('http://www.hrah-pa.com/des_images/spring/left_bar.gif') repeat-y;
	border: 1px solid #000000;
	border-width: 0px 1px 2px 1px;
	/* Small bit of code to move the content a small bit */
	margin-left: 6px;

}

#dogwindow {
	float: left;
	width : auto;
	background : #FFF3D5;
	/* padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px; */
}


#sidewindow {
	float : right;
	width : 125px;
	height : 345px;
	border: 0px;
	padding-top: 30px;
	background: #2C1811;
	text-align: center;
}

/* IE hack - Accomodates for padding issues.*/
html>body #sidewindow {
	float : right;
	width : 125px;
	height : 345px;
	padding-top: 30px;
	border: 0px;
	background: #2C1811;
	text-align: center;
}

#sidewindow img {

	/* Little sweet code to allow alpha transparency in internet explorer */
	behavior: url('http://www.hrah-pa.com/pngfix/iepngfix.htc');

}

/* Where navigation goes */
#rightbar {
	width : 125px;
	height : 308px;	
}

/* Where facebook goes */
#facebook {
	width : 125px;
	height : 37px;
	text-align: right;	
}


#leftwindow {
	float: left;
	width : 175px;
	background : transparent;
	padding-top: 30px;
	text-align: center;
}


#infowindow {
	float : right;
	/* Width = 898 - left window (175px) */
	width : 723px;
	border: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFFFFF;
}

#infowindow ul {
	width: auto;
	margin-right: 225px;
	color: #000000;
	font-size : 12px;
	font-weight: normal;
	font-family : Verdana, Arial, Helvetica, Sans-Serif;
}

#infowindow img {
	
	border: 1px solid #000000;
	margin: 0px 15px 0px 15px;
	/* align: center; */

}

#infowindow img.float_right {
	border: 1px solid #000000;
	margin: 0px 40px 0px 15px;
	float: right;
	clear: right;
}

#infowindow img.new_update {

	border: 0px;
	margin: 0px 0px 0px -25px;
	behavior: url('http://www.hrah-pa.com/pngfix/iepngfix.htc');

}

/* Take img border out of homepage sidebar */
#sidewindow img {
	border: 0px;
}

#bottomwindow {

	width: auto;
	height: 20px;
	color: #FFFFFF;
	font-size: 11px;
	background : #703C2C;
	border-top: 2px solid #2C1811;
	padding-top: 5px;

}

#bottomwindow a {

	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;

}

#textcenter {

	text-align: center;

}


h1 {
	color: #703C2C ;
	font-size : 20px;
	width: auto;
	/*Set the right margin to prevent the h1 tag from filling the window.*/
	margin-right: 150px;
	margin-left: 10px;
	padding-left: 30px;
	font-family : Helvetica, Verdana, Arial, Sans-Serif;
	letter-spacing : 1px;
	background: #FFFFFF url('http://www.hrah-pa.com/des_images/spring/paw_headline.gif') no-repeat;

}

h1 a {

	color: #703C2C;
	text-decoration: none;

}

h1 a:hover {

	text-decoration: underline;

}

h3 {
	text-align : right;
	width : auto;
	color : #A5A5A5;
	font-style : italic;
	font-size : 11px;
	padding : 0px;
	margin-right : 225px;
	line-height: 12px;
	background : transparent;
	font-weight : 500;
}



p {
	width: auto;
	margin-right: 225px;
	padding-left: 15px;
	color: #000000;
	font-size : 12px;
	font-weight: normal;
	font-family : Verdana, Arial, Helvetica, Sans-Serif;
}


a {
	color: #000000;
	background: transparent;
	text-decoration: underline;
}


p.center {
	text-align: center;
}



em {
	font-style : italic;
}

form {
	border: 0px;
	padding-left: 20px;

}

/* Attribute to facilitate same size images for pet of month */

img.petofmonth {	width: 250px;}

acronym {
	color: #000000;
	cursor: help;
	background: transparent;
	text-decoration: underline;
}

/* New Client Form Styles When Needed */

table.new_client {
	width: 500px;
	background: #FFFFFF;
	border: 0;
	cell-spacing: 5px;
	cell-padding: 0px;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

table.boarding_form {
	width: 550px;
	background: #FFFFFF;
	border: 0;
	cell-spacing: 5px;
	cell-padding: 0px;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

table.new_client_dark {
	width: 500px;
	background: #E7EAFD;
	border: 0;
	cell-spacing: 5px;
	cell-padding: 0px;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}


table.boarding_form_dark {
	width: 550px;
	background: #E7EAFD;
	border: 0;
	cell-spacing: 5px;
	cell-padding: 0px;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

table input:focus {
	color: #000000;
	background: #C4CBF2;
	border: 2px outset #293CAD;
}

table textarea:focus {
	color: #000000;
	background: #C4CBF2;
	border: 2px outset #293CAD;
}


li.new_client {
	margin-left: 25px;
}

#boarding_form ul{
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
li.boarding_verification {
	margin-left: 0px;
	padding: 0px;
	color: #1A1C7C;
	font-size : 12px;
}

td.new_client_light {
	background: #FFFFFF;
}

td.new_client_dark {
	background: #E7EAFD;
}

/* Admin Styles */
.admin {
	z-index:1000;
	font-size:90%;
	margin-left: 0px;
}


.admin table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em;
}

.admin ul {
	
	width: 175px;
	padding: 0px;
	margin: 0px;
	list-style-type:none;
	border-top: 1px solid #000000;
}

.admin li {

	height: 20px;
	position: relative;
	border-bottom: 1px solid #000000;
	
	

}

.admin li  a{
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#000000; 
	width:175px; 
	height:20px; 
	background: transparent;	
	line-height:20px;
}

#statistics_box {
	margin-left: 15px;
	width: 450px;
	height: 20px;
	border: 0px;
	background: transparent;
	color: #000000;
	font-size: 14px;

}

#percent_box {
	margin: 5px 0px 5px 0px;
	width: 400px;
	height: 15px;
	border: 1px solid #000000;
	background: #808080;

}

#percent_bar {
	height: 15px;
	background: #00DA1F;

}

#survey_response {
	width: 550px;
	padding: 5px 0px 5px 0px;
	margin: 15px 0px 15px 15px;
	background: #D5D5D5;
}

#survey_response p {
	width: auto;
	margin: 10px 0px 10px 0px;
	padding: 0px 15px 0px 15px;
}

blockquote.survey {
	padding-left: 15px;
	background: transparent;
}