body {
font-family: "Arial";
color: #003366;
padding: 0px;
}
.header {
background-image: url(leisure-header.jpg);
background-repeat: no-repeat;
top: 0px;
left: 0px;
width: 793px;
height: 200px;
position: absolute;
}
.header-special1{
background-image: url(leisure-header-special1.jpg);
background-repeat: no-repeat;
top: 0px;
left: 0px;
width: 793px;
height: 200px;
position: absolute;
}
.minus_size {
width: 19px;
height: 14px;
text-align: center;
top: 7px;
left: 763px;
position: absolute;
color: #304E75;
}
.plus_size {
width: 27px;
height: 17px;
text-align: left;
top: 5px;
left: 732px;
position: absolute;
color: #304E75;
}
.text_size_tx {
width: 87px;
height: 14px;
top: 6px;
left: 631px;
position: absolute;
color: #304E75;
text-align: center;
}
/* Body text templates */
.small {
font-family: "Arial";
color: #003366;
}
.medium {
font-family: "Arial";
color: #003366;
}
.large {
font-family: "Arial";
color: #003366;
}
.title {
font-family: "Arial";
color: #019CB1;
font-weight: bold;
}
.header1 {
font-family: "Arial";
font-weight: bold;
color: #019CB1;
}
.header2 {
font-family: "Arial";
font-weight: bold;
color: #003366;
}
.content {
}
.issue_no {
width: 83px;
height: 15px;
top: 10px;
left: 10px;
position: absolute;
color: #FFF;
text-align: left;
}
.lheadline_tx {
width: 650px;
height: 54px;
top: 85px;
left: 10px;
position: absolute;
color: #09204F;
text-align: left;
}
/* Stories */
.story1 {
width: 380px;
height: 255px;
top: 219px;
left: 16px;
position: absolute;
z-index: 20;
color: #09204F;
background-image: url(story-background.gif);
background-repeat: no-repeat;
}
.story1-details {
width: 265px;
height: 100px;
top: 390px;
left: 126px;
position: absolute;
z-index: 21;
}
.story2 {
width: 378px;
height: 255px;
top: 219px;
left: 396px;
position: absolute;
z-index: 20;
color: #09204F;
}
.story2-details {
width: 265px;
height: 100px;
top: 390px;
left: 504px;
position: absolute;
z-index: 21;
color: #09204F;
}
.story3 {
width: 380px;
height: 255px;
top: 489px;
left: 16px;
position: absolute;
z-index: 20;
color: #09204F;
}
.story3-details {
width: 265px;
height: 100px;
top: 660px;
left: 126px;
position: absolute;
z-index: 21;
color: #09204F;
}
.story4 {
width: 378px;
height: 255px;
top: 489px;
left: 396px;
color: #09204F;
position: absolute;
z-index: 20;
background-image: url(story-background.gif);
background-repeat: no-repeat;
}
.story4-details {
width: 265px;
height: 100px;
top: 660px;
left: 504px;
color: #09204F;
position: absolute;
z-index: 21;
}
.story5 {
width: 380px;
height: 255px;
top: 760px;
left: 16px;
position: absolute;
z-index: 20;
color: #09204F;
background-image: url(story-background.gif);
background-repeat: no-repeat;
}
.story5-details {
width: 265px;
height: 100px;
top: 930px;
left: 126px;
position: absolute;
z-index: 21;
color: #09204F;
}
.story6 {
width: 378px;
height: 255px;
top: 760px;
left: 396px;
color: #09204F;
position: absolute;
z-index: 20;
}
.story6-details{
width: 265px;
height: 100px;
top: 930px;
left: 504px;
color: #09204F;
position: absolute;
z-index: 21;
}
.adbox1{
width: 150px;
height: 385px;
top: 225px;
left: 38px;
background-color:#E1F1F6;
z-index: 20;
position: absolute;
font-size:30px;
text-align: center;
}
.adboxinbox1{
width: 140px;
height: 169px;
top: 434px;
left: 42px;
background-color:#FFF;
color:#39B2C3;
z-index: 21;
position: absolute;
text-align: center;
}
.story7 {
width: 532px;
height: 385px;
top: 225px;
left: 217px;
color: #09204F;
position: absolute;
background-image: url(big-story-background.gif);
background-repeat: no-repeat;
z-index: 20;
}
.story7-details{
width: 155px;
height: 100px;
top: 470px;
left: 410px;
color: #09204F;
position: absolute;
z-index: 21;
}
.price1{
width: 60px;
height: 40px;
top: 477px;
left: 620px;
position: absolute;
z-index: 22;
color:#FFF;
text-align: center;
}
.story8 {
width: 532px;
height: 385px;
top: 625px;
left: 43px;
color: #09204F;
position: absolute;
background-image: url(big-story-background.gif);
background-repeat: no-repeat;
z-index: 20;
}
.story8-details{
width: 155px;
height: 100px;
top: 870px;
left: 235px;
color: #09204F;
position: absolute;
z-index: 21;
}
.price2{
width: 60px;
height: 40px;
top: 875px;
left: 445px;
position: absolute;
z-index: 22;
color:#FFF;
text-align: center;
}
.story9 {
width: 705px;
height: 785px;
top: 225px;
left: 43px;
color: #09204F;
position: absolute;
background-image: url(one-story-background-special1.gif);
background-repeat: no-repeat;
z-index: 20;
}
.story9-details{
width: 155px;
height: 100px;
top: 870px;
left: 235px;
color: #09204F;
position: absolute;
z-index: 21;
}
.price9{
width: 60px;
height: 40px;
top: 875px;
left: 620px;
position: absolute;
z-index: 22;
color:#FFF;
text-align: center;
}
.adbox2{
width: 150px;
height: 385px;
top: 628px;
left: 601px;
background-color:#E1F1F6;
z-index: 20;
position: absolute;
font-size:30px;
text-align: center;
}
.adboxinbox2{
width: 140px;
height: 169px;
top: 837px;
left: 605px;
background-color:#FFF;
color:#39B2C3;
z-index: 21;
position: absolute;
text-align: center;
}
/* Footers */
.footer{
background-image: url(footer.gif);
background-repeat: no-repeat;
width: 793px;
height: 33px;
position: absolute;
left: 0px;
top: 1089px;
}
.footer-grey{
background-image: url(footer-grey.gif);
background-repeat: no-repeat;
width: 793px;
height: 33px;
position: absolute;
left: 0px;
top: 1089px;
}
.footer_nav{
width: 200px;
height: 15px;
position: absolute;
color: #09204F;
text-align: left;
font-size: 11px;
left: 20px;
top: 1100px;
}
.memberships{
width: 200px;
height: 23px;
top: 1100px;
left: 150px;
position: absolute;
}
.terms{
width:380px;
height:30px;
position: absolute;
text-align: left;
font-size: 8px;
left: 20px;
top: 1040px;
}
.wb-footer{
width:380px;
height:20px;
position: absolute;
text-align: left;
font-size: 10px;
left: 20px;
top: 1070px;
}
.contact-details{
width:350px;
height:20px;
position: absolute;
text-align: right;
font-size: 16px;
left: 435px;
top: 1050px;
}
.website_link{
width: 370px;
height: 39px;
position: absolute;
color: #09204F;
text-align: right;
font-size: 25px;
left: 418px;
top: 1093px;
}
/* Links */
a:link {
text-decoration: none;
color: #003366;
}
a:hover {
text-decoration: none;
color: #526283;
}
a:visited {
text-decoration: none;
color: #526283;
}