body {
font-size: 62.5%;
margin: 0;
padding: 0;
background: rgb(98%, 80%, 75%) url(./resources/container_bg.png);
}

h1, h2, h3, h4, h5, h6 {
font-family: georgia,"times new roman", times, serif;
}

p {
font-family: verdana,arial,sans-serif;
text-indent: 1em;
margin: 0em 0em 0em 0em;
}

#pageHeader {
background: rgb(97%, 84%, 42%) url(./resources/_strip.jpg) 0 0 repeat-x ;
margin: 0 0 0 -40px ;
padding: 0;
height: 250px;
}

#page_title {
font-size: 2.25em;
margin: 0em 0em 0em 0em;
padding: 10px 0 0 600px;
width: 30em;
}

#subtitle {
font-size: 1.5em;
padding: 0 0 0 340px;
width: 410px;
text-indent: 0;
}


#two_column_container {
position: absolute;
width: 770px;
margin: 0 0 0 200px ;
padding: 0 0 0 0px ;
/*background: url(./resources/container_bg.png);*/
/*border: 1px solid #000;*/
}

/*The divs that make up the center column have an explicit width that leaves room for the right
column and a position of "relative". They flow into the two column container aligned to its left
edge by default. The right column's position was set to "absolute" with explicit co-ordinates. 
The result is the other divs flow naturally between the left edge of the parent div and the 
right column div without the need of explicit co-ordinates but the do need the width set to avoid
running over the right column contants.*/

/* "_CC" indicates a div the contents of which make the center column */

#page_summary_CC {
/* background-color: white; */
position: relative ;
/*height: 10em; 130px;*/
margin: 0 0 10px 0;
width: 520px;
/*border: 1px solid #000;*/
}

#summary_h2 {
margin: 10px 0 0 0px;
font-size: 2em;
}

p.about {
font-size: 1.2em;
margin: .0em 0 .3em 0em;
}

/*The combination of float:left; and explicit width is what causes a two column effect
with the list items. If the width is set to 10em get four columns; 40em makes 1 column.*/

#page_navigation_CC {
width: 520px;
}

#page_navigation_CC h3 {
margin: 0 0 0 0;
font-size: 1.7em;
}

#page_navigation_CC ul {
padding: 0;
margin: 0 0 3em 0;
text-align: center;
list-style: none;
}

#page_navigation_CC ul li {
position: relative;
width: 520px;
margin: 0 0 .25em 0;
list-style: none;
font-size: 1.125em;
}

.list_pix {             /*img class*/
margin: 10px 0 0 0 ;
}

.pix_link {              /*not being used*/
text-decoration: none;
}

.pix_label {             /* the h4 that encloses label text*/
font-family: verdana,arial,sans-serif;
margin: 5px 0px 5px 0px;
}

#link_intro {
margin: 0 0 0 0;
}

#right_column {
/*background-color: white;*/
position: absolute;
right: 47px;
width: 160px;
margin: 0em 0em 0em 0em;
font-size: 1em;
/*border: 1px solid #000;*/
}

#right_column h2 {
margin: .5em 0 0 0;
}

#right_column h4 {
margin: 0 0 0 0;
}

#right_column p {
margin: 0 0 10px 0;
}

#left_column {                                      /*google ads*/
background: url(./resources/container_bg.png);
position: absolute ;
padding-right: 0px;
width: 160px;
height: 600px;
/*border: 1px solid #000;*/

}

#page_footer {
float: left;
position: relative;
width: 520px;
}

#page_footer h2 {
font-size: 2em;
margin: 2em 0 0 0;
}

#page_footer p {
font-size: 1.2em;
margin: 0 0 4em 0;
}