/* CSS file for The Village Playgroup html template */

body {
  background: #FFF;
  font: 12px Arial;
  padding-bottom: 80px;
  }

a {
  color: #F48A00; /*#FF6600; /*#306090;*/
}

a:hover {
  color: #F48A00; /* #FF6600; /*#F48A00;*/
}

p {
  text-indent: 10px;
  margin-top: 10px;
  margin-bottom: 10px;  
}

div#logo {
	position: absolute;
	top: 20px;
	left: 71px;
	height: 244px;
	width: 259px;
	/*background: #F48A00;
	color: #FFF;
	background-color: #F48A00;
	visibility: visible;*/
	background-image: url(img/Logo.jpg);
}

div#logo_motto {
	position: absolute;
	top: 263px;
	left: 71px;
	height: 30px;
	width: 259px;
	}

div#quot {
	position: absolute;
	top: 159px;
	left: 341px;
	height: 100px;
	width: 600px;
	/*background: #6498B8;*/
	color: #FFF;
	font: 40px Arial;
	background-color: #000099;
}
div#quottop {
	position: absolute;
	top: 35px;
	left: 341px;
	height: 124px;
	width: 600px;
	visibility: visible;
	background-color: ECE9D8;
	background-image: url(img/headart.jpg);
}

div#footart {
	position: absolute;
	left: 1px;
	height: 30px;
	width: 598px;
	background-color: ECE9D8;
	background-image: url(img/footer.jpg);
	top: 628px;
}

div#footBar {
	position: absolute;
	left: 0px;
	width: 600px;
	top: 664px;
	background-color: #EEE;
	height: 47px;
}
div#footBar_cur {
	position: absolute;
	left: 1px;
	width: 600px;
	top: 861px; /*641px;*/
	background-color: #EEE;
	height: 47px;
}
div#footart_cur {
	position: absolute;
	left: 1px;
	height: 30px;
	width: 600px;
	background-color: #EEE;
	background-image: url(img/footer.jpg);
	top: 830px;
}

div#footBar_sped {
	position: absolute;
	left: 0px;
	width: 600px;
	top: 2587px; /*641px;*/
	background-color: #EEE;
	height: 47px;
}
div#footart_sped {
	position: absolute;
	left: 0px;
	height: 30px;
	width: 600px;
	background-color: #EEE;
	background-image: url(img/footer.jpg);
	top: 2555px;
}
div#footBar_tes {
	position: absolute;
	left: 1px;
	width: 600px;
	top: 748px; /*641px;*/
	background-color: #EEE;
	height: 47px;
}
div#footart_tes {
	position: absolute;
	left: 0px;
	height: 30px;
	width: 600px;
	background-color: #EEE;
	background-image: url(img/footer.jpg);
	top: 710px;
}


div#menu {
	position: absolute;
	top: 263px;
	left: 341px;
	height: 25px;
	width: 600px;
	/*background: #6498B8;*/
	color: #FFF;
	vertical-align: middle;
	background-color: #FF6600;
}

div#menu a {
  margin-left: 20px;
  color: #FFF;
  text-decoration: none;
  font: bold 14px Arial; 
}

div#menu a:hover {
  color: #0000CC ;/*#F48A00; /*#FF6600; /*#F8B000;*/
}

div.margMenu {
  margin-top: 4px;
}

div#leftBar {
	position: absolute;
	top: 296px;
	left: 71px;
	width: 259px;
	background: #999;
	color: #DDD;
	background-color: #000099;
	height: 709px;
}
div#leftBar_cur {
	position: absolute;
	top: 293px;
	left: 80px;
	width: 255px;
	background: #999;
	color: #DDD;
	background-color: #000099;
	height: 770px;
}

div#leftBar_sped {
	position: absolute;
	top: 293px;
	left: 71px;
	width: 259px;
	background: #999;
	color: #DDD;
	background-color: #000099;
	height: 2635px;
}
div#leftBar a img {
  border-width: 5px;
  border-color: #306090;
  margin:2px;
}

div#leftBar a img:hover {
  border-color: #F48A00;
}

div#leftBar h2 {
  font: bold 14px Arial;
  color: #FFFFFF;/*#DDD;*/
  margin: 10px;
}

div#content {
	position: absolute;
	top: 295px;
	left: 341px;
	width: 540px;
	background: #EEE;
	color: #999;
	height: 673px;
}

div#content_tes {
	position: absolute;
	top: 293px;
	left: 341px;
	width: 540px; /*442px; original width of the content section*/
	background: #EEE;
	color: #000000; /* #999;*/
	height: 777px;
}
div#content_cur {
	position: absolute;
	top: 293px;
	left: 341px;
	width: 540px; /*442px; original width of the content section*/
	background: #EEE;
	color: #000000; /* #999;*/
	height: 800px;
}
div#content_sped {
	position: absolute;
	top: 298px;
	left: 333px;
	width: 540px; /*442px; original width of the content section*/
	background: #EEE;
	color: #000000; /* #999;*/
	height: 2600px;
}
/*----RIGHT BAR START--------*/
div#RightBar {
	position: absolute;
	left: 2px;
	top: 313px;
	width: 638px;
	height: 298px;
}

div#RightBar a img {
  border-width: 5px;
  border-color:  #306090;
  margin:2px;
}

div#RightBar a img:hover {
  border-color: #F48A00;
}


div#RightBar a img:hover {
  border-color: #F48A00;
}


/*----RIGT BAR END---------*/

div#content h1 {
  font: bold 28px Arial;
  color: #000000; /* #888;*/
  margin: 5px;
}

div#content h2 {
  font: bold 14px Arial;
  color: #000000; /* #999;*/
  margin: 10px;
}

div#content li {
  text-indent: 10px;
  list-style-image: url('item.gif');
}



div.marg {
  padding-top: 5px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

div.marg1 {
  padding-top: 7px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

/* end of file */