/*BASIC FRAMESET STYLES*/

body {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 0.63em;
    text-align: center;
    color: #555;
	background-color:#CCCCCC;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #de8c29;
	scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-face-color: #fff;
    scrollbar-highlight-color: #fff;
	background-image:url(../images/background.jpg);}
	
/*BODY HOLIDAY BACKGROUND REPLACEMENTS: 
VALENTINES: background-image:url(../holiday/images/background_vday.jpg); background-repeat:repeat-x;
HALLOWEEN: ----
THANKSGIVING: background-image:url(../holiday/images/background_thanksgiving.jpg);
CHRISTMAS: background-image:url(../holiday/images/snowflake.gif);
NEW YEARS: background-image:url(../holiday/images/background_newyears.jpg);
*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#wrapper {
    margin: auto;
    text-align: left;
    width: 920px;
    height: 700px;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
    position: relative;
	background-color:#FFFFFF;
	outline-color:#666;
	
}

/*BANNER HOLIDAY BACKGROUND REPLACEMENTS: 
VALENTINES: background-image:url(../holiday/images/banner_vday.jpg);
HALLOWEEN: background-image:url(../holiday/images/banner_halloween.jpg);
THANKSGIVING: background-image:url(../holiday/images/banner_thanksgiving.jpg);
CHRISTMAS: background-image:url(../holiday/images/banner_xmas.jpg);
NEW YEARS: background-image:url(../holiday/images/banner_newyears.jpg);
*/

#share {
	position:absolute;
	top:170px;
	left:810px;
	
	}
	
#chromemenu {
	position:absolute;
	top:138px;
	left:5px;
	
	}
	
#content {
	position:absolute;
	top:170px;
	width:900px;
	padding:10px;
	
	}
	
#contentScroll {
	position:absolute;
	top:168px;
	width:900px;
	height:480px;
	padding:10px;
	overflow:auto;
	
	
	}
	
#copyright {
	 text-align:center;
    position:absolute;
	top: 680px;
	width:920px;
    left: 0px;
	border-top:1px solid #de8c29;
}

.scroll {
    overflow: auto;
	height:450px;
    }


#scrollCont {
    overflow: auto;
    margin: 5px;
    height: 480px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*HOMEPAGE STYLES*/

#hpways {background:#666666; 
		color:#ffffff;
		padding:5px;
		margin:10px 0;
		}
#hpways a {color:#ffffff;}
#hpways ul {list-style-image:url('../images/arrow2.gif'); text-align:left;} 

#hpsocial { 
		background-image:url(../images/social.jpg);
		background-repeat:no-repeat;
		padding:5px;
		margin:10px 10px 10px 5px;
		height:70px;
		
		}

#hpwelcome {
		border:1px solid #cccccc;
		background-image:url(../images/welcome.jpg);
		background-repeat:no-repeat;
		margin-top:20px;
		}
#hpwelcome ul { list-style-type:none; margin-left: 0; padding-left: 1.5em;}

#NLform {
	
	border:1px solid #cccccc;
	padding:10px;
	width:280px;
	margin-top:8px;
	

}

#promo {
	position: relative;
	top: 200px;
	width:440px;
	height: 200px;
	float:left;
	margin:0px 10px 10px 5px;
	border:1px solid #ccc;
	display:inline;
	
	}
	
#donate {
	position: relative;
	top: 200px;
	/*left: 460px;*/
	width:205px;
	height: 190px;
	float:left;
	margin: 0px 5px 10px 0px;
	border:1px solid #ccc;
	padding:5px;
	display:inline;
		}
		
/*DONATE HOLIDAY BACKGROUND REPLACEMENTS: 
VALENTINES: background-image:url(../holiday/images/donate_vday.gif); background-repeat:no-repeat; background-position:bottom;
HALLOWEEN: background-image:url(../holiday/images/donate_halloween.jpg); background-repeat:no-repeat; background-position:bottom left;
THANKSGIVING: background-image:url(../holiday/images/donate_thanksgiving.gif); background-repeat:no-repeat; background-position:bottom left;
CHRISTMAS: background-image:url(../holiday/images/donate_xmas.jpg); background-repeat:no-repeat; background-position:bottom;
NEW YEARS: background-image:url(../holiday/images/donate_newyears.jpg); background-repeat:no-repeat; background-position:bottom;
*/
	
#news {
	position: relative;
	top: 200px;
	/*left: 685px;*/
	width:205px;
	height: 190px;
	float:left;
	margin: 0px 5px 10px 5px;
	border:1px solid #ccc;
	padding:5px;
	display:inline;
			}
			
