/********************************

	header.css
	for Technical Communities
	
	last updated by Jeff
	on 2/3/2009
	
	includes: header, footer, nav
		SHOULD BE ON EVERY PAGE
	
********************************/

body {
	text-align: center;
	background: url("images/bg.gif") top left no-repeat #1b6aa3;
}

a {
	color: #660000;
	text-decoration: none;
  	outline: none;  	
}

a:hover {
	text-decoration: underline;
  	outline: none;  	
}

a img { border: none; }

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	text-align: right;
	float: right;
}

#container {
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 916px;
}

#content {
	padding-bottom: 15px;
	width: 915px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background: url("images/bg_content.gif") top left repeat-y;
	float: left;
	border-top: solid 2px #660000;	
	border-bottom: solid 2px #660000;
}

/*------------------
	header styles 
--------------------*/

#header {
	margin: 10px 0 -5px 0; padding: 0;
	_margin: 10px 0 0 0;
	width: 915px;
	float: left;
}

#logo {
	margin: 0; padding: 0;
	width: 163px;
	height: 53px;
	float: left;
}

#tagline {
	margin: 0 0 5px 0;
	width: 300px;
	font-family: Futura, Myriad, Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;	
	float: right;
	text-align: right;
}

#partnerlogin {
	float: left; 
	width: 913px;
	height: 20px;
	display: block;
	font-family: Futura, Myriad, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}


#partnerlogin a {
	margin: 0 0 0 5px;
	padding: 0 10px 0 10px;
	color: #ffffff;
	background: #000000;	
	text-decoration: none;
	z-index: 0;
	float: right;
}

/*---------------------- 
	navigation styles 
------------------------*/
#nav {
	Z-INDEX: 100; FLOAT: right; WIDTH: 705px
}
#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; Z-INDEX: 100; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #ffffff; LINE-HEIGHT: 1; PADDING-TOP: 0px; FONT-FAMILY: Myriad, Arial, sans-serif; LIST-STYLE-TYPE: none; _padding: 0
}
#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; Z-INDEX: 100; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #ffffff; LINE-HEIGHT: 1; PADDING-TOP: 0px; FONT-FAMILY: Myriad, Arial, sans-serif; LIST-STYLE-TYPE: none; _padding: 0
}
#nav A {
	DISPLAY: block; FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Myriad, Arial, sans-serif; TEXT-DECORATION: none
}
#nav LI {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#nav UL LI {
	BACKGROUND: #ffffff;
}
#nav LI UL {
	Z-INDEX: 100; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: -2999px; MARGIN: 3px 0px 0px; WIDTH: 110px; POSITION: absolute; _margin: 5px 0 0 0; 
}
#nav LI UL LI A {
	FONT-SIZE: 12px; WIDTH: 103px; COLOR: #071239
}
#nav LI UL LI A:hover {
	COLOR: #3b7fb0; FONT-WEIGHT: bold;
}
#nav LI UL UL {
	MARGIN: -15px 0px 0px 108px
}
#nav LI UL.navwide LI A {
	FONT-SIZE: 12px; WIDTH: 190px; _width: 185px
}
#nav LI UL.navwide UL {
	MARGIN: -18px 0px 0px 188px
}
#nav LI:hover UL UL {
	LEFT: -2999px
}
#nav LI:hover UL UL UL {
	LEFT: -2999px
}
#nav LI.sfhover UL UL UL {
	LEFT: -2999px
}
#nav LI.sfhover UL UL {
	LEFT: -2999px
}
#nav LI:hover UL {
	LEFT: auto
}
#nav LI LI:hover UL {
	LEFT: auto
}
#nav LI LI LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI.sfhover UL {
	LEFT: auto
}
#nav LI LI LI.sfhover UL {
	LEFT: auto
}
LI.navhome {
	WIDTH: 70px /*65px   */
}
LI.navtechnologypartners {
	WIDTH: 150px /*140px*/
}
LI.navgovernmentbuyers {
	WIDTH: 150px /*140px*/
}
LI.navnews {
	WIDTH: 70px/*60px*/
}
LI.navonlinetraining {
	WIDTH: 75px /*120px*/
}
LI.navabout {
	WIDTH: 75px /*65px*/
}
LI.navcontact {
	WIDTH: 45px
}
#nav LI UL.navwide {
	WIDTH: 190px
}
/*
#nav { 
	width: 705px;
	float: right;	
	z-index: 100;	
}

#nav, #nav ul { 
	margin: 0;
	padding: 0 0 3px 0;
	_padding: 0;
	list-style: none;
	line-height: 1;
	font-family: Myriad, Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
	z-index: 100;	
}

#nav a {
	display: block;
	font-family: Myriad, Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;	
	text-decoration: none;
}


#nav li { 
	padding: 5px 5px 5px 5px;
	float: left;	
}

#nav ul li { creates opacity background for ie 
	*background: #ffffff;
	*filter: alpha(opacity=90);
}

#nav li ul { 
	margin: 3px 0 0 0;
	_margin: 5px 0 0 0;
	position: absolute;
	width: 110px;
	left: -2999px; 
	z-index: 100;
	 creates opacity background for firefox 
	background: #ffffff;
	*background: none;  hides from ie 
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;	
}

#nav li ul li a {
	font-size: 12px;
	width: 103px;  this adjusts the rollover area 
	color: #071239;
}

#nav li ul li a:hover { if background is in wrong place, firefox windows has rollover bug 
	color: #3b7fb0;	
}

#nav li ul ul { 
	margin: -17px 0 0 108px;
	*margin: -15px 0 0 108px;
}

#nav li ul.navwide li a {
	font-size: 12px;
	width: 190px;
	_width: 185px;	
}

#nav li ul.navwide ul { 
	margin: -18px 0 0 188px;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul {
	left: -2999px;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { 
	left: auto;		
}
*/
/*--- individual section nav widths ---*/
/*
li.navhome {
	width: 65px;
}

li.navtechnologypartners {
	width: 140px;
}

li.navgovernmentbuyers {
	width: 140px;
}

li.navnews {
	width: 60px;
}

li.navonlinetraining {
	width: 120px;
}

li.navabout {
	width: 65px;
}

li.navcontact {
	width: 45px;
}

#nav li ul.navwide {
	width: 190px;
}
*/
/*------------------
	footer styles 
--------------------*/

#footer, #footer a {
	color: #ffffff;
	font-family: Myriad Pro, arial, sans-serif;
	font-size: 14px;
}

#footer a {
	font-size: 10px;
}

#footer a img {
	margin: 5px 0 5px 10px;
	vertical-align: top;
}

span.footersmall {
	font-size: 10px; 
	float: right;
}


/*---- IE png fix ----*/
	
img, div { behavior: url(iepngfix.htc) }