@charset "UTF-8";
/* CSS Document for instantbuzz.com */

/* --------------------------GLOBAL RESET----------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
line-height: 1;
color: black;
background:  #efefef;
text-align: center;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
} 

/* -----------GLOBAL STYLES - THESE ARE DEFAULT STYLES, CHANGE WITH CARE! ---------------- */

h1, h2, h3 {font-family: "trebuchet ms", trebuchet, arial, helvetica, sans-serif;
					 font-weight: bold;}

h1 {font-size: 28px; color: #000; padding-top: 10px; padding-bottom: 5px;}
h2 {font-size: 24px; padding-top: 10px; padding-bottom: 5px;}
h3 {font-size: 16px; color: #dc0000; padding-bottom: 5px;}
h4 {font-size: 12px; color: #dc0000; padding-top: 5px; padding-bottom: 0px;}

strong {font-weight: bold;}
em {font-style: italic;}

p {padding-top: 0px;
	line-height: 140%;
	padding-bottom: 15px;
	font: normal 12px verdana, arial, helvetica, sans-serif;}
	
ul, ol {
	 line-height: 140%;
	 margin-left: 30px;}
	 
	 
li {padding-bottom: 10px;}

a:link {color: #0000ff;
											 text-decoration: none;
											 border-bottom: 0px dotted #4090b6;}
a:visited {color: #0000ff;
													text-decoration: none;
													border-bottom: 0px dotted #4090b6;}
a:hover {color: #dc0000;
												text-decoration: none;
												border-bottom: 0px dotted #dc0000;}
a:active {color: #dc0000;
												 text-decoration: none;
												 border-bottom: 0px dotted #dc0000;}




/* -----------------------STANDARD THINGS - FEEL FREE TO STACK THEM!--------------------- */

.clear {clear: both;}
.red {color: red;}
.black {color: black;}
.valign_top {vertical-align: top;}		
.center {margin: 0px auto;}		
.float_left {float: left;}
.float_right {float: right;}	
.rule_2px {border-bottom: 2px dashed gray;
					width: 100%;}
.rule_1px {border-bottom: 1px dashed gray;
					width: 100%;}				
.inline {display: inline;}

.small_text	 {font-family: verdana, arial, helvetica, sans-serif;
				font-size: 10px;
				color: #666;
				line-height: 130%;}
.small_top_margin { margin-top: 7px;
}

	 
/* -------------------------------HEADER AND NAVIGATION------------------------------------ */
.navigation {width: 100%;
						background-color: #0d0043;
						background:url(images/navbg.jpg);
						height: 40px;
						position: relative;
						z-index: 2;}
						
.search_box {width: 550px; padding-top: 6px;}
.search_box input, select {vertical-align: middle;}

						
.logo {position: relative;
			top: 30px;
			position: relative;
			z-index: 1;}	
						
/* --------------------------------------TAB NAVIGATION------------------------------------- */

.container
	{
		width: 796px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	} 
	
.container_wide
	{
		width: 882px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	} 
 
#tabnav
	{
		height: 24px;
		margin: 0;
		padding-left: 10px;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  	display: inline;
  	list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: right;
		background: #f3f3f3;
		line-height: 14px;
		font: bold 14px arial, verdana, helvetica, sans-serif;
		padding: 4px 10px 4px 10px;
		margin-right: 4px;
		border: 1px solid #c3c3c3;
		border-bottom: 1px solid #f3f3f3;
		position: relative;
		text-decoration: none;
		color: #666;
		right: 11px;
	}

#home #tabnav #home, #join #tabnav #join, #learn #tabnav #learn, #resources #tabnav #resources, #success #tabnav #success, #membershome #tabnav #membershome, #suppliers #tabnav #suppliers, #research #tabnav #research, #learning #tabnav #learning,
#community #tabnav #community
	{
		border-bottom: 1px solid #dc0000;
		background: #ff0012;
		color: #fff;
	}

#tabnav a:hover
	{
		background: #ff0012; color: #fff;
		border-bottom: 1px solid #dc0000;}
		
/* login / contact/ help/ etc links at the top of the page */
#members_login {float: right;
							 font-family: verdana, arial, helvetica, sans-serif;
							 font-weight: bold;
							 font-size: 12px;
							 position: relative;
							 right: 12px;
							 text-align: right;}
#members_login a:link {color: #06638f; text-decoration: underline; border: 0;}
#members_login a:visited {color: #06638f; text-decoration: underline; border: 0;}
#members_login a:hover {color: #dc0000; text-decoration: none; border: 0;}
#members_login a:active {color: #06638f; text-decoration: underline; border: 0;}	
/* end links at the top of the page */
		
		
/* --------------------------------------PAGE LAYOUT STYLES------------------------------------ */						
						
						
.maincontent {background: #fff url('images/maincontent_background.gif') repeat-y;
						 width: 796px;
						 margin-left: auto;
						 margin-right: auto;
						 border: 0px solid red;
						 }
.content_top {background: #efefef url('images/top_background.gif') bottom left repeat-x;
						 width: 796px;
						 height: 7px;
						 padding: 0;
						 margin-top: 0;
						 margin-bottom: 0;
						 margin-left: auto;
						 margin-right: auto;
						 }
						 
.content_bottom {background: #efefef url('images/bottom_background2.gif') repeat-x;
						 width: 796px;
						 height: 12px;
						 margin-left: auto;
						 margin-right: auto;
						 }
						 
						 
.maincontent_wide {background: white url('images/maincontent_background2.gif') repeat-y;
						 width: 882px;
						 margin-left: auto;
						 margin-right: auto;
						 text-align: left;}/* makes the sidebar float to the left in IE */
						 
.content_bottom_wide {
								background: #efefef url('images/bottom_background.gif') repeat-x;
						 width: 882px;
						 height: 12px;
						 margin-left: auto;
						 margin-right: auto;}

.content_wrapper {
								 margin: 0 30 0 30;
								 text-align: left;
								 font: normal 12px verdana, arial, helvetica, sans-serif;
								 border: 0px solid red;
								}	
								 
.content_wrapper_narrow {
								 margin: 0 50 0 50;
								 text-align: left;
								 font: normal 12px verdana, arial, helvetica, sans-serif;
								}

.content_wrapper_narrow ol { font: normal 12px verdana, arial, helvetica, sans-serif;
								}									
								 
								 
#sidebar {background: white url('images/sidebar_background.gif') repeat-y top right;
				 width: 175px;
				 height: 100%;
				 margin-right: 10px;
				 vertical-align: top;}
				 
#sidebar p {padding-right: 10px;}
				 
#sidebar_right {padding-left: 15px;}
				 
				 
.min_height {padding-bottom: 150px;}
						
						
/* ----------------------------------------FOOTER------------------------------------ */

#footer {text-align: right;
				font-family: verdana, arial, helvetica, sans-serif;
				font-size: 10px;
				color: #666;
				width: 780px;
				margin-left: auto;
				margin-right: auto;
				line-height: 130%;}
				
#footer a:link {color: #666;}
#footer a:visited {color: #666;}
#footer a:hover {color: #dc0000;}
#footer a:active {color: #dc0000;}

#footer_logos {float: left; position: relative; left: 20px;}
#footer_logos img {padding-right: 8px;  vertical-align: top;}


#footer_wide {text-align: right;
				font-family: verdana, arial, helvetica, sans-serif;
				font-size: 10px;
				color: #666;
				width: 860px;
				margin-left: auto;
				margin-right: auto;
				line-height: 130%;}
				
#footer_wide a:link {color: #666;}
#footer_wide a:visited {color: #666;}
#footer_wide a:hover {color: #dc0000;}
#footer_wide a:active {color: #dc0000;}
				
						





/* --------------------------------------HOME PAGE STYLES-------------------------------------- */

div.uh {width: 700px; text-align: center;}

/* three boxes on the front page */
ul.boxes {}
ul.boxes,ul.boxes li{margin:0;
										padding:0;
										list-style:none;}
										
ul.boxes li{float:left;
				 width:220px;
				 margin:0 5px 10px 5px; 
				 text-align: left;
				 }
				 
ul.boxes h3{font-family: "trebuchet ms", trebuchet, verdana, arial, sans-serif;
				 font-weight: bold;
    		 		margin:0px;
						padding: 5px 0 0 10;
						text-align:left;
						color: #000;}
ul.boxes img {margin: 10px 10px 10px 5px;
				 		 float: left;}
						
ul.boxes p{margin:0;
				   padding:5px 8px 15px 8px;}
li#one{background: #dceaf4;}
li#two{background: #dceaf4;}
li#three{background: #dceaf4;} 

/* global sourcing search box on the front page */

#global_sourcing {background-image: url('images/homedisplay.jpg');
								 background-repeat: no-repeat;
								 width: 694px;
								 height: 450px;
								 margin-bottom: 20px;
								 text-align: left;}
								 							 
.global_sourcing_searchbox {width: 330px;
													  border: 2px solid #ccc;
														background-color: white;
														height: 30px;														
														margin-bottom: 5px;
														font-size: 22px; font-family: "trebuchet ms";}
														
.global_sourcing_submit {border: 0;}
														
#global_sourcing_content {position: relative;
												 width: 494px;
												 top: 80px;
												 left: 115px;}

#global_sourcing_content p {font-family: "trebuchet ms", trebuchet, verdana, helvetica, sans-serif;
												 font-size: 14px;
												 font-weight: bold; line-height: 140%;
												 margin-bottom: 0px; padding-bottom: 7px;}