/*
filename: webStyle.css
date created: 2005-01-03
creator: brian miksic

date last modified:
modified by:

The following stylesheet is orginized based on where the styles would occur in a page starting from the top and working down

*/	
	
		body {
			background-color: White;
		}
		
/*THE MASTHEAD*/

		#masthead {
			background-image: url(images/header_bg.jpg);
			background-position: top;
			background-repeat: no-repeat;
			width: 980px;
			height:75px;
			border: 1px solid #bcbcbc;
			position: relative;
			
		}

		#mastheadLogo {
			width: 250px;
			height: 75px;
			/*background-image: url(images/pcomlogo.gif);*/
			background-position: center;
			background-repeat: no-repeat;
			float: left;
			cursor: pointer;
		}

		#mastheadTitle {
			width: 480px;
			float: left;
			text-align: center;
			
		}

		#mastheadLogin {
			width: 250px;
			height: 75px;
			right: -40px;
			top: 56px;
			position: absolute;
			font-family: Arial, sans-serif;
			font-size: 10px;
			color: #626262;
		}

/*SIDEWALK ADSPACE*/

		#sidewalk {
			background-image: url(images/adBG.gif);
			background-position: center;
			background-repeat: no-repeat;
			display: block;
			width: 956px;
			border: 1px solid #bcbcbc;
			padding: 2px;
			margin-top: 5px;
			clear: both;
		}
		
		.sidewalk {
			background-image: url(images/adBG.gif);
			background-position: center;
			background-repeat: no-repeat;
			display: block;
			width: 956px;
			border: 1px solid #bcbcbc;
			padding: 2px;
			margin-top: 5px;
		}

/*SEARCH AND NAVIGATIONAL TOOLBAR*/
		
		#searchNav {
			padding-top:5px;
			width: 980px;
			position: relative;
			font-family: Arial, sans-serif;
			font-size: 11px; 
		}
		
		#mediakitNav {
			padding-top:5px;
			width: 980px;
			position: relative;
			font-family: Arial, sans-serif;
			font-size: 11px; 
		}
		
		#searchField {
			position: relative;
			width:150px;
			padding-right:8px;
			left: 200px;
			top: -1;
		}
		
		#indexList {
			border: 1px solid #bcbcbc;
			width: 150px;
			left: 360px;
			top: 5px;
			position: absolute;
			cursor: pointer;
			font-family: Arial, sans-serif;
			font-size: 11px; 
			color: #626262;
		}
		
		#ddlSelect {
			background-image: url(images/dropDown.gif);
			height:16px;
		}
		
		#ddl {
			background-color: white;
			display: none; 
			width:100%;
		}
		
		#ddl ul {
			width: 100%;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		#ddl ul li {
			width:100%;
		}
		
			.searchField {
			width: 150px; 
			border: 1px solid #bcbcbc; 
			font-family: Arial, sans-serif; 
			font-size: 11px; 
			padding-left: 3px; 
			color: #626262;
			background: White;
		}
		.searchButton {
			position: absolute;
			left: 520px;
			top: 6px;
		}
		
		#explorer {
			position: absolute; 
			height: 17px; 
			top: 5px; 
			left: 0px; 
			width: 150px; 
			border: 1px solid #bcbcbc; 
			font-family: Arial, sans-serif; 
			font-size: 11px; 
			padding-left: 3px; 
			background-image: url(images/dropDown.gif); 
			cursor: pointer; 
			color: #626262;
		}
		
		#explorerLinkList {
			width:350px; 
			float: left; 
			position: relative;
		}
		
		#mediakit {
			position: absolute; 
			height: 17px; 
			top: 5px; 
			left: 0px; 
			width: 150px; 
			border: 1px solid #bcbcbc; 
			font-family: Arial, sans-serif; 
			font-size: 11px; 
			padding-left: 3px; 
			background-image: url(images/dropDown.gif); 
			cursor: pointer; 
			color: #626262;
		}
		
		#mediakitLinkList {
			width:250px; 
			float: left; 
			position: relative;
		}

		#linkList {
			left: 0px;
			z-index:1;
			width:500px;
			background: White;
			font-family: Arial, sans-serif; 
			font-size: 11px; 
			position: absolute; 
			top: -4px; 
			display: none; 
			border: 1px solid #bcbcbc; 
			color: #626262; 
		}
		
		#linkListCol {
			width: 150px; 
			float: left; 
			padding-left: 3px;
		}
		
		#linkListCol2 {
			width: 150px; float: left; padding-left: 3px;
		}
		
		#linkListCol3 {
			width: 175px; float: left; padding-left: 3px;
		}
		
		.memberToolbar {
			font-size: 10px; line-height: 18px;
		}
		
		.memberToolbar A, .memberToolbar A:link, .memberToolbar A:visited, .memberToolbar A:active {
			font-size: 10px; line-height: 18px; color: navy; text-decoration: underline;
		}
		
		.memberToolbar a:hover {
			font-size: 10px; line-height: 18px; color: #aaaaaa; text-decoration: none;
		}
		
