/* Copyright 2008, Tone-Pearls Records */
/*CSS of Tonepearls.com*/

/*---------------------------------------
              GRID and IMAGES
  ---------------------------------------*/
/*The two main div with background images*/
body {
	margin:0;
	padding:0;
	background-image: url(imgs/masthead.jpg);
	background-repeat: repeat-x;
}
#container {
	width:100%;
	background-image: url(imgs/sidebody.gif);
	background-repeat: repeat-y;
}
/*Pageheader*/
#pageHeader {
	width:918px;
	height:269px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(imgs/header7.png);
}
#Lcorner {
	width:180px;
	height:272px;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	top: 149px;
	left: 7px;
}
#Lrss {
	width:180px;
	height:200px;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	top: 420px;
	left: 7px;
}
#Content {
	top: 281px;
	width: 420px;
	left: 190px;
	visibility: visible;
	z-index: 3;
	position: absolute;
}
#RightSide {
	margin-left:0;
	width:320px;
	position:absolute;
	left:621px;
	margin-left:0;
	top: 270px;
	background-position: left 360px;
	background-repeat: no-repeat;
	z-index: 2;
	height: 600px;
}
#LeftSide {
	position:absolute;
	top:455px;
	left:7px;
	float:left;
	height: 136px;
	width: 80px;
	background-image: url(imgs/goethe2.jpg);
}
#footer {
	text-align:center;
	background-color: #CCCCCC;
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 0;
}
#RightNav {
	position:absolute;
	width:150px;
	z-index:0;
	left: 0px;
	top: 42px;
}
#SearchPanel {
	width:155px;
	position:absolute;
	top:270px;
	left: 621px;
}
#LPImageBig {
	width:250px;
	position:relative;
	background-position: center;
	height: 260px;
	float: none;
	top: 10px;
	padding-left: 50px;
	bottom: 10px;
	padding-bottom: 10px;
}
/*---------------------------------------
              TYPOGRAPHY
  ---------------------------------------*/
body {
	color:#6C7A70;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
}
h1, h2, h3, h4, h5, h6, p, ol, dl, dt, dd {
	margin:0;
	padding:0;
	list-style-type:disc;
	list-style-position: outside;
}
ul {
	list-style-type:disc;
	list-style-position: inside;
	line-height: 1.5em;
	font-style: normal;
	text-align: left;
	text-indent: -15px;
}
h3 {
	overflow:hidden;
	visibility: hidden;
}
h3 span, #preamble p.p1 span {
	visibility:hidden;
}
p {
	line-height:1.5em;
	text-align:left;
}
a {
	text-decoration:underline;
	color:#728569;
}
a:hover {
	text-decoration:underline;
	color:#900;
}
a:visited {
	text-decoration:underline;
	color:#6C7A70;
}
#linkList2 div {
	margin-top:10px;
}
#linkList2 ul {
	margin-top:-110px;
	/*\*/margin-top:0;/**/
}
#linkList li {
	padding:10px 0;
	color:#909989;
	letter-spacing:1px;
}
#linkList2 h3 {
	height:10px;
	padding-top:10px;
}
#lselect {
	font-variant:normal;
	text-align:right;
}
#lselect a {
	display:block;
	text-align:left;
	font-family: Georgia, serif;
	font-size: 1.1em;
	font-style: normal;
	white-space: normal;
	line-height: 2;
}
#RightNavList {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	font-variant:small-caps;
	text-decoration:none;
	font-size:1em;
	font-size:1.0em;
	line-height: 1.5em;
	text-align: left;
}
#lselect a.c, #larchives, #lresources, #footer {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-variant:small-caps;
	text-decoration:none;
	font-size:0.8em;
	font-size:1.0em;
	position: absolute;
	height: 200px;
	width: 200px;
	left: 360px;
	top: 600px;
}
#larchives, #lresources, #footer {
	display:block;
	letter-spacing:0px;
}