/* CSS Document */

BODY { 	
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	cursor: default;
	margin: 0px;
}

a, a:visited {
	color: #b84445;
	text-decoration: underline;
}

a:hover {
	color: black;
	text-decoration: underline;
}

#headerwrapper {
	background-color: black;
	padding-top: 8px;
}

#contentwrapper {
	background-color: white;
}

#headerarea {
	position: relative;
	width: 710px;
	height: 63px;
	FONT-SIZE: 8pt; 
	COLOR: #88878c; 
}

#contentarea {
	position: relative;
	width: 710px;
	COLOR: black; 
}

#Home {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 245px;
	height: 55px;
}

#ContactUs {
	margin-left: 450px;
}

a.onblack, a.onblack:visited {
	color: #c0bec1;
	text-decoration: underline;
}

a.onblack:hover {
	color: white;
	text-decoration: underline;
}

a.tab, a.tab:visited {
/*	display: block;
*/	position: absolute;
	top: 27px;
	color: #c0bec1;
	BACKGROUND-IMAGE: url(../images/tab.gif); 
	background-repeat: no-repeat; 
	text-decoration: none; 
	width: 68px;
	height: 16px;
	padding: 1px 10px 1px 10px;
	align: center;
}
* html a.tab, a.tab:visited {  /* this is the "Tan hack" - to fix ie box model problem */
	height: 18px;
	width: 88px;
	he\ight: 16px;
	w\idth: 68px;
}

a.tab:hover {
	color: white;
	text-decoration: underline; 
	BACKGROUND-COLOR: #5c5d5c; 
	BACKGROUND-IMAGE: url(../images/tab.gif); 
	background-repeat: no-repeat; 
}

#tab1 { left: 245px;}
#tab2 { left: 333px;}
#tab3 { left: 421px;}
#tab4 { left: 509px;}

#SubSecBevel {
	position: absolute; 
	left: 597px; 
	top: 44px;
	width: 109px;
	height: 1px;
	border-top: 1px solid #c0bec1;
}

#SubSecArea {
	position: absolute;
	left: 245px;
	top: 45px;
	width: 465px;
	height: 16px;
	color: black;
	BACKGROUND-COLOR: #88878c;
	border-bottom: 1px solid #5c5d5c;
	padding-top: 1px;
	BACKGROUND-IMAGE: url(../images/subSecEnd.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: top right; 
}
* html #SubSecArea {  /* this is the "Tan hack" - to fix ie box model problem */
	height: 18px;
	he\ight: 16px;
}

#SubSecArea a {
	color: #c0bec1;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#SubSecArea a:visited {
	color: #c0bec1;
	text-decoration: none;
}

#SubSecArea a:hover {
	color: white;
	text-decoration: underline;
}

#topbanner {
	background-color: #d8d8d9;
	padding-top: 18px; 
	margin-bottom: 18px;
}

#leftpanelwrapper {
	display: inline;
	width: 154px;
	height: 153px;
}

#mainpanelwrapper {
	display: inline;
	vertical-align: top;
	width: 555px;
	border-left: 1px dotted black;
}

#leftpanel {
	position: absolute;
	top: 107px;
	left: 0px;
	width: 153px;
	height: 100%;
	border-top: 1px dotted black;
}

#mainpanel {
	border-top: 2px solid #b63e47;
	border-left: 1px dotted black;
	padding: 10px 0px 0px 10px;
	margin-left: 154px;
	min-height: 295px;
	font-size: 10pt;
}

#pgfooter {
	border-top: 2px solid #b63e47;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 10px;
	FONT-SIZE: 8pt; 
}

img.secTitleImg {
	border-left: 1px dotted black;
	border-bottom: 1px dotted black;
}

h1, div.portfolioheader {
	font-size: 11pt;
	font-weight: bold;
	color: #305684;
}

td {
	font-size: 10pt;
}

div.portfolio {
	width: 98%;
	padding: 2px;
	border: 1px solid black;
	background-color: #eeeeee;
	margin-bottom:10px;
}

div.portfolioheader {
	width: 99%;
	background-color: #cccccc;
	margin-bottom: 5px;
	padding-left: 3px;
}

.portfolio img {
	border: 1px solid black;
	margin-left: 10px;
	margin-right: 3px;
}

a.footerlink, a.footerlink:visited {
	color: #b84445;
	text-decoration: underline;
	margin: 1px 5px 1px 5px;
}

a.footerlink:hover {
	color: black;
	text-decoration: underline;
}

div.pullquote {
	margin-left: 15px;
	float: right;	
	width: 226px;
	border: 1px dotted black;
	color: #5c5d5c;
	background-color: #f5f5f5;

}

/*
.pullquote td {
	width: 200px;
	border: 1px dotted black;
	color: #5c5d5c;
	background-color: #f5f5f5;
}
*/
.pullquote h1 {
	width 100%;
	margin: 0px;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #b63e47;
	font-size: 10pt;
	background-color: #e0e0e0;
}

.pullquote p, .pullquote ul {
	padding: 0px 10px 5px 10px;
	font-size: 8pt;
}

#logoforHR {position:relative; top: -18px; left: -220px; width:15px; height:23px;}.pullquote {
	float: right;
}