/* CSS Document */

body{
	background-color: #56595c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size:100%;
}

#wrapper{
	width: 770px;
	height: 470px;
	background-color: #56595c;
	text-align: left;
	border-right-width: 8px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	clip: rect(auto,auto,auto,auto);
	}

#leftcol{
float:left;
width: 210px;
height:470px;
background-color: #FFF;
position:relative;
}
.navholder {
position:absolute;
	width: 8em;
	top: 280px;
	left: 25px;
/*	float: left; */
	/*display: inline; /* doubled margin bug fix for IE/win */
/*	margin: 15px 20px 5px 20px; */
}
#rightcol{
	float:right;
	width: 130px;
	height:470px;
/* background-color: #0F0; */
}

#menu{
padding: 0;
font-size: 70%;

}


.navholder ul{
  width: 5em;
  background: #fff;
  border: 0px solid #fff;
  list-style: none;
}

.navholder li{
	list-style: none;
	position: relative;
	border-left: 0px solid #888;
	border-right: 0px solid #888;
	border-bottom: 0px solid #888;
	vertical-align: bottom;
	
/*	list-style-image: url(/images/dot-1s-gray.gif); */
}

.navholder ul a{
	display: block;
	width: 10.8em;
	padding: 2px 2px;
	vertical-align: bottom;
	text-decoration: none;
	color: #56595c;
	font-style: normal;
} 

/* ul ul {
  background: #eee;
  position: absolute;
  left: -3000px;
  border-top: 1px solid #56595c;
} /* set flyout BG color and preset the positioning */

.navholder ul div {
  position: absolute;
  left: -3000px;
  width: 13.3em;
  padding: 2em 0 2em 0;
  background-image:  url("/images/misc/bgfix.gif");
}
 
.navholder ul ul {background-color: #eee;}
 
.navholder ul li:hover div {
  left: 4.9em;
  top: -1.9em;
} 

.navholder ul div.corner-zone {
  padding: 0;
  width: 1em;
  top: -1.9em;
  height: 1em;
/*  bottom: -1em;*/
}

.navholder li:hover div.corner-zone {
	top: auto;
	left: auto;
	right: 0.1em;
} 

.bullet ul, .bullet li{
	color:#FFFFFF;
	width:auto;
	background: #56595c;
	list-style-image: url(/images/misc/bullet.gif);
	list-style-type: square;
	margin: .5em .5em 0 25px;  /* bullet image is in left margin */
    padding-left: 0;
}


/* Anti Mac IE Hack here */
/* \*/ /*/
ul ul {position: static;}
/* */

.navholder ul li:hover ul {
  margin:0;
  padding:0;
  width:11.3em;
  border-top: 1px solid #888;
  left: 4.9em;
  top: 4px;
  color: #d81f2a; /* Approximate Pantone 1795 */
  
} /* make flyout appear when the LI is hovered */
.navholder ul li:hover a {
	color: #d81f2a;
	text-decoration: none;  
}
.navholder ul li:hover ul li a {
  color: #56595c; /* Approximate Pantone 425 */
}
.navholder ul li:hover ul li:hover a {
  color: #d81f2a; /* Approximate Pantone 1795 */
}

.navholder li ul li{
	list-style: none;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	vertical-align: bottom;
	text-align: left;
	overflow: visible;
}

#page{
	height: auto;
	margin-top: 0px;
	margin-left: 210px;
	font-size:14px;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#pagetop{
	height: 70px;
	padding-top: 20px;
/* background-color:#F0F; */
}
#pagetop h1{
	font-size: 140%;
	font-weight:normal;
	color: #FFFFFF;
}
#pagetop h2{
font-size: 90%;
font-weight:normal;
font-style:italic;
color: #DDD;
}
#pagebody{
	color: #FFF;
	font-size: 80%;
	overflow: hidden;
}

#pagefooter{
	position:relative;
	top: -0px;
	color: #999;
	height:15px;
	background-color:#FFFFFF;
	text-align:center;
	font-size: 50%;
	border: 0;
	margin: 0;
	z-index: 5;
}
.rpic1{
	float: right;
	width: 110px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	opacity:.85;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.rpic1:hover{
	opacity:1;
}


.rpic{
	float: right;
	margin-top:0px;
	width: 110px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	opacity:.85;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.rpic:hover{
	opacity:1;
}

.rpic2{
	float: right;
	width: 110px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	opacity:.85;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.rpic2:hover{
	opacity:1;
}


a {
	font-style: oblique;
	color: #FFFFFF;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:hover {
	text-decoration: underline;
	border: none;
}
.ProjectLocation {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #DDD;
	line-height: normal;
	font-weight: bold;
}
#InnerBody {
	font-size: 8.8pt;
	line-height: normal;
}
#InnerBody p {
	margin-top: 8pt;
	margin-right: 8pt;
	margin-bottom: 8pt;
	margin-left: auto;
}
.samplegraphic {
	padding-top: 3px;
}
#pagebody li {
	list-style-type: square;
	font-size: 100%;
}