/* 100% high layouts attempt */
html, body {
height:99.5%
}
html > body div#allAreas {
height: auto;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 0;
margin: 0 auto 0px auto;
background-image: url(img/bg.jpg);
background-repeat: repeat-x;
background-position: top left;
padding-bottom:0px;
}
div#allAreas {
height:100.5%;
min-height:100.5%;
position: relative;
margin: 0 auto 0px auto;
width: 895px;
padding-bottom:0px;
}
div#headerArea {
position: relative;
height: 154px;
margin:0px 0px 0px 0px;
}
img#logo {
position: absolute;
height: 154px;
z-index: 20;
}
div#mainNavigationArea{
position:relative;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 895px;
height: 62px;
z-index:1;
overflow:visible;
}
/******************SEARCH AREA*****************/
div#headerTopAreaBorder{
position:relative;
margin:0px auto 0px auto;
left:0px;
height:62px;
}
/*
img#logo1 {
position: absolute;
height: 39px;
z-index: 1;
}
img#logo2 {
position: absolute;
TOP:39px;
height: 23px;
z-index: 1;
}
*/
div#navbg{
position: absolute;
margin:0px auto 0px auto;
left:0px;
height: 39px;
z-index: 2;
background-image: url(img/navbg.jpg);
background-repeat: no-repeat;
background-position: top;
width:895px;
}
div#belownav {
position: absolute;
TOP:39px;
height: 23px;
z-index: 2;
background-image: url(img/belownav.jpg);
background-repeat: no-repeat;
background-position: top;
width:895px;
}
/* --------------------- MAIN AREA START ------------------------ */
div#mainArea{
position:relative;
margin: 0px auto 0px auto;
border: 0px solid red;
top:0px;
_top:0px;
left:0px;
min-height:476px;
_height:476px;
background-color: #FFFFFF;
z-index:0;
_z-index:-100;
}
div#leftArea{
position:relative;
width: 638px;
padding-bottom:0px;
background-repeat:no-repeat;
margin: 0 auto 0px auto;
float: left;
bottom:0px;
background-color: #FFFFFF;
height:auto;
z-index:1;
}
div#contentArea {
position:relative;
bottom:0px;
width:620px;
padding-left: 48px;
padding-top:15px;
padding-bottom:30px;
_padding-bottom:85px;
background-image: url(img/contentbg.jpg);
background-repeat:no-repeat;
z-index:1;
overflow:inherit;
min-height:476px;
_height:476px;
}
div#contentArea a{
color:#293F90;
font-weight:bold;
}
div#contentArea a:visited{
color:#0165CF;
font-weight:bold;
}
div#contentArea a:hover{
color:#0165CF;
font-weight:bold;
}
div#rightArea{
position: relative;
top:0px;
background-color:#FFFFFF;
margin: 0 auto 0px auto;
width: 227px;
height:1128px;
_height:928px;
float:right;
background-image: url(img/pics.jpg);
background-repeat:no-repeat;
}
div#infoArea1{
position:relative;
margin:200px 0px 0px 10px;
height:181px;
width:auto;
background-image: url(img/ad_panel.jpg);
background-repeat:no-repeat;
z-index:100;
}
div#infoArea{
position:relative;
margin:-206px 0px 0px 0px;
height:928px;
width:inherit;
border:0px solid red;
background-image: url(img/rightcolumnbg.jpg);
background-repeat:no-repeat;
z-index:1;
}
/* usefull br style */
br.clearAll {
position: relative;
clear: both;
line-height: 1px;
height: 1px;
}
/* Hack IE Float bug. Hide from IE5-mac. Only IE-win sees this. \*/
* html div#leftArea {
margin-right: 0;
}
* html div#rightArea {
height: 1%;
margin-top: 0;
}
/* End hide from IE5/mac */
/* --------------------- FOOTER AREA START ------------------------ */
div#footerArea {
position:absolute;
height: 73px;
z-index:1;
bottom:0px;
margin:0px auto 0px auto;
background-image:url(Img/abovefooter.jpg);
background-repeat:no-repeat;
width:895px;
}
div#footerAreaCenter{
position:relative;
top:27px;
width: 895px;
height: 46px;
margin: 0px auto 0px auto;
background-image:url(Img/footerbg.jpg);
background-repeat:no-repeat;
}
div#footerArea ul {
position:absolute;
margin: 10px 0px 0px 150px;
list-style: none;
width:400px;
}
div#footerArea ul li {
position: relative;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
text-align: center;
padding-right:10px;
padding-left:10px;
border-right: 1px solid #9AD6FB;
}
div#footerArea ul li a {
position: relative;
text-decoration: none;
color:#333333;
}
p#copyright {
position: absolute;
margin: 11px 0px 0px 45px;
padding: 0;
color: #333333;
font-size:11px;
font-weight:bold;
}
div#poweredbyIsmart {
position:absolute;
font-family:Arial, Helvetica, sans-serif;
width:320px;
right:25px;
top:7px;
font-size:11px;
color: #000000;
border:0px solid red;
}
div#poweredbyIsmart a{
font-weight:bold;
font-size:11px;
color: #000000;
text-decoration:none;
}
/* --------------------- FOOTER AREA END ------------------------