/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	background-color: #d1deea;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
	text-decoration: underline;
}

a:visited{
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	text-decoration: underline;
}

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

.homebody{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	line-height: 1.5;
	margin: 0px;
	padding: 0 0 15 0;
}

.body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	margin: 0px;
	padding: 0 0 15 0;
}

.telno{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #336699;
	font-weight:bold;
	}

#links{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	line-height: 1.5;
	margin: 0px;
	position: absolute;
	top: 570px;
	z-index: 5;
	width: 497px;
	left: 230px;
	background-color: #D1DEEA;
}

#links2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	line-height: 1.5;
	margin: 0px;
	position: absolute;
	top: 646px;
	z-index: 5;
	width: 497px;
	left: 230px;
	background-color: #D1DEEA;
}


h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #336699;
	line-height: 2;	
	margin: 0px;
	padding-bottom: 5px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	line-height: 1.2;	
	margin: 0px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	line-height: 1.166;	
	margin: 0px;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #336699;	
	margin: 0px;
	padding-left: 10px;
	padding-bottom: 0;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	line-height: 1.166;	
	margin: 0px;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#masthead{
	width: 755px;
	height:75px;
	position: absolute;
	background-image:url(images/moon-monkey-title.gif);
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	border: 0;
	left: 40px;
	top: 17px;
}

#navBar1{
	width: 130px;
	height: 20px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 20px;
	top: 120px;
}
#navBar2{
	width: 130px;
	height: 20px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 20px;
	top: 140px;
}
#navBar3{
	width: 130px;
	height: 20px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 20px;
	top: 160px;
}
#navBar4{
	width: 130px;
	height: 20px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 20px;
	top: 180px;
}
#navBar5{
	width: 130px;
	height: 20px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 20px;
	top: 200px;
}

#navBar6{
	width: 130px;
	height: 20px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 20px;
	top: 220px;
}

#navBar7{
	width: 130px;
	height: 20px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 20px;
	top: 240px;
}

#subnavBar1{
	width: 130px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 179px;
	top: 120px;
}
#subnavBar2{
	width: 130px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 318px;
	top: 120px;
}
#subnavBar3{
	width: 130px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 457px;
	top: 120px;
}
#subnavBar4{
	width: 130px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 596px;
	top: 120px;
}
#subnavBar5{
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 735px;
	top: 120px;
}
#subnavBar6{
	width: 130px;
	float: left;
	position: absolute;
	margin: 100 0 0 0;
	padding: 0;
	border: 0;
	left: 159px;
	top: 220px;
}

#mainbox{
	position: absolute;
	width: 615px;
	left: 179px;
	top: 140px;
	background-image: url(images/monkey.gif);
	background-color: #e1ecf1;
	border: 1px solid #336699;
	height: 310px;
}

#mainbox2{
	position: absolute;
	width: 615px;
	left: 179px;
	top: 140px;
	background-color: #e1ecf1;
	border: 1px solid #336699;
	height: 400px;
	z-index: 1;

}

#mainbox3{
	position: absolute;
	width: 615px;
	left: 179px;
	top: 140px;
	background-color: #e1ecf1;
	border: 1px solid #336699;
	height: 388px;
	z-index: 1;
	background-image: url(images/monkey-faded.gif);

}

#mainboxbttm{
	position: absolute;
	width: 617px;
	left: 179px;
	top: 532px;
	background-color: #e1ecf1;
	height: 18px;
	z-index: 1;

}

#mainboxbttmhome{
	position: absolute;
	width: 617px;
	left: 179px;
	top: 481px;
	background-color: #e1ecf1;
	height: 18px;
}

#mainboxbttmblog{
	position: absolute;
	width: 617px;
	left: 179px;
	top: 608px;
	background-color: #e1ecf1;
	height: 18px;
	z-index: 1;

}

#blog{
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-color: #336699;
	left: 5px;
	top: 25px;
	padding: 0px;
	width: 455px;
	height: 66px;
	line-height: normal;






}

#maintext{
	position: absolute;
	width: 375px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-color: #336699;
	left: 26px;
	top: 26px;

}

#maintext2{
	position: absolute;
	width: 581px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-color: #336699;
	left: 16px;
	top: 26px;
	height: 458px;

}

#maintext3{
	position: absolute;
	width: 466px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-color: #336699;
	left: 16px;
	top: 26px;
}


#shortcuts{
	position: absolute;
	width: 464px;
	left: 179px;
	top: 454px;
	background-color: #e1ecf1;
	border: 1px solid #336699;
	z-index: 1;
	padding: 0px 0px 0px 0px;
	height: 150px;

}

#photos{
	position: absolute;
	width: 147px;
	left: 647px;
	top: 454px;
	background-color: #e1ecf1;
	border: 1px solid #336699;
	z-index: 1;
	padding: 0px 0px 0px 0px;
	height: 150px;

}

#newsflash{
	width: 137px;
	float: left;
	position: absolute;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	left: 40px;
	top: 262px;
	border: 0px;
	height: 250px;


}




/***********************************************/
/* thumbnails                                */
/***********************************************/

#contentlinks{
	position: absolute;
	width: 290px;
	left: 16px;
	top: 250px;
	height: 190px;
	padding: 0 0 0 0;
	z-index: 2;
}

#contentlinks2{
	position: absolute;
	width: 290px;
	left: 315px;
	top: 250px;
	height: 190px;
	padding: 0 0 0 0;
	z-index: 2;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block; color:#336699;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}