/* CSS Document */
#tier {
	margin: 0 auto;
	width: 780px;
	background-color:#FFFFFF;
}
/* CSS code for layout testing purpose
#tiertop{
	width: 780px;
	background-image: url(../images/tier/bg-title.jpg);
	background-repeat: no-repeat;
	height: 75px;
	text-align:left;
	margin: 0 auto;
}
#tiertop img {
padding-right: 35px;
float:left;
}
#tiertop h1{
margin-top: 10px; 
padding: 38px 0 0 0;
font-size: 1.6em;

}*/
#tierwrapper {
	vertical-align: top;
	margin: 0 auto;
	width: 780px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	background-color:#fff;
	display: block;
}
a:link{color:#349FE5;}
a:visited{color:#349FE5;}
a:hover{color:#EE0000;}
a:active{color:#349FE5;}
/* Project Right column
***************************************************************************************/
#proj-rightcol {
	float:right;
	width: 561px;
	background-repeat: no-repeat;
	text-align: left;
	background-color:#FFFFFF;
	background-image: url(../images/tier/bg-title.jpg);
	}
#proj-rightcol h1{
	padding: 35px 0 0 34px;
	text-align: left;
	font-size: 1em;
	margin-top: 15px;}
#tablearea {
padding: 0 18px 0 15px;
}
#tablelist {
width:528;}
#tablelist h1{
	padding: 15px 0 0 0;
	color:#333;
	font-size:14px;
	font-weight:bold;
	border-bottom: 4px solid #349FE5;
	margin-top:0;
	margin-bottom:0px;
	}
#tablelist a:link{
color:#000;
text-decoration:none;}
#tablelist a:visited{
color:#000;
text-decoration:none;
}
#tablelist a:hover{
color:#EE0000;
text-decoration:none;
}
#tablelist a:active{
color:#EE0000;
text-decoration:none;
}

.hilitephoto {
width: 80px;
margin:0px;
padding:5px 0;
border-bottom: 2px solid #349FE5;
}
.hilitearea{
width:448px;
	margin:0;
	text-align:left;
	vertical-align:top;
	font-size:.7em;
	line-height:.9em;
	padding-top:5px;
	border-bottom: 2px solid #349FE5;
}
.bold {
	font-weight:bold;
	}
.hilitearea p{
	padding:0px 5px 3px 10px;
	margin-top:0;
	margin-bottom:0px;
	}

/* Right column
***************************************************************************************/
#t-rightcol {
	float:right;
	width: 561px;
	background-repeat: no-repeat;
	text-align: left;
	background-color:#FFFFFF;
	background-image: url(../images/tier/bg-title.jpg);
	}
#t-rightcol p {
font-size:.8em;
line-height:1.2em;
padding:0px 15px 0px 4px;	
}

#t-rightcol h1{
	padding: 35px 0 0 34px;
	text-align: left;
	font-size: 1em;
	margin-top: 15px;
	
}
#t-rightcol-hack{
	padding: 0 10px 0 10px;
	font-size: 1em;
}
#t-rightcol-list{
	padding: 0 10px 0 10px;
	font-size: .8em;
	line-height: 1.2em;
}
#t-rightcol-list p {
font-size: 1em;
padding:0px 15px 0px 4px;	
}
#t-rightcol-list .firstparagraph{
	margin: 30px 0 0 0;
}
#t-rightcol-list h2{
	display: block;
	background-color: #e9e9e9;
	font-size: 1.2em;
	font-weight: bold;
	padding:4px;
}
#t-rightcol-list a:link{
color:#000;
text-decoration:none;}
#t-rightcol-list a:visited{
color:#000;
text-decoration:none;
}
#t-rightcol-list a:hover{
color:#349FE5;
text-decoration:none;
}
#t-rightcol-list a:active{
color:#349FE5;
text-decoration:none;
}

#t-rightcol-hack h1{
	margin: 0 0 -1em 0;
padding:0px 15px 0px 4px;	
	font-size:.8em;
	font-weight: bold;
}

#t-rightcol-hack .firstparagraph{
	margin: 30px 0 0 0;
}
#t-rightcol-hack h2, #t-rightcol h2 {
	display: block;
	background-color: #e9e9e9;
	font-size: .9em;
	font-weight: bold;
	padding:4px;
}
#t-rightcol ul li a:link{
color:#000;
text-decoration:none;}
#t-rightcol ul li a:visited{
color:#000;
text-decoration:none;
}
#t-rightcol ul li a:hover{
color:#349FE5;
text-decoration:none;
}
#t-rightcol ul li a:active{
color:#349FE5;
text-decoration:none;
}

#t-rightcol-list li {
padding:5px 15px 5px 0px;
line-height:1.2em;
}

#t-rightcol-hack .th{
	background-image: url(../images/tier/project/bg-th.gif);
	background-repeat: no-repeat;
	width: 128px;
	vertical-align:top;
}
#t-rightcol-hack .th img{
border: 2px solid #fff;
margin: 10px 0 0 10px;
	}
#t-rightcol-hack .tier{
	background-image: url(../images/tier/bg-header-right.gif);
	background-repeat: no-repeat;
	width: 128px;
	vertical-align:top;
}
#t-rightcol-hack .tier img{
border: 2px solid #fff;
margin: 10px;
	}

/* Left nav
***************************************************************************************/
#t-leftcol {
	background-image: url(../images/tier/bg-leftnav.jpg);
	background-repeat: repeat-x;
width: 219px;
float:left;
text-align:left;
background-color:#349FE5;
font-size: .8em;
}
#t-leftcol ul{
padding-left:15px;
margin: 0px;
}
#t-leftcol li{
display:block;
	border-bottom: 1px dotted #fff;
	list-style: none;
	padding: 8px 0px 8px 0;
	margin-right:15px;
}
#t-leftcol .static{
display:block;
	border-bottom: 1px dotted #fff;
		list-style: none;
	padding: 8px 0 8px 0px;
	color:#FFFFFF;
}
#t-leftcol li a:link{
padding-left: 10px;
	display:block;
color:#FFFFFF;
	text-decoration: none;
	background-image: url(../images/tier/nav-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
#t-leftcol li a:visited{
padding-left: 10px;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
	background-image: url(../images/tier/nav-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#t-leftcol li a:hover{
padding-left: 10px;
	display:block;
	color:#ccc;
	text-decoration: none;
	background-image: url(../images/tier/nav-arrow-over.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#t-leftcol li a:active{
padding-left: 10px;
	display:block;
	color:#000;
	text-decoration: none;
	background-image: url(../images/tier/nav-arrow-over.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

/* Project list
***************************************************************************************/
.projectli {
display: block;
width: 527;
border-bottom: 3px dotted #056cb1;
height: 80px;
}
.projectli img{
padding: 0 5px 10px 0;
float: left;
}