body { 
color: white; 
background: #bb6b63;
text-align: center; 
}

#container { 
background: black; 
width: 800px; 
\width: 820px; 
w\idth: 800px;
margin: 0 auto; 
text-align: left; 
border: solid 1px white; 
overflow: auto;
}

#left { 
background: black; 
width: 190px; 
\width: 210px; 
w\idth: 190px;
margin: 0; 
text-align: center; 
float: left; }

#right {
width: 610px;
margin: 0;
text-align: center;
background-color: white;
background-image: url(../media/paving1.jpg);
background-position: top center;
background-repeat: no-repeat;
float: right;
}

#right h1 {
margin-top: 55px;
}
 
#right p {
color: black; 
font-size: 12px ;
line-height: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}

.floatleft {
float: left;
margin: 0px 10px 10px 0px;
padding: 2px;
display: inline;
 }
 
p.profile {
clear: right;
margin-left: 120px;
}

.quals {
font-size: 10px;
}

h1 { 
color: #bb6b63; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px; 
line-height: 24px;
font-weight: bold; 
word-spacing: 4px; 
letter-spacing: 3px;  
text-align: center;
margin-top: 10px;
 } 

h2 { 
color: #bb6b63; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
line-height: 18px;
font-weight: bold;   
text-align: left;
padding-left: 20px;
}

h3 { 
color: #bb6b63; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 15px;
font-weight: bold;   
text-align: left;
padding-left: 20px;
margin-top: 0px;
}

p { 
color: black; 
font-size: 12px ;
line-height: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding-right: 20px;
text-align: left;
}

.credit {
color: white; 
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

p .red  {
color: #bb6b63;
}

.red { 
font-size: 12px; 
line-height: 24px; 
color: #bb6b63;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
}

.red a:link { 
color: #bb6b63; 
text-decoration: none;
}

.red a:visited { 
color: #bb6b63; 
text-decoration: none;
}

.red a:hover { 
background: #bb6b63;
color: white; 
text-decoration: none;
}

.red a:active { 
color: #bb6b63; 
text-decoration: none;
}

.numeral  {
color: #bb6b63;
}


/* Table on Recent Projects page */

table#projects {
width: 90%;
margin-left: 20px;
}

table#projects td {
width: 50%;
font: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 12px ;
line-height: 14px;
padding-bottom: 15px;
margin: 0;
vertical-align: top;}

td.title {
border-top: 1px solid #bb6b63;
}

table#projects p {
font: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 12px ;
line-height: 14px;
padding-bottom: 5px;
margin: 0px;
}

.recent {
padding-bottom: 5px;
text-align: left;
}

/* Table on Personnel page */

table#personnel {
width: 90%;
margin-left: 20px;
vertical-align: top;
}

table#personnel td {
font: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 12px ;
line-height: 14px;
padding-bottom: 10px;
margin: 0;
vertical-align: top;}

table#personnel h2 {
margin-top: 0px;
margin-bottom: 0px;
}

table#personnel img {
padding-bottom: 8px;
text-align: left;
}




/* Table on News page */

table#news {
width: 90%;
margin-left: 20px;
vertical-align: top;
}

table#news td {
font: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 12px ;
line-height: 24px;
margin: 0px;
padding: 0px;
vertical-align: top;
}

td.text {
padding-top: 20px;
margin: 0px;
}

td.photo {
padding-top: 20px;
margin: 0px;
}

td.fullwidth {
padding-top: 20px;
padding-left: 0px;
margin: 0px;
}

table#news h2 {
margin-bottom: 0px;
padding-left: 0px;
}

table#news img {
padding-bottom: 8px;
text-align: left;
}

table#news p {
color: black; 
font-size: 12px ;
line-height: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: left;
padding-bottom: 8px;
margin: 0px;
}


/* Table on Community page */

table#community {
width: 90%;
padding-left: 20px;
vertical-align: top;
}

table#community td {
font: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 12px ;
line-height: 24px;
margin: 0;
vertical-align: top;}

td.text {
padding-left: 20px;
}

td.photo {
padding-top: 20px;
}

table#community h2 {
margin-bottom: 0px;
padding-left: 0px;
}

table#community img {
padding-bottom: 8px;
text-align: left;
}

table#community p { 
color: black; 
font-size: 12px ;
line-height: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: left;
padding: 0px;
}

/* List on Work Areas page */
 
 #right ul { 
list-style-type: none;
 }

#right ul ul { 
list-style-type: disc;
 }
 
#right ul li {
color: black; 
font-size: 12px ;
line-height: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
padding-left: 20px;
padding-right: 20px;
}
 
 
 /* Navigation */

 #navcontainer {
 margin-top: 10px;
 padding: 0;
 text-align: center;
 height: 100%;
 }

 #navcontainer ul
 {
 border: 0;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 }

 #navcontainer ul li
 {
 display: block;
 float: left;
 text-align: center;
 padding: 0;
 margin: 0;
 }

 #navcontainer ul li a { 
 width: 190px; 
 height: 18px; 
 padding: 0; 
 margin-bottom: 10px; 
 color: white; 
 text-decoration: none; 
 display: block; 
 text-align: center; 
 font: bold 11px/13px Verdana, Arial, Helvetica, sans-serif; 
 }

 #navcontainer ul li a:hover
 { color: white; 
 font-weight: bold; 
 background: #bb6b63; 
 }

 #navcontainer a:active
 {
 background: rgb(187, 107, 99);
 color: #fff;
 }

 #navcontainer li a:active 
 {
 background: white;
 color: #bb6b63;
 }