/*SUB NAVIGATIONAL TOOLBAR*/

		#subNavBar {
			margin-top: 5px;
			height: 20px; 
			border: 1px solid #bcbcbc;
			width: 980px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #626262;
		}
		
		.subNavBarItem {
			height: 12px;
			float: left;
			padding:4px;
			padding-left: 6px;
			padding-right: 6px;
			border-right: 1px solid #bcbcbc;
			cursor: pointer;
		}
		
		.subNavBarItem, .subNavBarItem a, .subNavBarItem a:link, .subNavBarItem a:visited, .subNavBarItem a:active {
			text-decoration: none;
			color: #626262;
			
		}
		
/*MAIN BODY AREA*/
		#mainBody {
			width: 980px; padding-top:15px;
		}
		.dirli {
			color: ffffff;
		}
/*CONTENT AREA (LEFT COLUMN)*/
		#content {
			float:left;  width: 600; margin-right: 25px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px;
		}
		
		#content hr {
			color: #bcbcbc;
			height: 1px;
		}
		
		.formfieldname {
			font-family:Arial,Helvetica,sans-serif;
			font-weight: bold;
			font-size: 11px;
			FLOAT: left;
			WIDTH: 300px;
			padding-top: 0px;
			margin-top: 3px;
		}
		
		.formformattedbutton 
		{
			border: solid 1px #000000;
			padding-left: 4px;
			padding-bottom: 2px;
			margin-bottom: 12px;
			text-align: left;
			text-decoration: underline;
			cursor: pointer;
			width: 500px;
			background: lightgrey;
			height: 20px;
			font-size: 12px;
			font-family: Tahoma;
			color: #000000;
		}
		
		.formformattedbuttonsmall 
		{
			border: solid 1px #000000;
			padding-bottom: 2px;
			margin-bottom: 12px;
			text-align: center;
			text-decoration: underline;
			cursor: pointer;
			width: 75px;
			background: lightgrey;
			height: 20px;
			font-size: 12px;
			font-family: Tahoma;
			color: #000000;
		}
		
		.formfieldbox {
			font-family:Arial,Helvetica,sans-serif;
			font-size: 11px;
			FLOAT: left;
			WIDTH: 500px;
			padding-top: 0px;
			margin-top: 3px;
		}
		
		.formfielddatebox {
			font-family:Arial,Helvetica,sans-serif;
			font-size: 11px;
			FLOAT: left;
			WIDTH: 120px;
			padding-top: 0px;
			margin-top: 3px;
		}
		
		.bodyContent {
			font-size: 15px; line-height: 18px;
		}
		
		.bodyContent A, .bodyContent A:link, .bodyContent A:visited, .bodyContent A:active {
			font-size: 15px; line-height: 18px; color: navy; text-decoration: underline;
		}
		
		.bodyContent a:hover {
			font-size: 15px; line-height: 18px; color: #aaaaaa; text-decoration: none;
		}
		
		.heading, .heading a, .heading a:link, .heading a:visited, .heading a:active, .heading a:hover {
			font-family:Arial,Helvetica,sans-serif; font-size: 10px; padding-bottom: 10px; line-height: 13px;
		}

		.olddate {
			font-family:Arial,Helvetica,sans-serif; font-size: 11px; margin-top: 15px; color: Gray;
		}
		
		.dateheading {
			font-family:Arial,Helvetica,sans-serif; font-weight: bold; font-size: 17px; padding-bottom: 10px;
		}
		
		.title {
			font-family:Arial,Helvetica,sans-serif; font-weight: bold; font-size: 18px;
		}
		
		.hbArticle {
			font-family:Arial,Helvetica,sans-serif; font-size: 11px; margin-left:75px;
		}
		
		.hbTopic {
			font-family:Arial,Helvetica,sans-serif; font-weight: bold; font-size: 12px; padding-top:10px; padding-bottom: 3px;
		}
		
		.handbooksubtitle {
			font-family:Arial,Helvetica,sans-serif; font-size: 18px;
		}
		
		.subtitle {
			font-family:Arial,Helvetica,sans-serif; font-size: 14px;
		}
		
		.author {
			font-family:Arial,Helvetica,sans-serif;  font-size: 12px; margin-top: 15px;
		}
		
		.companyname {
			font-family:Arial,Helvetica,sans-serif; font-weight: bold; font-size: 12px;
		}
		
		.showname {
			font-family:Arial,Helvetica,sans-serif; font-weight: bold; font-size: 14px;
		}
		
		.showbooth {
			font-family:Arial,Helvetica,sans-serif; font-size: 12px;
		}
		
		.showweb {
			font-family:Arial,Helvetica,sans-serif; font-size: 12px; margin-top: 15px;
		}
		
		.showemail {
			font-family:Arial,Helvetica,sans-serif;  font-size: 12px;
		}
		
		.showphone {
			font-family:Arial,Helvetica,sans-serif;  font-size: 12px;
		}
		
		#pageTools {
			float:right;
			padding-top:10px;
		}
		
		#pageTools .box {
	padding: 3px;
	margin-left: 5px;
	width: 125px;
	border: 1px solid #bcbcbc;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 11px;
}
		
		#pageTools li {
			padding-left: 10px; 
			padding-bottom:2px; 
			list-style: outside; 
			list-style-type: none;
		}
		
		.pageToolLink A, .pageToolLink A:link, .pageToolLink A:visited, .pageToolLink A:active {
			color: black;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-decoration: underline;
			font-weight: normal;
		}

		.pageToolLink A:hover {
			color: black;
			text-decoration: none;
			font-size: 10px;
		}
		
		
