/*  ********************************************* RESET *********************************************** */

html 				{ margin: 0; padding: 0; height: 100%; overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: auto; }
body 				{ margin: 0; padding: 0; float: left; width: 100%; }
div 				{ margin: 0; padding: 0; }
ul, ol 				{ list-style-position: outside; }
a 					{ text-decoration: none; }
a img 				{ border: none; }
.pane-list 			{ cursor: pointer; }
body .first 		{ border-left: none !important; }
body .last 			{ border-right: none !important; }
* a 				{ outline: none !important; }
small				{ font-size: 94%; }
/* COLUMNS */
.colset { float: left; clear: both; width: 100%; }
	.colset .coltwo { float: left; width: 45%; margin: 0; padding: 0 5% 0 0; }
	.colset .colthree { float: left; width: 28%; margin: 0; padding: 0 5% 0 0; }
/*  ********************************************* IE ALERT *********************************************** */
#ie6alert { clear: both; float: left; width: 100%; background: #000; line-height: 30px; font-size: 14px; padding: 45px 0; }
 #ie6alert p { width: 850px; padding: 0; text-align: center; margin: 0 auto; color: #FFF; }
#ie6alert a { font-weight: bold; text-decoration: none; padding: 3px; color: #FFF; }
#ie6alert a:hover { background-color: #182126; }

/*  ********************************************* BODY ELEMENTS *********************************************** */

