/*############ Powwow Vitrual CSS ###########*/
/*############ Authored by John Serrao (2008.07.21) on behalf of the Human Productivity Lab ###########*/
/* Work covered under a Creative Commons License - http://creativecommons.org/licenses/by-nc-nd/3.0/us/ */

/*############ Structural DIVs ###########*/

		* {margin:0; padding:0;} /*...so we are all on the same page (yes Im talking to you IE5) */

		body {
			background: #FFFFFF;
			color: rgb(65,65,65); /*font color - dark grey helps readability/eye strain vs black*/
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 130%;
			height: 100%;
			width: 100%;
		}

		img {border: 0px; display: block;} /*forces IE to stop creating a 1px wide phantom padding around all images by turning all images into block elements instead of in-line elements*/		
		ul {margin-left: 0; padding-left: 2em;}		
		p {padding-bottom: 15px;}
		p.normal {font-size: 12px;}
		p.center {text-align: center;}
		
		a {color: blue; text-decoration: underline;}
		a:link {color: blue; text-decoration: underline;}
		a:visited {color: blue; text-decoration: underline;}
		a:hover {background-color: blue; color: #FFFFFF; text-decoration: none;}
		
		h1 {font-size: 20px;}
		h2 {font-size: 18px;}
		h3 {font-size: 14px;}
		h4 {font-size: 12px;}
		h5 {font-size: 11px;}
		h6 {font-size: 10px;}

/*############ Structural DIVs ###########*/
	/*meta-structure of the site is just a gigantic horizontally and vertically centered box with a placeholder image in it*/
	/*bulk of site is three rollover images, centered relative to the rest of the site, centered both horizontally and vertically*/
	/*header follows the telepresence network theme while the footer is a signup for the powwow newsletter*/
		#network_bar {
			background: url('/images/site_pics/mainbar_bar_bg_1x35px.jpg') repeat-x;
			font-size: 11px;
			height: 35px;
			width: 100%;
		}

		#site_container {
			height: 500px;
			margin: 0px auto 0px auto;
			width: 980px;
		}

		#logo_box {
			height: 152px;
			margin: 40px auto 40px auto; /*centers logo horizontally and allows veritcal centering to be handled by site_container*/
			width: 400px;
		}
		
		#main_body {
			height: 203px;
			margin: 0px auto 0px auto;
			width: 670px;
		}
		
		#footer {
			height: 64px;
			margin: 0px auto 0px auto;
			width: 670px;
		}
		
/*############ Network Bar DIVs/Pseudo Class Styling ###########*/
	/*The box where network text goes*/
		#network_box {
			color: white;
			padding-top: 6px;
			margin: 0px auto 0px auto;
			width: 960px; /*knocking the width down by 10px from site standard 970px will visually create 5px padding on the left and right of the centered div*/
		}

		#network_box_left {
			display: block;
			float: left;
			width: 480px; /*pixel width MUST count margins*/
		}

		#network_box_right {
			display: block;
			float: right;
			width: 480px; /*pixel width MUST count margins*/
		}

	/*Following is for the search box styling*/
		/*alist apart method*/
		form#search {
			position: relative;
		}

		#search_container {
			padding: 0px 0px 6px 130px;  /*lrg left pad pushes the search box to the right margin of network_box_right*/
		}

		.search {
			list-style: none;
			position: relative;
			float: left;
		}
		
		.search_words {
			padding-top: 0px;
		}

		input#search-field {
			border: 1px thin #ffffff;
			font-size: 11px;
			padding: 1px 0px 1px 0px;
			width: 170px;
		}

		input#submit {
			list-style: none;
			padding:0px;
		}

		label.overlabel {
			color:#999;
		}

		label.overlabel-apply {
			position:absolute;
			top:3px;
			left:5px;
			z-index:1;
			color:#999;
		}
		
	/*For Lightboxes*/
		#lightbox_setup {
			padding: 25px;	
		}
		
	/*This makes the network bar links appear in white instead of black like the rest of the site*/
		#network_box a {color: white; text-decoration: none;}
		#network_box a:link {color: white; text-decoration: none;}
		#network_box a:visited {color: white; text-decoration: none;}
		#network_box a:hover {background: none; color: white; text-decoration: underline;}		

	/*Main Style*/
		.main_button_spacing {margin: 0px 104px 0px 0px;}

	/*For sideways Lists*/
		.sideways ul {display: inline;}
		.sideways li {float: left; list-style: none; position: relative;}
		.sideways li ul {display: none; position: absolute; top: 1em; left: 0;}
		.sideways li > ul {top: auto; left: auto;} /*For little screwy IE*/
		
	/*Centering Things*/
		.center_text {text-align: center;}
		.center_image {margin: 0px auto 0px auto;}
		
	/*Style for News Headlines*/	
		.press_release {
			padding-bottom: 10px;
		}

		.press_release_date {
			color: rgb(147,37,37);
			font-size: 10px;
			font-weight: bold;
		}
		
		.image_center {
			margin: 0px auto 0px auto;
		}