/* CSS created by Christina Bernales. (w00bbie@gmail.com)  
Feel free to use and abuse this CSS but do not remove this, 
thank you =) */

body {

/* Edits background body of page */

background: #fff; /* Sets background color for page */
margin: 0px; 
color: #000; /* Sets default font color */
font: arial, sans-serif; /* Sets default font type */
text-align: center;
}

#container {

/* Edits container layer */

margin: 0 auto; /* Centers container on page*/
border: 1px solid #000; 
width: 760px; 
margin-bottom: 5px;
padding: 0px;
background: #fff; /* Sets container layer background color */
text-align: left; /* Centers Container in IE */
}

#header {

/* Edits header */

/* Background color for header layer */
background: url(images_practice/header_back.png) no-repeat;
height: 122px

}

#header h1 {

display: none; /* Set to "Display: none;" Makes the h1 text on the header invisible */

}

#content {

/* Edits layer where the content or text is */

background: #fff url(images_practice/content_back.png) no-repeat top center; 
min-height: 500px; /* Sets a minimum height for your content*/
margin-left: 190px; 
padding-top: 6px;
}

#content p {

/* Edits text in content layer */

color: #000;
font-family: arial;
font-size: 10pt;
padding: 5px;
text-align: justify;
margin-top: 0px;

}

#navcontainer {

/* Edits the container with links */
/* Note this is just a small section at the top of the left sidebar. 
it is not the whole sidebar */

float: left;
width: 180px;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
text-align: center;

}

#navcontainer h1 {

/* Edits title in menu ("Navigation") */

color: #DEDEDE;
font-family: arial;
text-transform: uppercase;
display: block;
font-size: 10pt;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background: #6B6B6B;
margin-left: 10px;
margin-bottom: 0px;

}

#navcontainer ul {

/* Edits section where links appear */

padding: 0 0 0 0;
list-style-type: none; /* removes bullets next to links */
font-size: 12pt;
font-family: arial;
margin: 0px;
height: 15px;

}

#navcontainer a {

/* Edits links in navcontainer */

display: block; /* makes links appear like a rectangle without the need of an image
Firefox only */
background: #C4C4C4 url(images_practice/navback_off.png) no-repeat;
font-family: arial;
height: 40px;
color: #0055e5;
margin-left: 10px;
padding-top: 11px;
text-decoration: none;

}

#navcontainer a:hover {

/* Edits link hover in navcontainer */

display: block; /* makes links appear like a rectangle without the need of an image
Firefox only */
background: #ededed url(images_practice/navback_on.png) no-repeat;
color: #0055e5;
font-family: arial;
text-decoration: none;

}


#footer {

/* Edits footer */

background: #9D9D9D url('images_practice/footer_back.png') repeat-x;
text-align: right;
border-top: 1px solid #707070;
font-family: arial;
font-size: 8pt;
padding: 5px;
height: 31px;
}
#footer p{
background: url('images_practice/footertext_back.png') no-repeat;
height: 25px;
width: 30%;
border: 1px solid #000;

}