/* Southern Lurcher Rescue site-wide CSS */


/* FORCE 1px SCROLLBAR ON SHORT PAGES */

html
	{
	height: 100%;
	margin-bottom: 1px;
	}


/* PAGE LAYOUT */

#frame 
	{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:left;
	}
	
#logotitle 
	{
	width:800px;
	height:181px;
	margin-top:20px;
	}

#navbar 
	{
	width:180px;
	float:left;
	}

#maincontent
	{
	width:380px;
	float:left;
	margin-left:20px;
	}

#maincontentsingle
	{
	width:590px;
	float:left;
	margin-left:20px;
	}

#dogpictures
	{
	width:200px;
	float:right;
	}

#footer
	{
	padding:5px;
	margin-top:20px;
	border-top:1px solid #999;
	text-align:center;
	}

#whitebox
	{
	padding:15px;
	border:1px dashed #cc0033;
	background:#fff;
	display:block;
	}
	
/* MAIN SECTION TEXT */

body 
	{
	background:#ffffcc;
	text-align:left;
	font-family:Georgia, Times, serif;
	font-weight:normal;
	font-size: 15px;
	line-height:125%;
	}
	
.bodycontent
	{
	font-size: 15px;
	color:#000000;
	line-height:150%;
	}

li
	{
	margin-bottom:1em;
	}
		
.header
	{
	font-color:#ffffcc;
	}
	
.header a:hover
	{
	background-color:#ffffcc;
	}

a:link, a:visited
	{
	color:#cc0033;
	text-decoration:underline;
	}

a:hover
	{
	color:#ffffcc;
	text-decoration:none;
	background-color:#cc0033;
	}
	
.quote
	{
	font-weight:bold;
	font-style:italic;
	color:#cc0033;
	margin-left:30px;
	}
	
.quoter
	{
	font-weight:normal;
	font-style:italic;
	color:#000;
	margin-left:50px;
	margin-right:20px;
	}


/* HEADER TEXT */

h1
	{
	font-size: 28px;
	font-weight:bold;
	color:#cc0033;
	line-height:30px;
	}

h2
	{
	font-size:18px;
	font-style:italic;
	color:#999966;
	font-weight:bold;
	}

h3
	{
	font-size:15px;
	color:#000;
	font-weight:bold;
	}

.dogname
	{
	font-size:20px;
	color:#999966;
	font-weight:bold;
	padding:10px;
	border:1px solid #999966;
	}



/* BODY HORIZONTAL RULE */

body hr
	{
	width:90%;
	background-color:#999;
	color:#999;
	height:1px;
	border:none;
	}



/* NAVBAR TEXT */

.navbar
	{
	font-size: 15px;
	font-weight:normal;
	color:#000000;
	}
	
.navbar a:link, .navbar a:visited
	{
	font-size: 14px;
	font-weight:normal;
	text-decoration:underline;
	color:#cc0033;
	padding-left:33px;
	margin-bottom:0px;
	display:block;
	line-height:35px;
	background: transparent url('./images/slrpaw.gif') no-repeat -1px -1px;
	}
	
.navbar a:hover
	{
	color:#ffffcc;
	text-decoration:none;
	background:#cc0033 url('./images/slrpaw.gif') no-repeat -1px -39px;
	}



/* MISC TEXT STYLES */

.copy
	{
	font-size: 11px;
	text-align:left;
	color:#000000;
	line-height:150%;
	}

.topiclink
	{
	font-size:13px;
	font-style:italic;
	color:#cc0033;
	}



/* IMAGE STYLES */

body a img
	{
	border:none;
	}
	
img.alignright
	{
	float:right;
	margin-left:10px;
	}

img.needinghomes
	{
	float:right;
	margin-left:10px;
	border:1px solid #999966;
	width:350px;
	}
	
img.happyendings
	{
	width:250px;
	margin-left:5px;
	border:1px solid #999966;
	vertical-align:top;
	}

img.dogpictures
	{
	width:200px;
	border:1px solid #999966;
	margin-top:15px;
	}

img.sponsor
	{
	float:right;
	width:150px;
	margin-left:10px;
	border:none;
	}

snowflakes
	{
	<!--Simply copy and paste into <BODY>  
	     Just above the </BODY> tag. -->
	
	<SCRIPT type="text/javascript">
	/*
	Snow Fall Java Script
	Visit http://rainbow.arch.scriptmania.com/scripts/
	  for this script and many more
	*/
	 
	//Pre-loads your image/s below
	//Configure below - change URL path to the snow image
	
	grphcs=new Array(5)
	Image0=new Image();
	Image0.src=grphcs[0]="snow1.gif";
	Image1=new Image();
	Image1.src=grphcs[1]="snow2.gif"
	Image2=new Image();
	Image2.src=grphcs[2]="snow3.gif"
	Image3=new Image();
	Image3.src=grphcs[3]="snow4.gif"
	Image4=new Image();
	Image4.src=grphcs[4]="snow5.gif"
	
	//Smoothness depends on image file size, 
	//the smaller the size the more you can use!
	
	// Configure below - change number of snow to render
	Amount=15; 
	
	Ypos=new Array();
	Xpos=new Array();
	Speed=new Array();
	Step=new Array();
	Cstep=new Array();
	ns=(document.layers)?1:0;
	ns6=(document.getElementById&&!document.all)?1:0;
	
	if (ns){
		for (i = 0; i < Amount; i++){
			var P=Math.floor(Math.random()*grphcs.length);
			rndPic=grphcs[P];
			document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
		}
	}
	else{
		document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
		for (i = 0; i < Amount; i++){
			var P=Math.floor(Math.random()*grphcs.length);
			rndPic=grphcs[P];
			document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
		}
		document.write('</div></div>');
	}
	WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
	WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
	for (i=0; i < Amount; i++){
		Ypos[i] = Math.round(Math.random()*WinHeight);
		Xpos[i] = Math.round(Math.random()*WinWidth);
		Speed[i]= Math.random()*5+3;
		Cstep[i]=0;
		Step[i]=Math.random()*0.1+0.05;
	}
	function fall(){
		var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
		var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
		var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
		var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
		for (i=0; i < Amount; i++){
			sy = Speed[i]*Math.sin(90*Math.PI/180);
			sx = Speed[i]*Math.cos(Cstep[i]);
			Ypos[i]+=sy;
			Xpos[i]+=sx;
			if (Ypos[i] > WinHeight){
				Ypos[i]=-60;
				Xpos[i]=Math.round(Math.random()*WinWidth);
				Speed[i]=Math.random()*5+3;
			}
			if (ns){
				document.layers['sn'+i].left=Xpos[i];
				document.layers['sn'+i].top=Ypos[i]+hscrll;
			}
			else if (ns6){
				document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
				document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
			}
			else{
				eval("document.all.si"+i).style.left=Xpos[i];
				eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
			}
			Cstep[i]+=Step[i];
		}
		setTimeout('fall()',115);
	}
	window.onload=fall
	//-->
	</SCRIPT>
	<p><font face="arial" size="-2">Free JavaScript from </font><br><font face="arial, helvetica" size="-2"><a href="http://rainbow.arch.scriptmania.com/scripts/">Rainbow Arch</a></font></p>
	}