body { font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; background: #EDF6EC; }

#krc-center { width: 990px; margin: 0 auto; box-shadow: 0px 0 5px #E7F1F5; background: #F3FBF3; box-shadow: 0px 0px 5px #CCC; position: relative; z-index: 4; display: block; }
#clearfix { clear: both; }

#SDVSOB { height: 120px; position: absolute; top: 110px; right: 20px; background: #FFF; border-radius: 40%; padding:8px; z-index: 10; box-shadow: 0px 3px 5px #444; }

#missiontop { margin: 0; padding: 0 0 4px; color: #333; }
#mission { margin-top:  0; font-style: italic; color: #003470; }

/*  ********************************************* HEADER *********************************************** */

#krc-banner { margin: 0 auto; width: 990px; overflow: hidden; height: 120px; padding: 10px 0; }
#krc-banner #logo { float: left; margin: 20px 0 0 40px; }
	#krc-banner #logo img { height: 80px; float: left; }
	#krc-banner #logo span { float: left; color: #003470; margin: 14px 16px 0; font-size: 28px; text-transform: uppercase; font-family: Tahoma, Helvetica, sans-serif; }

#krc-banner #address { float: right; margin: 28px 40px 0 0; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: right; color: #003470; }
	#krc-banner #address span { font-size: 14px; float: right; }
	#krc-banner #address span + span { font-size: 30px; clear: right; margin-top: 8px; }
	
/*  ********************************************* NAVIGATION *********************************************** */

#krc-backbar { width:100%; height:60px; position:absolute; top: 136px; left: 0; background: #BC344D; box-shadow: 0px 3px 5px #444; z-index: -1; }
	#krc-backbar .inner { float: left; width: 100%; height: 20px; margin: 20px 0 0; background: #EDF6EC; } 

#krc-topnav { float:left; width: 1010px; height: 60px; background: #BC344D; box-shadow: 0px 3px 5px #222; margin-left: -10px; text-transform: none; z-index: 3;  position: relative; }	
	
#krc-topnav ul { margin: 0 0 0; padding: 0; list-style: none; float: left; width: 100%; height: 60px; overflow: hidden; }

#krc-topnav li { float: left; padding: 0 0; margin: 0 0 0 6px; box-shadow: 3px 0px 3px #4A0E11; position: relative; z-index: 3; background: #BC344D; }
	#krc-topnav li.first { margin-left: 0; }
#krc-topnav a { float: left; height: 20px; font-size: 15px; line-height: 20px; padding: 20px 40px; color: #FFF; text-transform: uppercase; text-shadow: 1px 2px #444; }
	#krc-topnav a:hover { padding: 20px 0; }
		#krc-topnav a:hover:before { content: ''; float: left; width: 32px; height: 20px; margin: 0 8px 0 0; background: #EDF6EC; }
		#krc-topnav a:hover:after { content: ''; float: right; width: 32px; height: 20px; margin: 0 0 0 8px; background: #EDF6EC; }

#krc-topnav ul:before { content: ''; float: left; width: 40px; height: 20px; margin: 20px 0 0 0; background: #EDF6EC; }
#krc-topnav ul:after { content: ''; float: right; width: 420px; height: 20px; margin: 20px 0 0 0; background: #EDF6EC; position: absolute; z-index: 2; right: 0; }

/*  ********************************************* GRAPHIC *********************************************** */

#krc-graphic { float: right; overflow: hidden; background: #003470; margin: -20px 36px 60px 60px; z-index: 0; width: 304px; }	
	#krc-graphic img { float: right; padding: 2px; width: 300px; }	
 
/*  ********************************************* CONTENT *********************************************** */
 
#krc-content { width: 550px; float: left; clear: left; margin: 0 auto; padding: 20px 0 20px 40px; line-height: 1.8em; } 

h1, h2, h3, h4, h5 { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #003470; }
h2, h3, h4 { margin-top: 30px; padding-top: 0; }

#krc-content ul { margin: 0 20px 20px; padding: 0; list-style-type: circle; }

#krc-content a { color: #BC344D }
	#krc-content a:hover { color: #295A9F; text-decoration: underline; }

#krc-content a.action { float: left; clear: left; background: #0C2F67; padding: 5px 20px; box-shadow: 0px 3px 5px #444; color: #FFF; font-weight: bold; margin: 20px 0 20px; border-radius: 5px; border: 1px solid #5F89B5; }
	#krc-content a.action:hover { text-decoration: none; background: #BC344D; border-color: #E3577C; }
	#krc-content a.action + * { clear: left; }

/*  ********************************************* FOOTER *********************************************** */

#krc-footer { width: 100%; height: 80px; clear: both; float: left; background: #0C2F67; margin: -4px 0 0;  }

#krc-footer .stars { color: #FFF; font-size: 12px; margin: -84px 4px 0; position: relative; z-index: 2; float: left; line-height: 20px; letter-spacing: 12px; }
	#krc-footer .stars + .stars { float: right; text-align: right; }
	#krc-footer .stars span { float: left; width: 14px; }
	#krc-footer .stars + .stars span { float: right; }

#krc-footer .container { background: #0C2F67; height: 84px; overflow: hidden; width: 1010px; margin: 4px auto 8px; box-shadow: 0px 3px 5px #577A93; font-size: 12px; color: #FFF; position: relative; z-index: 4; }

#krc-footer #vetsinfo { float: right; width: 600px; }
	#krc-footer #vetsinfo img { float: right; height: 66px; margin: 4px 20px 0 0; background: #EDF6EC; padding: 4px; border-radius: 40%; }
	#krc-footer #vetsinfo p { float: right; color: #EDF6EC; width: 420px; font-size: 11px; text-align: right; margin: 10px 20px; }
	
#krc-footer ul { float: left; list-style: none; margin: 20px 40px 0; padding: 0; width: 300px; } 
	#krc-footer li { float: left; margin-right: 20px; } 
	#krc-footer a { color: #FFF; } 
		#krc-footer a:hover { text-decoration: underline; } 
#krc-footer p { float: left; clear: left; margin: 10px 40px 0; padding: 0; width: 300px; } 

/*  ********************************************* RESPONSIVE *********************************************** */

@media only screen and (max-device-width: 640px) {	

body { width: 640px; overflow: hidden; }

#SDVSOB { top: 20px; }

#krc-center { width: 640px; }
#krc-backbar { display: none !important; }

#krc-banner { height: 180px; }
	#krc-banner #logo span { font-size: 24px; }
#krc-banner #address { clear: left; float: left; text-align: left; margin: 20px 0 0 40px; }
	#krc-banner #address span { float: left; clear: both; font-size: large; } 
	#krc-banner #address span + span { float: left; clear: both; font-size: x-large; margin-top: 8px; } 

#krc-topnav { width: 640px; margin: 0; }
	#krc-topnav ul:before { width: 15px; }
	#krc-topnav ul:after { width: 15px; }

#krc-graphic { display: none; }

#krc-content { width: 560px; padding-bottom: 40px; }
#krc-content a.action { font-size: x-large; padding: 10px 40px; }

#krc-footer { width: 640px; height: 160px; }
	#krc-footer .container { width: 640px; height: 160px; }
	#krc-footer p, #krc-footer ul { float: right; clear: both; margin: 10px 50px 0 0; }
	#krc-footer #vetsinfo p { clear: none; }

}