/*NEWS HOLIDAY BACKGROUND REPLACEMENTS: 
VALENTINES: background-image:url(../holiday/images/news_vday.jpg); background-repeat:no-repeat; background-position:top right;
HALLOWEEN: background-image:url(../holiday/images/news_halloween.jpg); background-repeat:no-repeat; background-position:top;
THANKSGIVING: background-image:url(../holiday/images/news_thanksgiving.jpg); background-repeat:no-repeat; background-position:bottom;
CHRISTMAS: background-image:url(../holiday/images/news_xmas.jpg); background-repeat:no-repeat; background-position:bottom;
NEW YEARS: background-image:url(../holiday/images/news_newyears.jpg); background-repeat:no-repeat; background-position:top;
*/	

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*COMMONLY USED*/

h1, h2, div {
	padding: 0;
    margin: 0;
    line-height: 1.2;
}

h1 {
	font-size:22px;
	color:#de8c29;
	font-style:italic;
}

h2 {
		font-size:18px;
		color: #B2B2B2;
		}
		


p {
  margin: 0.8em 0;
}

img {
    border: 0;
}

.floatR {
	float:right;
	margin-left:10px;}
	
.floatL {
	float:left;
	margin-right:10px;}


.input {border: 1px solid #ccc;}

a {
    color: #de8c29;
	text-decoration:none;
    font-weight: bold;
}

a:hover {
        font-weight: bold;
		text-decoration:underline;
}


	
.dotR {
	border-right:1px dotted #ccc;
	padding: 0px 3px 0px 3px;
	}
	
	
.pullquoteR {
			float:right;
			width:180px;
			margin:20px;
			padding-bottom:10px;
			font-family:Verdana, Helvetica, Georgia;
			font-size: 20px;
			line-height:20px; 
			color:#de8c29; 
			text-align: right;
}


.pullquoteB {
			
			padding-bottom:10px;
			font-family:Verdana, Helvetica, Georgia;
			font-size: 16px;
			line-height:20px; 
			color:#999999; 
			text-align: center;
}






/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	
/*PAGE SPECIFICS*/
#rainbow {
		width:900px;
		height:460px;
	background-image:url(../images/rainbow.jpg); background-repeat:no-repeat;
		}
		
#rainbow a {
    color: #ffffff;
	text-decoration:none;
    font-weight: bold;
}

#rainbow a:hover {
        font-weight: bold;
		text-decoration:underline;
}

#rainbowQuote {
	position: relative;
	top:300px;
	color:#E7BA47;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-family:serif;
	text-align:center;
}

.dogs {
	width:900px; 
	height:430px; 
	overflow:auto;
	}
	
/*testimonials*/
.testL {border:1px dotted #cccccc; padding:5px; margin:10px 0; height:150px;}	
.testL img {float:left; padding-right:10px;}
.testR {border:1px dotted #cccccc; padding:5px; height:150px;}
.testR img {float:right; padding-left:10px;}

/*rescue stories*/
.rsBox {text-align:center; width:200px; padding:5px; float:left; margin:0 5px 5px 5px; border:1px solid #cccccc;}
.rsBox p {text-align:left;}
.rsBox img {width:200px; height:210px;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* FORMS */
.error {
        font-size:8pt;
        color:#FF0000;
		display:none;
}

.required {
        color:#ff0000;
}

#contactform {
		width:380px;
		padding:5px 5px;
		background-color: #fff;
		border:1px solid #ccc;
		text-align:center;	
		float:left;
		}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	
/*ARE THESE STILL USED?*/
#avail {
	position: relative;
	top:200px;
	width:920px;
	float:left;
	display:inline;
			}
			

.adoptme {
    text-align: right;
}


/* available dog section CSS 



.vcard {
		width:277px; 
		height:150px; 
		border:1px solid #ccc; 
		margin: 0px 10px 5px 0px; 
		float:left;
		}


.button {
		padding:0px; 
		width:200px; 
		text-align:center; 
		float:left;
		margin-right:5px;
		}
.button a {
		display:block;
		background-color:#fff; 
		color:#e7ad63; 
		text-decoration:none;
		border:1px outset #ccc;
		border-bottom-color:#fff;
		border-top-color:#fff;
		padding:0px;
		}
.button a:hover{
		background-color:#e7ad63;
		border:1px #ccc solid;color:#fff; 
		text-decoration:none; 
		border-bottom-color:#ccc;
		border-right-color:#ccc;}
		

.vcardR {
		width:277px; 
		height:150px; 
		border:1px solid #ccc; 
		margin: 0px 0px 5px 10px;
		text-align:right; 
		float:left;
		}

.buttonR {
		padding:0px; 
		width:70px; 
		text-align:center; 
		float:right;
		margin-right:5px;
		}
.buttonR a {
		display:block;
		background-color:#fff; 
		color:#e7ad63; 
		text-decoration:none;
		border:1px outset #ccc;
		border-bottom-color:#fff;
		border-top-color:#fff;
		padding:0px;
		}
.buttonR a:hover{
		background-color:#e7ad63;
		border:1px #ccc solid;color:#fff; 
		text-decoration:none; 
		border-bottom-color:#ccc;
		border-right-color:#ccc;}
		
.amp {
	width:50px; 
	height:150px; 
	float:left; 
	font-size:70px; 
	color:#CCCCCC;
	}
		
 */