/* Park Place Research Ltd Style Sheet 
Build September 2007 www.mcc-sci.com/web_development*/

/*preliminaries*/

body {
	background-color: #FFF;
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
ul {
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #000;
	position: relative;
	overflow: hidden;/* to clear floats*/
}

/*main logo*/

#logodiv, #logodiv a {
	display: block;
	width: 219px; height: 108px;
}
#logodiv img {
	border: none;
	margin-top: 20px;
}

/*content and right-hand sidebar*/

#content {
	float: left;
	width: 570px;
	margin-top: 184px;
	border-left: 160px solid #a1b1c3;
	padding: 20px 15px 16px 14px;
	background: url(images/linebg-1.gif) repeat-y right top;
	min-height: 300px;
	font-size: 11px;
	line-height: 16px;
	color: #8C8C8C;
}
* html #content {
	width: 757px;/* for IE5 box model */
	w\idth: 570px;/* for IE6 */
}
#content h1 {
	font-size: 16px;
	line-height: 20px;
	color: #F7AD6B;
	font-weight: bold;
}
#content h1.offtitle {
	position: absolute;
	top: 0; left: -5000px;
}
#content h2 {
	margin: 27px 0 8px 0;
}
#content .summary, #content h2 {
	font-size: 11px;
	line-height: 16px;
	color: #5E7CF2;
	font-weight: bold;
}
#content p.summary {
	background: url(images/linebg.gif) repeat-x left bottom;
	padding-bottom: 20px;
}
dl{
	margin: 0;
}
dt, dd {
	margin: 0 0 8px 0;
}
#content dt {
	color: #2C3330;
	font-weight: bold;
	float: left;
	padding-right: 3px;
}
#sidebar {
	float: right;
	width: 219px;
	margin: 206px 2px 0 0;
}
#sidebar h3 {
	font-size: 11px;
	color: #F7AD6B;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
}
#sidebar h3#committedto {
	margin-top: 19px;
}
ul.sidebarlinks li {
	background: url(images/right-con.gif) no-repeat 0 3px;
	list-style-type: none;
	line-height: 22px;
	text-indent: 20px;
}
#sidebar ul.bodytext {
	margin-top: 10px;
}
#sidebar ul.bodytext li {
	background: url(images/arrow.gif) no-repeat 0 9px;
	list-style-type: none;
	margin-left: 15px;
	line-height: 24px;
	text-indent: 15px;
}
.sidebarlinks, .sidebarlinks a {
	font-size: 11px;
	line-height: 16px;
	color: #2C3330;
	font-weight: bold;
	text-decoration: none;
}
.sidebarlinks a:hover {
	color: #F7AD6B;
}

/*absolutely positioned header presentation*/

#bar1,#bar3,#bar5 {
	width: 100%;
	background-color: #536487;
	position: absolute;
	left: 0; top: 0;
}
#bar1 div,#bar3 div,#bar5 div{
	width: 597px; height: 19px;
	margin-left: 160px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#bar3 {
	top: 127px;
}
#bar3 div {
	height: 8px;
}
#bar5 {
	top: 269px;
}
#bar5 div {
	height: 22px;
}
#bar2 {
	width: 771px; height: 108px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 19px; left: 219px;
	background: url(images/tag.gif) no-repeat 50px 1px;
}
#toplinks {
	position: absolute;
	right: 0; top: 1px;
	height: 106px; width: 231px;
	background-color: #536487;
	margin-right: 0;
}
#toplinks ul {
	margin-top: 23px;
}
#toplinks li {
	background: url(images/icon.gif) no-repeat 0 9px;
	list-style-type: none;
	margin-left: 25px;
	line-height: 18px;
	text-indent: 11px;
}
#toplinks a {
	font-size: 10px;
	line-height: 16px;
	color: #FFF;
	text-decoration: none;
	margin-left: 3px;
}
#toplinks a:hover {
	color: #FFF;
	text-decoration: underline;
}
#bar4 {
	width: 100%; height: 132px;
	background-color: #5E7CF2;
	border-top: 1px solid #FFF;
	position: absolute;
	top: 135px; left: 0;
}
#bar4 img {
	border-right: 1px solid #FFF;
}

/* main navigation links */

#mainlinks {
	position: absolute;
	top: 0; left: 0;
	width: 160px; height: 132px;
}
* html #mainlinks {
	width: 161px;
	w\idth: 160px;
}
#mainlinks li {
	width: 100%; height: 22px;
	margin: 0; padding: 0;
	background: url(images/left-icon.gif) no-repeat 7px 50%;
	list-style-type: none;
	text-indent: 25px;
	position: relative;
	float: left; /*IE7 gap fix*/
	border-right: 1px solid #FFF;
}
#mainlinks a {
	display: block;
	margin-top: 4px;
	padding-bottom: 3px;
	font-size: 11px;
	color: #C8DEF3;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
