/* lao.css stylesheet for Baha'i Prayers in Lao */

/* defuse */
body, div, p, h1, h2, h3, h4, span, img, a {
border: 0;
margin: 0;
padding: 0;}

body {
background: url(bkgdpattern.gif) repeat top left;
text-align: center;}

#contenttop {
background: url(contenttopbkgd.gif) no-repeat top left;
height: 27px;
width: 704px;
margin-left: auto;
margin-right: auto;
margin-top: 75px;
text-align: left;}

.content {
background: url(contentbkgd.gif) repeat top left;
width: 704px;
margin-left: auto;
margin-right: auto;
text-align: left;
position: relative;}

/* footer */
#footer {background: url(contentbkgd.gif) repeat top left;
font: 75% Arial, sans-serif;
width: 704px;
padding: 20px 0;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;}
#footer a {color: #534E4D;}
#footer a:active, #footer a:hover {color: #000}

#contentbottom {
background: url(contentbottombkgd.gif) no-repeat top left;
height: 27px;
width: 704px;
margin-left: auto;
margin-right: auto;
margin-bottom: 75px;
text-align: left;}

/* navigation */
a#homelink span {display: none;}
a#homelink {
display: block;
width: 95px;
height: 83px;
background: url(home.jpg) no-repeat top left;
position: absolute;
top: 0px;
left: 300px;}
a#homelink:active, a#homelink:hover {
display: block;
width: 95px;
height: 83px;
background: url(homeover.jpg) no-repeat top left;
position: absolute;
top: 0px;
left: 300px;}

a#prevlink span {display: none;}
a#prevlink {
display: block;
width: 97px;
height: 79px;
background: url(back.jpg) no-repeat top left;
position: absolute;
top: 15px;
left: 390px;}
a#prevlink:active, a#prevlink:hover {
display: block;
width: 97px;
height: 79px;
background: url(backover.jpg) no-repeat top left;
position: absolute;
top: 15px;
left: 390px;}

a#nextlink span {display: none;}
a#nextlink {
display: block;
width: 98px;
height: 82px;
background: url(next.jpg) no-repeat top left;
position: absolute;
top: 5px;
left: 485px;}
a#nextlink:active, a#nextlink:hover {
display: block;
width: 98px;
height: 82px;
background: url(nextover.jpg) no-repeat top left;
position: absolute;
top: 5px;
left: 485px;}

a#contactlink span {display: none;}
a#contactlink {
display: block;
width: 89px;
height: 79px;
background: url(contact.jpg) no-repeat top left;
position: absolute;
top: 28px;
left: 578px;}
a#contactlink:active, a#contactlink:hover {
display: block;
width: 89px;
height: 79px;
background: url(contactover.jpg) no-repeat top left;
position: absolute;
top: 28px;
left: 578px;}

div.content img.mainimg {position: absolute; top: 100px; left: 60px;}

/* home page content */
#contenthome {height: 1220px;}
#content1link {position: absolute; top: 465px; left: 215px;}
#content2link {position: absolute; top: 525px; left: 135px;}
#content3link {position: absolute; top: 575px; left: 130px;}
#content4link {position: absolute; top: 635px; left: 235px;}
#content5link {position: absolute; top: 685px; left: 195px;}
#content6link {position: absolute; top: 740px; left: 220px;}
#content7link {position: absolute; top: 800px; left: 150px;}
#content8link {position: absolute; top: 860px; left: 210px;}
#content9link {position: absolute; top: 925px; left: 200px;}
#content10link {position: absolute; top: 980px; left: 195px;}
#content11link {position: absolute; top: 1040px; left: 188px;}
#content12link {position: absolute; top: 1105px; left: 205px;}

/* other pages */
#content1 {height: 850px;}
#content2 {height: 500px;}
#content3 {height: 650px;}
#content4 {height: 620px;}
#content5 {height: 520px;}
#content6 {height: 740px;}
#content7 {height: 720px;}
#content8 {height: 680px;}
#content9 {height: 520px;}
#content10 {height: 820px;}
#content11 {height: 1030px;}
#content12 {height: 900px;}