body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/page_bg.jpg);
	background-repeat: repeat-x;
	background-color: #efd289;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#3b89aa;
	}
	
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #357F9C;
	line-height: 12px;
	}	
	
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #357F9C;
	line-height: 18px;
	}	
	
	
h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#3b89aa;
	padding: 0px;
	margin: 0px;
	}	
	
#beagle{
	position: absolute;
	left: 532px;
	top: 462px;
	text-align:center;
	}	

#header {
	position: relative;
	z-index: 100;
	margin: 0 auto;
	margin-left: 25px;
	width: 800px;
}

#title-dots {
	border: none;
	background-image: url(images/dot.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
	width: 482px;
	vertical-align: bottom;
	}
	
#page {
	width: 800px;
	margin: auto;
}

#splash {
	position: absolute;
	top: -35px;
	left: 300px;
	z-index: 5;
}
#top {
	text-align: center;
	width: 800px;
	margin-left: 0px auto;
	margin-top: -70px;
}

* html #top {
}

#box {
	position: relative;
	float: left;
	width: 700px;
	z-index: 4;
	background-image: url(images/content_bg.gif);
	background-repeat: repeat-y;
	padding: 40px 20px 20px 20px;
	margin-left: 35px;
	display: block;
	border: 0px #FF0000 solid;
}

* html #box{
	height: 1%; /* So IE plays nice */
}

#content {
	position: relative;
	z-index: 6;
	float: left;
	width: 490px;
	margin: 0px;
	padding-left: 5px;
	padding-top: 15px;	
	font-size: 12px;
}

#frlinda{
	position: relative;
	text-align: left;
	width: 500px;
	}
		

#sidebar {
	background-image: url(images/sidebar_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #2c4d5c;
	margin: 0px 5px 0px 3px;
	padding: 9px;	
}

#bottomcont {
	position: relative;
	z-index: 6;
	float: left;
	width: 685px;
	margin: 0px;
	padding-left: 5px;
	font-size: 12px;
	top: 15px;
	}	
	

#rail {
	position: relative;
	z-index: 6;
	float: right;
	background-image: url(images/sidebar_rail.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin: 0px;
	padding: 0px;	
	width: 193px;
	font-size: 11px;
	color: #77bedc;
}

#bottom {
	position: relative;
	text-align: center;
	width: 800px;
	margin-left: 0px auto;
}

* html #bottom {
}

#sidebar p {
	margin: 0px;
	padding: 0px;	
}


#colored{
	background-color:#7EB5CC;
	padding: 5px 15px 5px 15px;
	color: #2A4B5A;
	}
	
/*/////////////////////////////////////// CALENDAR //////////////////////////////////////////////*/	

.col
	{
	width: 90px;
	}	
	
	
.rowh{
	height: 85px;
	vertical-align:text-top;
	}

#month{
	position: relative;
	left: 0px;
	text-align: center;
	width: 685px;
	}
	

#cal{
	position: relative;
	text-align: center;
	width: 685px;
	}
	
	
#days{
	position: absolute;
	z-index: 7;
	width: 685px;
	margin: 0px;
	padding-left: 5px;
	font-size: 10px;
	text-align:left;
	top: 52px;
	left: 0px;
	}	
		

#dates{
	position: relative;
	z-index: 5;
	text-align: left;
	width: 689px;
	margin: 0px;
	font-size: 10px;
	top: 95px;
	left: 85px;
	color: #0066CC;
	}
	
	

	
.day{
	background-color:#1B3C4B;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	}
	
#calbottomcont{	
	position: relative;
	top: 15px;
	width: 685px;
	}

	
#photoGallerySplash {
	height: 230px;
	width: 342px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
	background: url(images/view.jpg);
}		
#pg_text { position: absolute; top: 65px; left: 22px; width: 200px; } 

#pic1, #pic2, #pic3, #pic4 { position: absolute; border: 3px #fff solid; overflow:hidden; }
#pic1 img, #pic2 img, #pic3 img, #pic4 img { width: 140px; }

#pic1 { width: 93px; height: 67px; top: 120px; left : 0px; z-index:3 }
#pic2 { width: 105px; height: 80px; top: 133px; left : 85px; z-index:5 }
#pic3 { width: 132px; height: 100px; top: 122px; left : 191px; z-index:7 }
#pic4 { width: 120px; height: 75px; top: 50px; left : 216px; z-index:3 }