body
{
	text-align: center;
	background-color: #9da59d;
	font-family: arial;
	font-size: 90%;
	height: 100%;
}
.expire1 {
	FONT-SIZE: 100%; color: red; FONT-WEIGHT: bold;
}
.expire0 {
	FONT-SIZE: 100%; color: black; FONT-WEIGHT: bold;
}

.daytime1 {
	FONT-SIZE: 15px; FONT-WEIGHT: bold;
}
.daytime2 {
	FONT-SIZE: 15px; FONT-WEIGHT: bold;
}
.daytime3 {
	FONT-SIZE: 15px; FONT-WEIGHT: normal;
}
.note {
	FONT-SIZE: 15px; FONT-WEIGHT: bold;
}
.donate {
	FONT-SIZE: 110%; FONT-WEIGHT: bold; color: green;
}

.paratitle {
	FONT-FAMILY: times; FONT-SIZE: 20px; FONT-WEIGHT: bold;
}
.font1 {
	 FONT-SIZE: 8px; FONT-WEIGHT: normal
}
.font2 {
	 FONT-SIZE: 10px; FONT-WEIGHT: normal
}
.font3 {
	FONT-SIZE: 11px; FONT-WEIGHT: normal
}
.font4 {
 	FONT-SIZE: 15px; FONT-WEIGHT: normal
}
.font5 {
	FONT-SIZE: 20px; FONT-WEIGHT: normal
}
.font6 {
	FONT-SIZE: 25px; FONT-WEIGHT: normal
}
.font7 {
	FONT-SIZE: 30px; FONT-WEIGHT: normal
}
.large {
	COLOR: #000099; FONT-FAMILY: verdana, arial, helvetica, sans-serif; FONT-SIZE: 45px; FONT-WEIGHT: normal
}
.nullink {
	COLOR: #0EB866;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}

a:link
{
	color: #8366ee;
	font-weight: bold;
	text-decoration: none;
}

a:visited
{
	color: #8366ee;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: #f78d2c;
}

img
{
	border: none;
	float: left;
	margin-right: 10px;
}

img.rightimg
{
	float: right;
	margin-left: 10px;
}

h1
{
	font-size: 180%;
}

h4
{
	clear: both;
	margin-bottom: 5px;
}

br
{
	clear:both;
}

table
{
	border: 1px solid #666666;
	border-spacing: 0px;
	border-collapse: collapse;
}

table th
{
	border: 2px solid #666666;
	padding: 5px;
	background: #CCCCCC;
}

table td
{
	border: 2px solid #FFFFFF;
	padding: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#maincontainer
{
	position:relative;
	background:#FFFFFF;
	text-align:left;
	top: 10px;
	width: 80%;
	min-width: 800px;
	height: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


/*dropshadow border*/
.topleft
{
	position: relative;
	height: 31px;
	max-width: 1200px;
	background: url("images/border-t-l.png") left no-repeat;
}

.topright
{
	position: relative;
	width: 30px;
	float: right;
	height: 31px;
	background: url("images/corner-t-r.png") right no-repeat;
}

.bottomleft
{
	clear: both;
	position: relative;
	height: 31px;
	max-width: 1200px;
	background: #9cabbe url("images/border-b-l.png") left bottom no-repeat;
}

.bottomright
{
	position: relative;
	width: 30px;
	float: right;
	height: 31px;
	background: url("images/corner-b-r.png") right 0px no-repeat;
}
.left
{
	width: 100%;
	background: url("images/border-l.png") -1px repeat-y;

}

.right
{
	background: url("images/border-r.png") right repeat-y;
	padding: 20px;
}
/*end dropshadow border*/

.urgentbanner
{
	height: 19px;
	width: 75px;
	padding-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
    background: url("images/urgentred2.gif") right no-repeat;
}
.bannertext
{
	font-family: garamond;
	font-size: 350%;
	text-align: center;
	font-weight : bold;
	font-style : normal;
}

.banner
{
	height: 150px;
	padding-top: 10px;
	margin-right: 2.5%;
    background: url("images/bannerlogo.jpg") right no-repeat;
}
.bannerdog
{
	height: 150px;
	padding-top: 10px;
	margin-right: 2.5%;
    background: url("images/bannerlogo_dog.jpg") right no-repeat;
}
.bannerkit
{
	height: 150px;
	padding-top: 10px;
	margin-right: 1.5%;
    background: url("images/tabbykit155b.jpg") right no-repeat;
}
.logo
{
	text-align: center;
	padding: 10px;
	color: #0071B9;
	width: 100%;
	height: 130px;
	margin-left : 2px;
	background: url("images/rrnclogo150.gif") left 2px no-repeat;
}

.logo2
{
	text-align: center;
	padding: 10px;
	color: #0071B9;
	width: 100%;
	height: 130px;
	margin-left : 10px;
	background: url("images/adopt150.jpg")  left -2px no-repeat;		
}

.logo2paw
{
	text-align: center;
	padding: 10px;
	color: #0071B9;
	width: 100%;
	height: 130px;
	background: url("images/paw.jpg")  left -2px no-repeat;		
}

.logo3
{
	text-align: center;
	padding: 20px;
	width: 100%;
	height: 150px;
	margin-left : 10px;
	background: url("images/logorw150s.jpg")  left -2px no-repeat;		
}

.logo2paw
{
	text-align: center;
	padding: 10px;
	width: 100%;
	height: 130px;
	background: url("images/paw.jpg")  left -2px no-repeat;		
}

.shelterlogo
{
	text-align: center;
	padding: 1px;
	margin-top: 12px;
	width: 75%;
	height: 200px;
	background: url("images/shelterlogo.jpg")  left -2px no-repeat;
}

.logoright img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}  

.logoright
{
	text-align: left;
	padding: 0px;
	height: 242px;
	background: url("images/shelterlogosmall.jpg")  right -2px no-repeat;		
} 

/*content container*/
.rightcontainer
{
	position:relative;
	font-family: arial;
	height: 104%;
	float: right;
	text-align:left;
	width: 74%;
	padding-top: 10px;
	margin-right: 2.5%;
	margin-bottom: 20px;
	background-position : center;
}

.rightcontainer a:link
{
	color: #68366ee;
}

.rightcontainer a:visited
{
	color: #8366ee;
}

.rightcontainer a:hover
{
	color: #f78d2c;
}


.rightcontainer p
{
	color: #333333;
}

.rightcontainer img.inline
{
	width: 150px;
	float: right;
	margin-left: 10px;
	margin-top: 12px;
}
/*end of content container*/

/*left menu*/
.leftcontainer
{	
	position: relative;
	font-family: helvetica;
	width: 21%;
	height: 100%;
	float: left;
}

.leftnav
{
	position: relative;
	font-family: sans-serif;
	width: 92%;
	height: 100%;
	margin-bottom: 10px;
	margin-top: 0px;
	border: 2px;
	border-color: #666666;
	border-style: solid;
	padding: 0px;
	left: 11.5%;
		
}
/*end of left menu*/


/*rounded header for left nav*/
.leftnavtop
{
	font-size: medium;
	text-align: center;
	position: relative;
	background: url("images/nav-l.png") left top no-repeat;
	font-family: sans-serif;
	width: 92%;
	height: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
	left: 11.5%;
	font-weight : bold;
}

.leftnavtopr
{
	position: absolute;
	left: 4px;
	float: right;
	width: 100%;
	height:25px;
	padding-top: 5px;
	background: url("images/nav-r.png") right top no-repeat;
}
/*end rounded header for left nav*/


.link
{
	width: 37%;
	float: left;
	border-top: dashed 1px #333333;
	margin-right: 30px;
	margin-bottom: 20px;
}
/*rounded header for dog previews*/
.dogheader
{
	font-size: large;
	position: relative;
	background: url("images/nav-l.png") left top no-repeat;
	font-family: sans-serif;
	width: 93%;
	height: 28px;
	margin-top: 20px;
	margin-bottom: 0px;	
}

.dogheader-r
{
	position: absolute;
	left: 14px;
	float: right;
	width: 100%;
	height:23px;
	padding-top: 5px;
	background: url("images/nav-r.png") right top no-repeat;
}

.dogheader-r a:link
{
	color: black;
}

.dogheader-r a:visited
{
	color: black;
}

.dogheader-r a:hover
{
	color: #FFFFFF;
}
/*rounded header for dog previews*/
.dogpreview
{
	height: 170px;
	width: 93%;
	padding: 5px;
	padding-top: 10px;
	border: 2px;
	margin-bottom: 10px;
	border-color: #666666;
	border-style: solid;
}

.dogpreview img
{
	position: relative;
	float: left;
	height: 170px;
	margin-right: 10px;
}

.instruction
{
	font-size: 80%;
}

.animal img
{
	float: none;
	margin: 0;
}

/*styling for forms*/
label
{
	position: relative;
	float: left;
	width: 7em;
	top: 5px;
}

input
{
	margin-top: 5px;
}

textarea
{
	margin-top: 5px;
}

fieldset
{
	border: none;
}
/*end styling for forms*/


/*left menu adverts*/
.advert
{
	width: 88%;
	border: 1px solid #666666;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 3px;
}
.advert60
{
	width: 60%;
	border: 1px solid #666666;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 3px;
}

/*left menu adverts*/
.advertnoborder
{
	width: 80%;
	border: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 11px;
	text-align : center;
}
.advertnoborder99
{
	width: 99%;
	border: 0;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	text-align : left;
}
.advertnoborder99right
{
	width: 99%;
	border: 0;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	text-align : left;
}
.advertnoborder60
{
	width: 60%;
	border: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 11px;
	text-align : center;
}
.advertnoborderaccu
{
	width: 69%;
	border: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 11px;
	text-align : center;
}

.advertnoborder2
{
	width: 90%;
	border: 0;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 0%;
	text-align : center;
}

.advert p
{
	margin-top: 2px;
	margin-bottom: 2px;
}

.advert img
{
	float: left;
}

.advertnoborder  img
{
	float: none;
	margin-right : 0%;
	margin-left : 0%;
}

.advertnoborder2  img
{
	float: none;
	margin-right : 3%;
	margin-left : 1%;
	margin-bottom : 0%;
}
.advertnoborder99  img
{
	float: left;
	margin-bottom : 10px;
	margin-right : 10px;
	margin-left : 0%;
	margin-bottom : 0px;
}
.advertnoborder99right  img
{
	float: right;
	margin-bottom : 10px;
	margin-right : 0px;
	margin-left : 10px;
	margin-bottom : 10px;
}
.logo2  img
{
	float: none;
	margin-right : 0%;
	margin-left : 0%;
}

.largelink {
	 FONT-FAMILY: verdana, arial, helvetica, sans-serif; font-size: 125%; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}

.smalllink {
	 FONT-FAMILY: verdana, arial, helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}

.large
{
	margin-left: 0px;
	font-size: 125%;
}

.small
{
	margin-left: 5px;
	font-size: 75%;
}

.smallred
{
	color: red;
	margin-left: 0px;
	font-size: 85%;
}
.largered
{
	color: red;
	margin-left: 0px;
	font-size: 125%;
	font-weight : bold;
}
.hold
{
	color: green;
	margin-left: 0px;
	font-size: 150%;
	font-weight : bold;
}
.urgent 
{
	background-color: red; 
	color: white; 
}
.nullink
{
	color: Purple;
	font-size: 100%;
	font-weight : bold;
}
.foneaid
{
	
	width: 50%;
	border: 1px solid #666666;
	padding: 5px;
	margin-bottom: 10px;
}

.foneaid img
{
	float: right;
}

.foneaid h4
{
	float:left;
}

.foneaid p
{
	clear: both;
}
/* end of left menu adverts*/

.disclaimer
{
	font-size: small;
	font-style: italic;
	clear: left;
	margin-right: 50px;
}
.footer
{
	clear: both;
	font-size: 80%;
	height: 70px;
	background: url("images/drsnpurp.gif") left no-repeat;
	text-align:center;
	margin-top: 5px;
	margin-bottom: -20px;
	font-family: sans-serif;
	bottom: 0px;
	border: 2px;
	border-color: #666666;
	border-top-style: solid;
	margin-right: 2.5%;
	margin-left: 2.5%;
}

.footer img
{
	float: none;
	margin: none;
}

	
#menu
{
	width: 95%;
	padding: -0;
	margin-left:auto; margin-right:auto;
	border-collapse: collapse;
}

#menu td
{
	border: 1px #555 solid;
	padding: 0;
	width: 16%;
}
	
#menu a
{
	height: 21px;
	font-weight: bold;
	text-align: center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
}
	
#menu a, #menu a:visited	/* menu at rest */
{
	color: black;
	background-color: #7864EC;
	text-decoration:none;
}
	
#menu a:hover	/* menu at mouse-over  */
{
	color: white;
	background-color: #f78d2c;
}

#menu a.thispage
{
	background-color: #f78d2c;
}
/*
 * PureDOMExplorer Demo styles 
 * written by Chris Heilmann 
 * More at http://onlinetools.org/tools/puredom/
 */
	
/*side nav rollup menu*/	
ul.pde a
{
	color: #000000;
}

ul.pde a:hover
{
	color: #f78d2c;
}

.pde a:visited
{
	color: #000000;
}

ul.pde,ul.pde li
{
	margin:0;
	padding:0;
	list-style:none;
}
ul.pde
{
	text-align:left;
	margin: 10px auto;
	width:80%;
}
ul.pde ul
{
	margin:0 0 0 1em;
	padding:0;
}
ul.pde li
{
	line-height:1.3em;
	padding:.2em 0;
	margin:0;
	padding-left:17px;
}

ul.pde li ul li 
{
	font-size: 90%;
	margin-left: 10px;
}
	
/* dynamically added to LIs with nested ULs */
ul.pde li.parent
{
	padding-left:0;
}
ul.pde li.parent img
{
	border:none;
	padding-right:5px;
}
/* dynamically added to LIs with nested ULs and STRONG elements in them */
	
ul.pde li.current
{
	background: url("images/pawopen.png") left 4px no-repeat;
	padding-left: 30px;
}

ul.pde li.current ul li
{
	margin-left: -20px
}

ul.pde li.current a
{
	color: #f78d2c;
}



ul.pde li.current li a
{
	color: #000000;
}

ul.pde li.current li a:hover
{
	color: #f78d2c;
}
/* The class to hide nested ULs */
.hide
{
   position:absolute;
   top:0;
   left:-4000px;
}

/* The class to show nested ULs */
.show
{
   position:static;
   display: table;
   top:0;
   left:1em;
}	

ul.pde li.moveright
{
	margin-left: 15px;
}

/*Google Maps Classes*/
#directions
{
	float: left;
	width: 30%;
	margin-left: 10px;
}

#map_canvas
{
	float: left;
	width: 60%;
	height: 400px;
}