body, select, input {
	font-family: "Trebuchet MS", Geneva, sans-serif;
}

a {
	color: #005F69;
}

a:hover{
	text-decoration: underline;
}

#container{
	width: 974px;
	overflow: hidden;
	margin: 10px auto;
}

img{
	vertical-align: middle;
}

input{
	vertical-align: middle;
}

strong{
	font-weight: bold;
	color: #333; /* this makes the bold stand out a little better */
}

em, i {
	font-style: italic; 
}
.site-zh em, .site-zh i {
	font-style: normal;  /* we never put characters in italics when displaying Chinese text */
}

/* this SUP style ensures (particularly in IE) that line spacing is preserved correctly in text blocks */
sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
}

.page-divider {
	border-top: 2px solid #ddd; 
	margin-top: 30px; 
	padding-top: 30px;
}


/***************************
 *  HEADER SECTION
 *
 */

#hd {
	overflow: hidden;
	height: 1%;
	font-size: 12px;
}

#hd a.aptLogo img{
	float: left;
	padding-bottom: 10px;
	position: relative;
/**	top: 21px\9**/
}

#hd .option {
	float: right;
	padding-right: 30px;
	margin-right: 30px;
	margin-top: 40px;	
	border-right: 1px dotted #ccc;
	*border-right: 1px solid #d7d7d7;  /* IE doesn't do "dotted" as nicely as Firefox */
}
#hd .option.last {
	border: none;
	margin-right: 0;
	padding-right: 0;
}


#hd .search {
	*width: 160px;  /* IE requires a width on these elements to have them float properly */
	*white-space: nowrap;  /* IE shouldn't wrap the input & buton like it was trying to */
}
#hd .international {
	*width: 153px;  /* IE requires a width on these elements to have them float properly */
}
#hd .international select {
	*width: 100px;  /* IE: because the DIV (above) needs a width, we're wise to also set a width of the SELECT list */
}


#hd .contactUs{
	width: 30px;
	margin-top: 35px; /* helps vertically center the icon with the inputs */
}

#hd #txtKeywords {
	font-size: 11px;
	margin-top: 2px; /* Firefox: helps this align better with the "language" dropdown */
	*margin-top: 0;  /* IE: doesn't need this same help */
}

#hd #txtKeywords.muted {
	color: #ccc;
}
#hd #txtKeywords.active {
	color: #000;
}

#hd .international select {
	font-size: 11px;
	color: #333;
}

#hd .search .submit, #svSearchAgain .submit{
	font-size: 11px;

	font-shadow: none;
	background-color: #E6E7E8;
	border: 1px outset #E6E7E8;
	color: #005F69;
	font-weight: bold;
}


/****************************
 * Main Navigation Section
 *
 */

#mainNavigation{
	width: 100%;
	overflow: hidden;
	clear:both;
	font-size: 14px;
	background-color: #005F69;
}

#mainNavigation ul{
	padding: 0;
	margin: 0;
	white-space: nowrap;
	list-style-type: none;
	float:right;
	*background-color: #005F69;
}

#mainNavigation ul li{
	display: inline;
}

#mainNavigation ul li a{
	padding: 5px 20px 5px 20px;
	float: left;
	color: #E6E7E8;
	text-decoration: none;
	font-weight: bold;
}

#mainNavigation ul li a:hover{
	background-color: #faa635; 
	color: #005f69;
}

#mainNavigation ul li a.current{
	background-color: #faa635; 
	color: #005f69;
	border-left:  1px solid #005f69;
	border-right: 1px solid #005f69;
}

#mainNavigation ul li.last a.current{
	border-right: 0px;  /* no need for a green line on right side of it's the last nav element */
}


/****************************
 * Left Side Navigation Section
 *    HOMEPAGE = sideNavigation, sideBar  /  SUBPAGES = left, leftNavigation, right
 */

/* each should be the same color grey background */
#sideBar, #left, #right {
	background-color: #f0f0f0;
}
 
#sideBar, #left {
	overflow: hidden;
	border-right: 2px solid #dedfe0;
}
 
#sideNavigation ul li a, #leftNavigation ul li a, #leftNavigation ul li a:visited {
	display: block;
	color: #58595B;	
	text-decoration: none;
	font-size: 14px;
	line-height: 29px;
}

#leftNavigation ul li a:hover, #leftNavigation ul li.open a:hover, #sideNavigation li a:hover {
	background-color: #faa635 !important;  /* lighter deep yellow/orange */
	font-weight: bold;
	cursor: pointer;
}