#mainlinks a:hover {
	text-decoration: underline;
}
/* Submenus */

#mainlinks ul ul {
	position: absolute; 
	width: 100%;
	left: 160px; top: 0;
}
#mainlinks ul ul li {
	background: #EDF1F4 url(images/submenu.gif) no-repeat 0 bottom;
	text-indent: 3px;
	height: 22px;
	float: left;
}
#mainlinks ul ul a {
	color: #8c8c8c;
	font-weight: normal;
	font-size: 10px;
}
#mainlinks ul#submenu1 li {
	width: 115px;
}
#mainlinks ul#submenu2 li {
	width: 160px;
}
#mainlinks ul ul, #mainlinks ul li:hover ul {
	list-style: none;
	padding-left: 0;
	margin-left: -5000px;
}
#mainlinks ul li:hover ul, #mainlinks ul ul li:hover ul {
	margin-left: 0;
}

/*header photos */

#imgdiv {
	margin-left: 161px;
	height: 132px;
}
#image1,#image2,#image3{
	width: 198px; height: 132px;
	float: left;
	border-right: 1px solid #FFF;
}
#image1 {
	width: 199px;
	background-image: url(images/image-1.jpg);
}
#image2 {
	background-image: url(images/image-2.jpg);
}
#image3 {
	background-image: url(images/image-3.jpg);
}
* html #image3 {
	width: 199px;
	w\idth: 198px;
}

/*client input area */

#clientarea {
	position: absolute;
	top: 33px; right: 0;
	width: 226px;
	color: #FFF;
	font-size: 10px;
	line-height: 12px;
	padding: 0;
}
#clientarea h3 {
	font-size: 11px;
	margin: 0 0 16px 6px;
}
#clientarea p{
	margin: 0 0 14px 6px;
	line-height: 6px;
}
#clientarea input {
	width: 127px; height: 11px;
	position: relative;
	top: -13px; left: 60px;
	font-size: 12px;
}
#clientarea button {
	width: 22px;
	position: relative;
	top: -32px; left:192px;
	background-color: #5E7CF2;
	border: solid 1px #5E7CF2;
}

/* secondary links */
	
#secondlinks {
	width: 160px;
	position: absolute;
	top: 292px; left: 0;
	overflow: hidden;
}
#secondlinks li {
	width: 160px; height: 33px;
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	overflow: hidden;
}
#secondlinks a {
	display: block;
	width: 160px; height: 32px;
	position: relative;
	color: #FFF;
	font-size: 11px;
	line-height: 32px;
	text-indent: 20px;
	font-weight: bold;
	text-decoration: none;
}
#secondlinks a:hover {
	color: #000;
}
#secondlinks span {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 32px;
	border-bottom: 1px solid #FFF;
}
#sl1 a span {
	background-image: url(images/visionvalues-off.gif);
}
#sl1 a:hover span,#slon1 span {
	background-image: url(images/visionvalues-on.gif); 
}
#sl2 a span{
	background-image: url(images/overview-off.gif);
}
#sl2 a:hover span,#slon2 span {
	background-image: url(images/overview-on.gif);
}
#sl3 a span {
	background-image: url(images/people-off.gif);
}
#sl3 a:hover span,#slon3 span {
	background-image: url(images/people-on.gif);
}
#sl4 a span {
	background-image: url(images/test-off.gif);
}

/* footer */

html>body #footer {
	float: left;/*for Ffox vs IE6*/
}
#footer {
	width: 990px;
	background-color: #989898;
	margin: 0;
	border-top: 1px solid #989898;
	border-bottom: 2px solid #989898;
}
#footer p {
	margin: 1px 6px 0 6px;
	font-size: 11px;
	line-height: 16px;
	color: #FFF;
}
#footer p#accesslinks {
	float: left;
}
#footer p#authors {
	float: right;
} 
#footer a {
	text-decoration: none;
	color: #FFF;
}
#footer a:hover {
	color: #000;
}

/* miscellaneous */

boxtext {
	font-size: 10px;
	line-height: 14px;
	color: #828181;
	text-decoration: none;
}
.link2 {
	color: #F7AD6B;
	text-decoration: none;
}
.bodytext {
	font-size: 11px;
	line-height: 16px;
	color: #8C8C8C;
	text-decoration: none;
}
.instruction {
	font-size: 11px;
	line-height: 16px;
	color: #2C3330;
	font-weight: bold;
	text-decoration: none;
}
.instruction a:hover {
	color: #F7AD6B;
}
.floatl {
	float: left;
}
.floatr {
	float: right;
}
.clearfloat {
	clear: both;
}
.centeralign {
	text-align: center;
}
ul.arrow li{
	background: url(images/arrow.gif) no-repeat 0 6px;
	list-style-type: none;
	padding-left: 20px;
	margin: 0 30px 0 15px;
	line-height: 20px;
	text-indent: 0px;
}