/*RIGHT COLUMN*/
	
	#rightColumn {
		float:left; 
		width: 350px; 
		clear: right;
	}
	
	.adBox {
		z-index: 0; 
		border: 1px solid #bcbcbc; 
		padding: 4px; 
		cursor: pointer;
		margin-bottom: 15px;
	}
	
	.contentLinksBox {
		margin-bottom: 20px; 
		border: 1px solid #bcbcbc; 
		font-family: Arial, san-serif; 
		font-size: 12px;
	}
	
	.contentLinksBox li {
		padding-left: 10px; padding-bottom:6px; list-style: outside; list-style-type: none;
	}
	.contentLinksBox, .contentLinksBox a, .contentLinksBox a:link, .contentLinksBox a:visited, .contentLinksBox a:active {
		font-family: Arial, san-serif; font-size: 12px;  color: navy; 
	}
		
	.contentLinksBox a:hover {
		color: #626262;  font-size: 12px;
	}
	

	.linkList, .linkList a, .linkList a:link, .linkList a:visited, .linkList a:active {
		font-family: Arial, san-serif; font-size: 11px;  color: #626262; text-decoration: none;
	}
		
	.linkList a:hover {
		text-decoration: underline;
	}
		
	.linkList UL{
		list-style: none; margin:0px; padding: 0px; margin-left:10px;
	}
		
/*PAGE FOOTER*/

	#footer {
	border: 1px solid #bcbcbc; 
	background: #eaeaea;
	padding: 4px; 
	width: 980px;
	}
	
	#footer, #footer a, #footer a:link, #footer a:visited, #footer a:active  {
		font-family: Arial, san-serif; font-size: 11px;  color: #626262; text-decoration: none;
		
	}
	
	#footer a:hover  {
		text-decoration: underline;
		
	}
	
	/*data grid */
.dataGrid {
				font-family: arial;
				font-size: 12;
				color: black;
				border: 1px solid black;
			}
			
			.dataGridHeader {
				font-weight: bold;
				background: #BCBCBC;
				border-bottom: 1px solid Black;
			}
			
			.dataGrid A:active, .dataGrid A:link, .dataGrid A:visited {
				color: black;
				text-decoration: underline;
			}
			
			.dataGrid A:hover {
				color: #4682B4;
				text-decoration: none;
			}
			
			.dataGridItemAlt {
				background-color: #E1E1E1;
			}