html,body,.outermost {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
body {
text-align: center; /* IE/Win bug fix */
font-family: Arial, Helvetica, sans-serif;
}
img {border:none}
#outer {
width:1000px;
height:600px;
z-index: 10;
}
/*
Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3
Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
position: relative;
margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x
don't appear to have this problem. We hide this from IE5/Mac, because it
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
display: table;
vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
width: 100%;
display: table-cell;
vertical-align: middle;
background:none;
}
/* end hide */
.valignmid3 {
position: relative;
background:url(../images/container.jpg) bottom no-repeat;
}
h1 {
font-size: 18px;;
margin: 1em; /* IE/Mac we set it later to 0 for other browsers */
padding: 0;
text-align: center;
}
/* hide from IE/Mac \*/
h1 {
margin: 0; text-align:left; marks:none;
}
p { text-align:left}
.header{height:111px; background:url(../images/h_bg.gif) right no-repeat #00CC00; text-align:left}
.copytext {color:#FFF; line-height:24px; font-size:14px; width:450px; text-align:left; float:left; margin:40px 0px 0px 40px; height:350px;}
.copytext2 {color:#FFF;line-height:24px; font-size:14px; width:450px; text-align:left; height:350px; z-index:10;
color:#FFFFFF; z-index:1; float:left; margin:40px 0px 0px -450px;
}
.pagination {color:#FFF; font-size:12px; width:450px; text-align:left;text-align:right; clear:both; float:left; }
.pagination a { color:#FFF; text-decoration:underline}
.pagination a:hover { color:#FFF; text-decoration:none}
/* end hide */