/* remove all default padding and margins */
* {
padding: 0 0 0 0;
margin: 0 0 0 0
}

/*set background color for body */
body {
background-color: #667163
}

#heading {
/* set width and height of heading division*/
width: 800px;
height: 120px;
/* center division */
margin-left: auto;
margin-right: auto;
/* set background color of division */
background-color: #4B553E
}



#links {
/* set width and height of links division*/
width: 800px;
height: 25px;
/* center division */
margin-left: auto;
margin-right: auto;
/* set background color of division */
background-color: #95A494
}

#main {
/* set width and height of main division*/
width: 800px;
height: 460px;
/* center division */
margin-left: auto;
margin-right: auto;
/* set background color of division */
background-color: #B7BEBC;
/* Initiate scroll bars if too much content is added */
overflow: auto
}

/* add one pixel border to each division  */
#heading, #links, #main {
border-top: solid #000000 1px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;
border-left: solid #000000 1px
}

/* set font properties of h1 tag in heading div */
#heading h1 {
/* at least 2 families - last should be generic */
font-family:arial, verdana, serif; 
font-size: 20pt;
text-align:center;
/* set color of h1 */
color:#c7c7c7;
/* add padding top right bottom left */
padding: 30px 0 0 0
}


/* set font properties for p tag and links in links div */
#links p {
font-family:arial, verdana , serif; 
font-size:11pt;
/* align links to left - change to center to center */
text-align:center;
/* add padding top right bottom left */
padding: 4px 0 0 10px
}

/* set color of links and remove underline */
#links a {
color: #800000;
background-color: transparent;
/* remove underline */
text-decoration: none
}

/* set hover or rollover color of links */
#links a:hover {
color: #ffffff;
}

/* set font properties for h1 tag in main div */
#main h1 {
/* when defining families specify at least 2. the last should be a generic */
font-family:arial, verdana, serif; 
font-size:16pt;
text-align:center;
/*set color for h1 tag */
color:#800000;
/* set padding top right bottom left */
padding: 5px 0 5px 0
}


#main h2 {
/* when defining families specify at least 2. the last should be a generic */
font-family:arial, verdana, serif; 
font-size:14pt;
text-align:left;
/* set color for h2 tag */
color:#000000;
padding: 5px 25px 5px 25px
}

/* set font properties for paragraph tag in main div */

#main p {
font-family:arial, verdana, serif; 
font-size:8pt;
text-align:left;
/* indent the paragraph */
text-indent: 1em;
/* set padding for paragraph top right bottom left */
padding: 5px 25px 0 25px

}

/* set font size of code tag */
#main code {
font-size: 10pt
}

/* add margin to images in main section to create space between it and text */
#main img {
margin: 4px 4px 4px 4px
}

/* add 1 pixel border to images in main div - experiment with colors for raised effect */
#main img {
border-top : solid #000000 1px;
border-right : solid #000000 1px;
border-bottom : solid #000000 1px;
border-left : solid #000000 1px;
}