/* 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: 17px;
left: 71px;
height: 238px;
width: 259px;
/*background: #F48A00;
color: #FFF;
background-color: #F48A00;
visibility: visible;*/
background-image: url(img/Logo.jpg);
}
div#logo_motto {
position: absolute;
top: 255px;
left: 72px;
height: 38px;
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: 0px;
width: 612px;
top: 686px; /*641px;*/
background-color: #EEE;
height: 41px;
}
div#footart_tes {
position: absolute;
left: 1px;
height: 30px;
width: 611px;
background-color: #EEE;
background-image: url(img/footer.jpg);
top: 658px;
}
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: 537px; /*442px; original width of the content section*/
background: #EEE;
color: #000000; /* #999;*/
height: 682px;
}
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 */