/* Week 4 Stylesheet for XHTML Class */


body {
font-family: Arial, "Sans-Serif";
background-color: #000000;
margin-top: 10px;
}
/* Note - margin-top (which creates the space from top of browser view window to the start of my box) views different in IE than it does Firefox and is also hard to match the transitional document that I created.  I came up with a happy medium :) */

/* start mainwrapper div */
#mainwrapper {
background-color: #ffffff;
width: 900px;
height: 690px;
margin: 0 auto 0 auto;
}

/* Second level of the mainwrapper  */
.header {
width: 900px;
height: 150px;
}

/* mainbody under the header content */
.bodycontent {
position: relative;
width: 900px;
height: 509px;
margin: 0;
}

.leftbody {
width: 179px;
height: 509px;
float: left;
}

.navigation {
font-size: 13px;
margin: 2px auto auto 2px;
}

.middlebody {
width: 421px;
height: 509px;
margin: 0 auto auto auto;
float: left;
}

.middletextheading {
font-weight: bold;
font-size: 16px;
}

.mainbodytext {
font-weight: normal;
font-size: 10px;
text-align: justify;
margin-top: 10px;
}

.rightbody {
width: 300px;
height: 509px;
margin: 0 0 auto auto;
float: right;
}

.rightbodyimg {
width: 221px;
height: 183px;
margin: 165px 0 auto auto;
}

/* footer content */
.footer {
width: 900px;
height: 31px;
}

.xhtmlvalid {
width: 88px;
height: 31px;
margin: 0 auto 0 auto;
}