@charset "UTF-8";
/* CSS Document */

body{
background: #000000;
margin: 0px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; /*or any other font family you prefer*/
font-size: 12px;
}

#container {
position: relative;
width: 1000px;
margin: auto;
}

div.header{ /*This will be the holder which will hold our header image(i.e. header.jpg) */
position:auto;
/*width:1000px; /*Width of Image*/
/*height:175px; /*Height of Image*/
/*left:0px; /* This is applied relative to edge of container */
/*top:10px;*/
}

div.body{ /*This will be the holder which will hold our page body */
position:auto;
/*width:1000px; /*Width of Image*/
/*height:667px; /*Height of Image*/
/*left:0px; /* This is applied relative to edge of container */
/*top:195px;*/
font-famiy: "Lucida Grande", Arial, Helvetica;
font-size: 12px;
color: #CCC;
}

div.bar{ /*This will be the holder which will hold our Navigation Bar */
position:auto;
/*width:1000px; /*Width of Image*/
/*height:35px; /*Height of Image*/
/*left:0px; /* This is applied relative to edge of container */
/*top:865px;*/
z-index: 5; /*z-index is the ordering of the CSS Layers, the bigger the z-index, the higher the more on top it will be, I set a z-index of 5 so the navigation will remain on top at all time*/
line-height:30px;
font-size: 18px;
color:#663300;
}

div.footer{ /*This will be the holder which will hold our footer */
position:auto;
/*width:1000px; /*Width of Image*/
/*height:75px; /*Height of Image*/
/*left:0px; /* This is applied relative to edge of container */
/*top:900px;*/
}