/* center wrapper, min max width */
div#pagewrapper {
border: 1px solid black;
margin: 0 auto; /* this centers wrapper */
max-width: 900px; /* IE wont understand these, so we will use javascript magick */
min-width: 900px;
background-color: #fff;;
color: black;
}
/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
height: 230px; /* adjust according your image size */
background: #385C72;
}
div#header h1 a {
/* you can set your own image here */
text-align:center;
background: #385C72 url(images/cms/logo1.gif) no-repeat 0 12px;
display: block;
height: 230px; /* adjust according your image size */
text-indent: -999em; /* this hides the text */
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}