body {
background-color: #FAF7EC; 
margin: 30px;
}

p { color: #1B1D34;
font-size: 12px; 
font-family: verdana;
}

h1 {color: #175F4E;
}

a:link { color: #8c759e; 
text-decoration: none;
}
a:visited { color: #759e8c; 
text-decoration: none;
}
a:hover { color: #FF0000; 
text-decoration: underline;
}
a:active { color:#000000; 
}

#box {
text-align: left;
margin-top: 15px;
margin-right: 10px;
margin-bottom: 70px;
margin-left: 10px;
width: 80%;
padding: 5px 20px 20px 20px;
background-color: #ffffff;
border: 1px dashed #1B1D34;
font-family: Verdana,Arial,Helvetica, sans-serif;
font-size: 12px;
color: #175F4E;
line-height: 18px;
}

/*main section*/
#container { /*Your ID selector*/
text-align: center;
margin-top: 15px; /*Distance between the bottom of the navbar and top of container*/
margin-right: 10px; /*Distance between the right side of the page and right side of container*/
margin-bottom: 10px; /*Distance between the bottom of the container and bottom of page.*/
margin-left: 10px; /*Distance between the left side of container and right side of vertical menu*/
width: 100%; /*Actual width of container*/
padding: 5px 20px 20px 20px; /*Padding for top, right, bottom and left sides (in that order) of container*/
background-color: #E4DAD0;
background: url(images/s.jpg) no-repeat bottom right; /*This positions the image to the top left of the container without repeating*/
border: 0px dashed #969e75;; /*Defines a border around container for learning purposes only*/
font-family: Verdana,Arial,Helvetica, sans-serif; /*Defines the font used in the container area*/
font-size: 12px; /*Self-explanatory*/
color: #175F4E; /*Font color*/
line-height: 18px; /*Amount of spacing between lines of text*/
}

#container img {
padding:5px;
text-align: center;
}

/*horizontal navigation bar*/
#navbar ul
{
background-color: #E2DDD6;
margin: 0px;
padding: 5px;
list-style-type: none;
text-align: center;
border: 1px dashed #969e75;
}

#navbar ul li { display: inline; }

#navbar ul li a
{
text-decoration: none;
font-family: georgia; 
font-weight: bold;
padding: 5px;
color: #969e75;
background-color: #E2DDD6;
}

#navbar ul li a:hover
{
color: #969e75;
background-color: #E2DDD6;
}
/*horizontal navigation bar ends here*/

/*footer*/
#footer { /*Your selector*/
height: 25px; /*Height of footer*/
width: 100%;
background-color: #175F4E; /*Self-explanatory*/
color: #333333; /*Font color*/
border: 1px dashed #3A448C; /*Self-explanatory*/
margin-top: 50px; /*Space between bottom of body content and top of footer*/
text-align: center; /*Self-explanatory*/
padding-top: 5px; /*Padding between top of footer and top of text*/
padding-bottom: 5px; /*Padding between bottom of footer and bottom of text*/
font-weight: bold; /*As opposed to "normal". Your text will be bold.*/
word-spacing: 8px; /*Puts a nice,even space between your words.*/
}

#footer a:link, #footer a:visited { /*Your selectors for link and visited states*/
color: #E4DAD0; /*Self-explanatory*/
cursor: pointer; /*Defines the type of cursor used on the links*/
}

#footer a:hover { /*You guessed it. The selector for the hover state*/
}
/*footer navigation bar ends here*/