<style="text/css"> 

.ignored
{
COLOR: #333333;
}

/* GENERAL STYLES */

HTML {
height: 100%;
margin-bottom: 1px;
}

BODY {
margin : 0px;
background-image: url("../images/bodyBg.gif");
text-align: center;
background-color: #D5D7C1;
}

FORM {
margin:0px;
padding:0px;
display: in-line;
}

FORM {
margin:0px;
padding:0px;
display: in-line;
}

A {
color: #86212E;
font-weight: normal;
}

A:hover {
color: #535639
text-decoration: underline;
}

TD {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #333333;
}

H2 {
color: #86212E;
font-weight: bold;
margin-bottom: 5px;
font-size: 13px;
}

UL {
margin: 0px 0px 3px 15px;
}

LI {
list-style-type: disc;
}

/* big containers, page structure */

#outerContainer
{
position: relative;
width: 777px;
background-color:white;
text-align: left;
margin-right:auto;
margin-left:auto;
background-image: url("../images/contentBg.gif");
background-position: bottom right;
background-repeat: no-repeat;
/*height gets adjusted by JS*/
height: 5000px;
}

#innerContainer
{
position: relative;
width: 777px;
margin-bottom: 40px;
}

#header
{
position: relative;
background-image: url("../images/headerBg.gif");
/*95 - 1px border*/
height: 94px;
width: 777px;
border-bottom: 1px solid #E0E2CD;
}
/*box model hack for noncompliant browsers*/
#header {
	\height: 95px;
	hei\ght: 94px;
 } 
 
#leftNav
{
position: absolute;
left: 0px;
top: 95px;
background-image: url("../images/leftNavBg.gif");
width:217px;
/*height gets adjusted by JS*/
height: 4876px;
}

 
#content{
	position: absolute;
	left: 237px;
	top: 103px;
	width: 520px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-bottom: 5px;
}

#footer
{
position: absolute;
left: 0px;
bottom: 0px;
/*40 - 16px padding -1px border*/
height: 23px;
/*777-20x2 padding*/
width: 737px;
background-image: url("../images/footerBg.gif");
background-color: white;
border-top: 1px solid #E0E2CD;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #A4A977;
padding: 16px 20px 0px 20px;
}
/*box model hack for noncompliant browsers*/
#footer {
    \width: 777px;
    w\idth: 737px;
	\height: 40px;
	hei\ght: 23px;
 } 
 
/* header */

#logo {
display: block;
width: 197px;
height: 42px;
position: absolute;
left: 20px;
top: 36px;
padding:0px;
margin:0px;
}

#utilityNav
{
position: absolute;
right: 20px;
top: 5px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #868A58;
width: 290px;
text-align: right;
}

#utilityNav a
{
color: #868A58 !important;
}

#utilityNav a:hover
{
color: #535639 !important;
}

#topNav {
	position: absolute;
	right: 20px;
	top: 77px;
	width: 290px;
	text-align: right;
}


 /*Left Navigation Links - Converted to CSS by Kali Olsen
(www.kaliolsen.com) - May 2008*/
#leftNavTop a
{
display: block;
font: 11px Arial, Helvetica, Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
text-align: right;
font-weight: bolder;
padding: 9px 35px 9px 0px;
color: #ffffff;
}

#leftNavTop a:hover {
color: #CDD3A3;
}

#leftNavTop a.current{
color: #86212E;
background: url(../images/current_marker.gif) center right no-repeat; }


/*left Nav*/

#leftNavTop
{
width: 217px;
/*494 - 15 padding*/
height: 479px;
background-image: url("../images/leftNavTopBg.gif");
padding-top: 15px;
}
/*box model hack for noncompliant browsers*/
#leftNavTop {
    \height: 494px;
    hei\ght: 479px;
 } 


#leftNavTop a
{
display: block;
}

/* home page */

#homeCol1{
	position: absolute;
	left: 0px;
	top: 343px;
	width: 217px;
}

#homeCol2{
	position: absolute;
	left: 217px;
	top: 343px;
	width: 196px;
}

#homeCol3{
	position: absolute;
	left: 413px;
	top: 343px;
	width: 197px;
	height: 623px;
}

#homeCol1Inner, #homeCol2Inner, #homeCol3Inner {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #333333;
border-right: 1px solid #E9EADB;
margin-top: 9px;
margin-bottom: 9px;
padding-right: 16px;
/*179 - 16 padding*/
width: 163px;
}
/*box model hack for noncompliant browsers*/
#homeCol1Inner, #homeCol2Inner, #homeCol3Inner 
{
    \width: 179px;
    w\idth: 163px;
 } 

 #homeCol2Inner, #homeCol3Inner {
 margin-left: 16px;
 }
 
 #homeCol1Inner {
 margin-left: 38px;
 }
 
/*Content Pages*/

.imgHeading {
display: block;
margin-top: 15px;
margin-bottom: 10px;
}

#content hr {
border: none 0; 
border-top: 1px solid  #E0E2CD;
height: 0px;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
} 


#topLink {
border-bottom: 1px solid  #E0E2CD;
}

.tableStaff IMG {
margin-top: 3px;
}

.tableStaff B {
display: block;
margin-bottom: 2px;

}

.tableStaff TD {
vertical-align: top;
}

.tableStaff A {
display: block;
margin-top: 5px;
}

.tableProject TD{
vertical-align: top;
}

.tableProject IMG {
margin-top: 3px;
}

.tableProject B {
display: block;
margin-bottom: 2px;
}


.divnewsheader{
padding-bottom: 5px;
}

.divPad5bottom{
padding-bottom: 5px;
}

.redText {
color: #86212E;
}
/* project viewer */
#projectViewer
{
position: relative;
width: 520px;
height: 210px;
margin-top: 8px;
}

#mainIMG {
position: absolute;
top: 0px;
left: 0px;
border: 1px solid  #E0E2CD;
}

#biegeBar {
position: absolute;
left: 13px;
top: 195px;
width: 283px;
height: 9px;
background-color: #E6E7D6;
font-size: 1px;
}

#caption
{
width: 520px;
padding-top: 8px;
padding-bottom: 8px;
border-top: 1px solid  #E0E2CD;
border-bottom:  1px solid  #E0E2CD;
}

#backArrow {
position: absolute;
left: 0px;
top: 195px;
cursor: pointer;
cursor: hand;
}

#forwardsArrow{
position: absolute;
left: 300px;
top: 195px;
cursor: pointer;
}

#thumbGrid {
position: absolute;
left: 312px;
top: 0px;
width: 220px;
font-size:2px;

}


#thumbGrid IMG {
border: 1px solid  #E0E2CD;
cursor: pointer;
cursor: hand;
margin: 0px 0px 8px 8px; 
}

#thumbGrid IMG:hover {
border: 1px solid #535639;
}

#thumbGrid IMG.selected {
border: 1px solid  #86212E;
}

#thumbGrid IMG.empty {
cursor: default !important;
}

/* forms */

.textBox {
border: 1px solid  #E0E2CD;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
padding: 3px;
}

.button {
border: 3px solid  #86212E;
background-color: #86212E;
font-weight: bold;
font-size: 10px;
color: white;
}

/* footer */