/* when the left hand navigation is either being highlighted on rollover or IS highlighted to 
indicate which page you're on, then we turn the borders off */
#leftNavigation ul li a:hover span, #leftNavigation ul li.open a:hover span, #sideNavigation li a:hover span,
#sideNavigation ul li a.selected span, #leftNavigation ul li a.selected span {
    border: none;
}

#leftNavigation ul li.first a span, 
#leftNavigation ul li.first a:visited span, 
#leftNavigation ul li.open ul li a, 
#leftNavigation ul li.open ul li a span,
#sideNavigation li.first a span{
	border: none;
}


#sideNavigation {
	overflow: hidden;
	font-size: 14px;
}

#sideNavigation h2{
	padding: 10px 0 10px 30px;
	font-size: 20px;
	border: 0px;
}

#sideNavigation ul li a span, #leftNavigation ul li a span{
	margin: auto;
	border: 1px solid #dedfe0;
	border-width: 1px 0 0 0; 
	display: block;
}

/* combined above
	#sideNavigation li.first a span{
		border: none;
	}

	#sideNavigation li a:hover{
		background-color: #F7941E !important;
		cursor: pointer;
	}
*/


/****************************
 * Right side "features" 
 *    HOMEPAGE = message  /  SUBPAGES = featured
 */
.message, 
#right .featured {
	font-size: 12px;	/* match the default <p> tag class */
	line-height: 15px;  	
}

.featured img{
	margin: 10px 0;
}

.featured {
	text-align: center;
}

#homepage .featured h2 .event-label {
	font-size: 14px;
	color: #005F69 !important;
}

.featured .date {
	font-size: 12px;
	font-weight: bold;
	color: #8D2714;
}

.featured h2.white-paper-label {
	margin-bottom: 10px !important;
	color: #0F75BD;
	background: none;
	font-size: 17px;
}

.featured .open-quote {
	position: relative;
	top: -3px;
	margin-right: 5px;
	width: 15px;
	height: 15px;
}

.featured .close-quote {
	position: relative;
	top: -3px;
	margin-left: 5px;
	width: 15px;
	height: 15px;
}

/****************************
 * Footer section
 *
 */

#ft{
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	font-size: 10px;
	text-align: center;
	clear:both;
}

#ft .navigation{
	padding: 15px 0 5px; 
	text-align: center;
}

#ft .navigation li{
	display: inline;
	padding: 0 20px 0 20px;
	border-left: 1px solid #ccc;
}

#ft .navigation li.first{
	border-left: none;
}

#ft .navigation li a:hover{
	text-decoration: underline;

}

#ft #copyright{
	margin-top: 10px;
	text-align: center;
}

#ft .solidColor{
	margin-top: 10px;
	clear:both;
	height: 10px;
	background-color: #005F69;
}

/****************************
 * Client Logos section
 *
 */

.clientLogosBar{
	height: 70px;
}

.clientLogosBar .clientLogos{
	height: 100%;
	float: left;
	position: relative;
	left: 5px;
}

.clientLogosBar .prev, .clientLogosBar .next{
	display: block;
	float: left;
	width: 25px;
	height: 100%;
	text-decoration: none;
}

.clientLogos li{
	width: 115px;
	height: 70px;
}

.clientLogos li img{
	max-width: 100px;
	max-height: 50px;
	margin: 10px auto;
	display: block;
}

.clientLogosBar :hover.prev, .clientLogosBar :hover.next{
	text-decoration: none;
}



/****************************
 * Events page (and widgets on homepage, etc.)
 * 
 */

.eventItem {
	width: 100%;
	clear: both;
}

.eventLogo {
	width: 150px;
	float: left;
}
.eventText {
	width: 335px;
	float: right;
	margin-bottom: 20px;
	line-height: 17px;
}

.eventText h5 {
	margin-top: 0;
	line-height: auto;
}

#mainContent .eventLogo img {
	margin: 0;
}


/****************************
 * Errors
 *
 */

div.error, .error-simple { 
	font-weight: bold;
	color: #8A1F11;
}

.error-simple { 
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 5px;
}

div.error { /* this comes with a box around it for extra attention */
	font-size: 14px;
	padding: 5px;
	border: 2px solid #FBC2C4;
	background-color: #FBE3E4;
	margin-bottom: 8px;
}

/****************************
 * Search
 *  
 */
#svPortal {
	clear:both;
}
#svSearchAgain {
	clear:both;
}
/****************************
 * General section
 *
 */

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.clearboth{
	clear: both;
	overflow: auto;  /* forces divs to include floated content's actual space */
}


div.center{
	margin: auto;
}

dt.releaseDate {
	font-weight: bold;
}