/* 
Style Sheet for BLP WEBSITE

--- Contents ---

1. Define Page Divisions 
2. Define Paragraph, heading styles and form elements
3. DIV specific styles

*/


/* 1. Define Page Divisions */

#masthead {
position: absolute;
background-color: #FFFFFF;
height: 130px;
left: 0px;
top: 0px;
}

#blplogo {
position: relative;
top: 5px;
}

#navstrip {
position: absolute;
top: 78px;
left: 148px;
width: 792px;
}

#mainstrip {
position: absolute;
background-color: #FFFF99;
height: 553px;
width: 100%;
left: 0px;
top: 97px;
margin: 0;

}

#submenu {
position: absolute;
width: 130px;
left: 10px;
top: 166px;
}

#secondstrip {
position: absolute; 
background-color: #FFFFBA;
height: 553px;
width: 750px;
left: 139px;
top: 97px;
}

#thumbnailstrip {
position: absolute; 
background-color: #CCCCCC;
left: 139px;
top: 97px;
height: 51px;
width: 732px;
margin: 9px;
}

#featurearea {
position: absolute;
height: 475px;
width: 432px;
left: 139px;
top: 166px;
margin-top: 0px;
margin-bottom: 9px;
margin-right: 9px;
margin-left: 9px;
}

#detailarea {
position: absolute; 
left: 591px;
top: 166px;
width: 286px;
height: 350px;
overflow: auto;
margin: 0;
padding: 0;
}

#detailarea2 {
	position: absolute;
	left: 592px;
	top: 166px;
	width: 286px;
	height: 470px;
	overflow: auto;
	margin: 0;
	padding: 0;
}


#secondthumbnails {
position: absolute; 
left: 591px;
top: 535px;
width: 286px;
margin: 0;
padding: 0;
}

#textarea {
position: absolute; 
left: 148px;
top: 650px;
width: 750px;
margin: 0;
padding: 0;
}




#homethumbnails, #practicethumbnails, #projectsthumbnails, #techthumbnails, #peoplethumbnails, #contactthumbnails, #searchthumbnails, #careersthumbnails {
position: absolute; 
left: 139px;
top: 97px;
height: 51px;
margin: 9px;
}

#practicethumbnails {padding-left: 105px;}
#projectsthumbnails {padding-left: 220px;}
#techthumbnails{padding-left: 332px;}
#peoplethumbnails{padding-left: 0px; padding-top: 3px; }
#contactthumbnails{padding-left: 243px;}
#searchthumbnails {padding-left: 351px;}
#careersthumbnails {padding-left: 243px;}

#searchbox {
position: absolute; 
left: 690px;
top: 670px;
}

#fileshare {
position: absolute; 
left: 150px;
top: 50px;
}



/* 2. Define Paragraph, heading styles and form elements */

a:visited { text-decoration: none; color: #666666}
a:link { text-decoration: none; color: #666666}
a:active { text-decoration: none;  color: #666666}
a:hover { text-decoration: none; color: #999999}

#detailarea a:visited, #detailarea2 a:visited { text-decoration: underline; color: #666666}
#detailarea a:link, #detailarea2 a:link  { text-decoration: underline; color: #666666}
#detailarea a:active, #detailarea2 a:active  { text-decoration: underline;  color: #666666}
#detailarea a:hover, #detailarea2 a:hover  { text-decoration: underline; color: #999999}


p, #detailarea li, #detailarea2 li { 
font-family: Arial, Helvetica, sans-serif;
font-size: 9.5pt;
line-height: 10.5pt;
color: #666666;
margin-top: 3pt;
font-weight: normal;
list-style-type: disc;
}

#detailarea ul, #detailarea2 ul { 
list-style-type: disc;
margin: 10px;
}

h1  { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
line-height: 10pt;
color: #666666;
margin-top: 3pt;
}

h2 { 
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #666666;
line-height: 12pt;
margin-bottom: 10px;
margin-top: 0;
}


dt { 
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
line-height: 11pt;
color: #666666;
margin-bottom: 4px;
}

dd {
display: none;
margin: 0;
padding: 0px;
list-style-type: none; }

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 11pt;
	color: #666666;
	list-style-type: none;
	margin: 0px;
	padding-left: 6px;
	padding-top: 0px;
	padding-bottom: 10px;
}

 textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 11pt;
	color: #666666;
	border: none;
	scrollbar-base-color: #FFFFFF;
	scrollbar-3dlight-color: white;
	scrollbar-arrow-color: black;
	scrollbar-face-color: white;
	scrollbar-shadow-color: white;
	scrollbar-highlight-color: white;
	scrollbar-darkshadow-color: white;
	cursor: default;
	}

td { 
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #666666;
padding: 3px;
}


/* 3. DIV specific styles */

#submenu li {
line-height: 12px;
margin-top: 7px;
margin-bottom: 7px;
}

#navstrip ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	line-height: 9pt;
	color: #666666;
	margin-left: 0;
	padding-left: 0px;
	padding-right: 42px;
	list-style: none;
	display: inline;
	}
	
.down{
	color: #999999;
	}

#searchbox input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 11pt;
	color: #000000;
	}

#searchbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}
	
.searchresults {
font-size: 8pt;
}

#fileshare ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	line-height: 14pt;
	color: #666666;
	margin-left: 0;
	padding-left: 0px;
	padding-right: 58px;
	margin-bottom: 10px;
	list-style: square;
		}

#fileshare h2 {
color: #99999;
}