body{
	font:13px/1.231 Tahoma,Arial,Helvetica,sans-serif;
	*font-size:small;*font:x-small;
	background: url(../images/wrapper-bg.png) repeat-x 0 0 #fff; 
	color: #636363;
	}
	select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

li {
    list-style: none outside none;
}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
.Wrapper { 
	width: 952px; 
	margin: 0 auto; /* Make content centered */
	padding: 0 4px;
} /* Width of "page" */

.MainChannel { width: 957px; float:left; }
.Content { width: 625px; float:left; }
.ContentChannel { padding: 26px 25px 0 25px;background: url("../images/common/no-sidebar-secondary-content-channel-bg.gif") no-repeat scroll 100% 0 transparent; }


#Content { width: 502px; } /* Width of center channel */
	
.hmContentBlock{
	float:left;
	width:250px;
	padding:10px;
	border:1px solid #f2f2f2; margin:10px 30px 10px 10px;
	height:220px;
}
.hmContentBlock h2 {
    color: #3580CB;
    font-size: 100.1%;
    margin-top: 8px;
}
.hmContentBlock h2 a {
    color: #3580CB;
    margin-top: 8px;
	font-size: 100.1%;
	text-decoration:none;

}
.hmContentBlock a.rm {
    background: url("../images/more-bg.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 77%;
    height: 17px;
    line-height: 16px;
    margin: 15px 0 6px 0px;
    padding: 0 0 0 5px;
    text-decoration: none;
    width: 68px;
	color:#ffffff;
}
	
/* #Sidebar { width: 180px; } */ /* Single sidebar on right */
.SidebarPrimary { width: 302px; float:left; 
background: url("../images/sidebar-primary-bg.gif") no-repeat scroll 100% 0 transparent;
 
    min-height: 456px;
    padding-top: 20px;}


.NavigationSecondary { margin: 15px 0 40px 0; }
.NavigationSecondary h3 { 
				color: #636363;
				font-size: 93%;
				padding: 0 0 10px 0px;
		}
.NavigationSecondary h3 a {
				background: url(../images/sidebar-primary/secondary-navigation-expanded-bg.gif) no-repeat 0 6px; 
				color: #636363;
				padding-left: 10px;
				text-decoration: none;
		}
.NavigationSecondary h3 a.collapsed { 
					background-image: url(../images/sidebar-primary/secondary-navigation-collapsed-bg.gif); 
			}
.NavigationSecondary ul { margin: 0 0 20px 10px; }
.NavigationSecondary li.subnav ul { margin-bottom: 0; }
.NavigationSecondary li {
			background: url(../images/sidebar-primary/navigation-secondary-divider.gif) no-repeat 0 0;
			font-size: 95%;
			margin-bottom: 6px;
			line-height:20px;
			padding-top: 6px;

		}
.NavigationSecondary li li { font-size: 100%; }
.NavigationSecondary li a {
				background: url(../images/sidebar-primary/secondary-nav-item-bg.gif) no-repeat 0 6px;
				color: #636363;
				display: block;
				padding-left: 10px;
				text-decoration: none;
			}
.NavigationSecondary li.subnav a.active { color: #ee3424; font-weight:bold; }
.NavigationSecondary li.subnav li a.active { padding-bottom: 0; }
.NavigationSecondary li a:hover { color: #ee3424; }
.NavigationSecondary li a.active {
					background-image: url(../images/sidebar-primary/secondary-nav-item-bg-active.gif);
					color: #ee3424;
				}


#SidebarPrimary { width: 302px; } /* Width of left channel */
#SidebarSecondary { width: 230px; } /* Width of right channel 
/* = End Widths = */



/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { left: -32000em; position: absolute; }
.top{
	width:932px;
	float:left;
	padding:12px 0 0 20px;
}
h1 { color: #ffff00; font-size: 100%; font-weight: bold; }
.header{
	width:932px;
	float:left;
	height:130px;
	padding:20px 0 0 20px;
}
#Global ul { display: block; float: right; position: relative; }
	#Global ul ul { background: #fff; border: 1px solid #ccc; display: none; position: absolute; right: 0; top: 100%; width: 85px; z-index: 100; }
		#Global .over ul { display: block; }
	#Global ul li {
		float: left;
		font-size: 85%;
		margin: 15px 10px 0 0;
		padding: 0;
		position: relative;
	}
		#Global ul li li { float: left; font-size: 100%; margin: 3px 0; }
		#Global ul li li.first { padding-top: 5px; }
		#Global ul li li.last { padding-bottom: 5px; }
	#Global a { color: #ee3424; }
		#Global ul li li a { color: #636363; display: block; padding: 0 10px; text-decoration: none; }
			#Global ul li li a:hover { color: #ee3424; text-decoration: underline; }
	#Global em { font-weight: bold; }

#Toolbar {
	min-height: 25px;
	padding-bottom: 10px;
	position: relative;
}
	#Toolbar.profileLoginOpen { z-index: 5; }
	#Toolbar ul.links { float: right; }
		#Toolbar li {
			background: url(../images/common/toolbar-button-bg.gif) no-repeat 0 0;
			float: left;
			height: 25px;
			margin: 13px 5px 0 0;
			padding: 0;
			width: 139px;
		}
			#Toolbar li.search {
				background: url(../images/common/search-bg.gif) no-repeat 0 0;
				float: left;
				height: 24px;
				margin: 13px 5px 0 0;
				padding: 0;
				width: 180px;
			}
				#Toolbar li.search input { 
						border: 0;
						font-size: 93%;
						height: 13px;
						margin: 7px 0 0 25px;
				}
			#Toolbar li.profile { position: relative; }
				#Toolbar.profileLoginOpen li.profile {
					background-image: url(../images/toolbar-button-active-bg.gif);
				}
				#Toolbar li.profile div.content {
					background: url(../images/profile-popup-bg.gif) no-repeat 0 0;
					display: none;
					font-size: 85%;
					height: 88px;
					left: 1px;
					position: absolute;
					top: 22px;
					width: 327px;
				}
	#Toolbar a {
		background: url(../images/common/toolbar-icons.gif) no-repeat 0 0;
		color: #e0e3e4;
		display: block;
		line-height: 22px;
		font-size: 85%;
		font-weight: bold;
		padding: 0 5px;
		text-decoration: none;
	}
		#Toolbar.profileLoginOpen li.profile a { background: 0; }
		#Toolbar a.call { background-position: 10px 4px; }
		#Toolbar a.profile { background-position: 115px -12px; }

		#Toolbar a span { display: block; }
			#Toolbar a.call span { padding-left: 27px; }
			#Toolbar a.profile span { padding-left: 10px; }
		
#SiteId {
	position: absolute;
	top: 30px; /* Push site id down below toolbar visually */
	z-index: 5;
}


/* Top Navigation */
#NavigationPrimary {
	position: relative;
	height: 32px;
	z-index: 2;
}
	#NavigationPrimary ul {
		float: left;
		left: 0;
		position: absolute;
		top: 1px;
		z-index: 2;
	}
	#NavigationPrimary ul#OnDemandNav { float: right; position: relative; }
	  #NavigationPrimary li { /* Topnav item */
			background: url(../images/nav-bg.gif) no-repeat 0 0;
			float: left; /* Keep nav in a line */
			padding-left: 0;
			position: relative; /* To position dropdowns based on topnav items */
			z-index: 3; /* Need a known z-index so we can lap dropdowns over topnav items and flyouts over the dropdowns */
	  }
		#NavigationPrimary ul#OnDemandNav li { background: url(../images/nav-on-demand-bg.gif) repeat-x 0 0; }
		#NavigationPrimary li#NavigationPrimaryHome { background-position: -2px 0; }
		#NavigationPrimary li#NavigationPrimarySupport { background-position: 0 0; }
		#NavigationPrimary li#NavigationPrimaryOnDemand { background-position: -2px 0; }
		#NavigationPrimary li.active { height: 43px; }
	    #NavigationPrimary li.over { 
				height: auto !important;
				z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
	    }
	    #NavigationPrimary a { /* Topnav link */
				color: #fff;
				display: block;
				font-size: 77%;
				font-weight: bold;
				height: 32px;
				padding: 0 15px;
				position: relative;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
	    }

			    #NavigationPrimary a:hover, #NavigationPrimary a.over { background-image: url(../images/nav-bg-hover.gif); }
			    #NavigationPrimary a.active { background: url(../images/nav-bg-active.gif) no-repeat 50% 0; height: 43px; }
					#NavigationPrimary a.active { background-image: url(../images/nav-bg-active.gif); height: 43px; }
					#NavigationPrimary .over a.active { background-image: url(../images/nav-bg-hover.gif); }
					#NavigationPrimary ul#OnDemandNav li a:hover, 
					#NavigationPrimary ul#OnDemandNav li a.over { background: url(../images/nav-on-demand-bg.gif) repeat-x 0 0; }

				li#NavigationPrimaryHome a { 
					background: url(../images/common/nav-home-icon.gif) no-repeat 50% 50%;
					padding: 0;
					text-indent: -32000em;
					width: 39px;
				}
						#NavigationPrimary li#NavigationPrimaryHome a:hover, #NavigationPrimary li#NavigationPrimaryHome a.active { background: url(../images/common/nav-home-icon.gif) no-repeat 50% 50%; }

			#NavigationPrimary a span { display: block; padding-top: 9px; }
				#NavigationPrimary li#NavigationPrimaryHome a span { margin-top: 0; }

	    #NavigationPrimary ul .dropDown { /* Dropdown menu */
				background: #212116 url(../images/nav-drop-down-bg.gif) repeat-x 0 0;
				display: none;
				font-size: 100%;
				left: 0;
				padding-top: 20px;
				position: absolute;
				top: 32px;
				z-index: 8;
	    }
/*			#NavigationPrimary ul .active .dropDown { top: 75%; }*/
		#NavigationPrimary ul #NavigationPrimarySolutions .dropDown { width: 400px; }
		#NavigationPrimary ul #NavigationPrimaryProducts .dropDown { width: 400px; }
	      #NavigationPrimary li.over .dropDown {
	        display: block; /* Show the dropdown on hover */
	      }

		#NavigationPrimary ul .dropDown .column { float: left; margin-bottom: 20px; width: 200px; }
		#NavigationPrimary ul .dropDown h4 { color: #fff; font-weight: bold; margin: 20px 20px 0; }
			#NavigationPrimary ul .dropDown h4.first { margin-top: 0; }
			#NavigationPrimary ul .dropDown h4 a {
				display: inline;
				height: auto;
				position: static;
				padding: 0;
			}
	    #NavigationPrimary ul .dropDown ul { float: none; margin: 0 10px 20px 20px; position: relative; }
	      #NavigationPrimary li li { /* Dropdown item */
			background: 0 !important;
	        float: none; /* Make dropdown items appear on top of each other, not next to */

	        /*
						May need to add a float and width to fix problems with dropdown premature closure in IE
						float: left;
						width: 204px;
					*/
	      }
	        #NavigationPrimary li li a { 
					background: url(../images/nav-drop-down-item-bg.gif) no-repeat 0 15px !important;
					font-size: 85%;
					height: auto; 
					padding: 7px 0 7px 15px;
					text-align: left;
					text-transform: none;
					width: 130px;
				} /* Dropdown link */
				#NavigationPrimary ul#OnDemandNav li li a { background: url(../images/nav-drop-down-item-bg.gif) no-repeat 0 15px !important; }
	          #NavigationPrimary li li a.parent {
	          }
			  #NavigationPrimary li li a:hover { color: #ee3434; }
	          #NavigationPrimary li li a.over { 
	             /* Same specificity as above, but later in sheet means it wins */
	          }
	          #NavigationPrimary li li ul,
							#NavigationPrimary li.over li ul { /* Flyout menu */
	            display: none; /* Hide flyout */
	            left: 90%;
	            position: absolute;
	            top: 5px;
	          }
	            #NavigationPrimary li.over li.over ul {
	              display: block; /* Show flyout on hover */
	            }

#MainBody { 
	padding-bottom: 25px;
	position: relative; /* to facilitate */
	z-index: 2;         /* topnav dropdowns */
}
	


#Mast { background: url(../images/mast-bg.jpg) no-repeat 100% 0; height: 72px; margin-bottom: 7px; position: relative; }
#Mast h1 { 
	color: #fff; 
	font-size: 174%; 
	font-weight: normal; 
	position: absolute; 
	top: 30%; 
}

#HomeMast { }
	#HomeMast .carouselWrapper { float: left; width: 706px; }
	#HomeMast ul.carousel { }
		#HomeMast ul.carousel li { height: 387px; width: 705px; }
			#HomeMast ul.carousel h2, #HomeMast ul.carousel h3 { left: -32000em; position: absolute; }
			#HomeMast ul.carousel a {
				display: block;
				height: 40px;
				left: 0;
				position: absolute;
				text-indent: -32000em;
				top: 200px;
				width: 200px;
			}
				/* Positioning is based on them being in one long row */
				#HomeMast ul.carousel li.banner2 a { left: 705px; top: 220px; }
				#HomeMast ul.carousel li.banner3 a { left: 1410px; top: 215px; width: 230px; }
			#HomeMast li.banner1 { background: url(../images/carousel-banner-1.png) no-repeat 0 0; }
			#HomeMast li.banner2 { background: url(../images/carousel-banner-2.png) no-repeat 0 0; }
			#HomeMast li.banner3 { background: url(../images/carousel-banner-3.png) no-repeat 0 0; }
				
	#HomeMast ul.carouselNav { left: 5px; position: absolute; top: 25px; }
		#HomeMast ul.carouselNav li {
			background: url(../images/carousel-nav-bg.gif) no-repeat 0 0;
			color: #fff;
			cursor: pointer;
			float: left;
			font-size: 77%;
			height: 20px;
			line-height: 18px;
			margin-right: 3px;
			text-align: center;
			width: 20px;
		}
			#HomeMast ul.carouselNav li.active { background-position: 0 100%; }
		
#HomeMastPromos {
	background: url(../images/promo-bg.gif) repeat-x 0 -5px;
	float: left;
	height: 390px;
	padding: 10px 12px;
	width: 222px;
}
	#HomeMastPromos .promo { margin-bottom: 14px; }
	#HomeMastPromos .info { }
	#HomeMastPromos h3 {
		background: url(../images/promo-h3-bg.gif) repeat-x 0 0;
		border: 1px solid #92281e;
		color: #313223;
		font-weight: bold;
		margin-bottom: 15px;
		padding: 5px 0 4px 8px;
	}
		#HomeMastPromos .info h3 {
			background: none;
			border: none;
			color: #fff;
			margin: 30px 20px 4px 30px;
			padding: 0;
		}
	#HomeMastPromos img { float: right; width: 65px; }
		#HomeMastPromos img.full { float: none; width: auto; }
	#HomeMastPromos h4, #HomeMastPromos p, #HomeMastPromos a {
		clear: left;
		color: #fff;
		float: left;
		margin: 0 0 0 10px;
		width: 144px;
	}
	#HomeMastPromos h4 { font-weight: bold; margin-bottom: 6px; }
	#HomeMastPromos p { font-size: 85%; }
		#HomeMastPromos .info p {
			float: none;
			font-size: 93%;
			margin: 0 20px 6px 30px;
			width: auto;
		}
	#HomeMastPromos a {
		background: url(../images/more-bg.gif) no-repeat 0 0;
		display: block;
		height: 17px;
		font-size: 77%;
		line-height: 16px;
		margin: 15px 0 6px 10px;
		padding: 0 0 0 5px;
		text-decoration: none;
		width: 68px;
	}
		#HomeMastPromos .info a.promoButton {
			background: url(../images/button-bg.png) no-repeat 0 0;
			display: block;
			color: #000;
			height: 25px;
			font-size: 100%;
			line-height: 1.2em;
			padding: 0;
			width: 150px;
		}
			#HomeMastPromos .info a.promoButtonTall {
				background: url(../images/button-bg.png) no-repeat 0 100%;
				height: 50px;
			}
			#HomeMastPromos .info a.promoButton:hover { text-decoration: none; }
			#HomeMastPromos .info a.promoButton span {
				background: url(../images/circle-bg.png) no-repeat 95% 49%;
				color: #444;
				cursor: pointer;
				display: block;
				font-weight: normal;
				padding: 4px 30px 4px 4px;
				text-transform: none;
			}
			#HomeMastPromos .info a.promoButtonTall span { padding: 8px 30px 8px 4px; }
		#HomeMastPromos .info a {
			background: 0;
			display: inline;
			float: none;
			font-size: 93%;
			margin: 0;
			padding: 0;
			width: auto;
		}
		#HomeMastPromos a:hover { color: #ee3424; }
			#HomeMastPromos .info a:hover {
				color: #fff;
				text-decoration: underline;
			}

#HomeMastButtons { left: 12px; position: absolute; top: 315px; }
	#HomeMastButtons li {
		background-position: 0 0;
		background-repeat: no-repeat;
		display: inline;
		float: left;
		height: 60px;
		margin-right: 8px;
		position: relative;
		width: 210px;
		z-index: 1;
	}
		#HomeMastButtons li.hover { z-index: 2; }
		#HomeMastButtons h3 { text-indent: -32000em; }
		#HomeMastButtons h4 { font-weight: bold; padding-bottom: 6px; }
			#HomeMastButtons h4 a {
				background: url(../images/button-header-link-bg.gif) no-repeat 100% 0;
				color: #ee3424;
				padding-right: 30px;
				text-decoration: none;
			}
		#HomeMastButtons h5 { font-size: 85%; font-weight: bold; }
		#HomeMastButtons p {
			font-size: 85%;
			padding-bottom: 6px;
			line-height: 1.27em;
			margin: 0;
		}
		#HomeMastButtons a { color: #EE3424; text-decoration: none; }
			#HomeMastButtons a:hover { text-decoration: underline; }
		#HomeMastButtons span.raquo { color: #EE3424; }
		
		#HomeMastButtons ul.bannerColumns { }
			#HomeMastButtons ul.bannerColumns li {
				background: url(../images/button-column-divider-bg.gif) no-repeat 100% 0;
				float: left;
				margin-right: 6px;
				padding-right: 5px;
				width: 120px;
			}
				#HomeMastButtons ul.bannerColumns li.last { background: 0; }
		#HomeMastButtons li#ALM { background-image: url(../images/hp-app-life-cycle-btn-img.png); }
		#HomeMastButtons li#ESD { background-image: url(../images/hp-embedded-system-btn-img.png); }
		#HomeMastButtons li#SRM { background-image: url(../images/hp-business-process-btn-img.png); }
			
	#HomeMastButtons .buttonBanner {
		background: url(../images/button-banner-bg.png) no-repeat 0 0;
		height: 132px;
		padding: 13px 15px 15px;
		position: absolute;
		top: -100px;
		width: 399px;
		z-index: 3;
	}
	
#LogosAndQuotes {	clear: both; padding-left: 40px; }
	#LogosAndQuotes li { float: left; position: relative; }
		#LogosAndQuotes li a {
			display: inline;
			float: left;
			height: 62px;
			margin-right: 50px;
			text-indent: -32000em;
			width: 81px;
		}
			#LogosAndQuotes li a#Marquardt {
				background: url(../images/marquardt-logo.gif) no-repeat 0 0;
			}
			#LogosAndQuotes li a#BYU {
				background: url(../images/byu-logo.gif) no-repeat 0 0;
				width: 56px;
			}
			#LogosAndQuotes li a#AgustaWestland {
				background: url(../images/agusta-logo.gif) no-repeat 0 0;
				width: 114px;
			}
			#LogosAndQuotes li a#PremeraBlueCross {
				background: url(../images/premera-logo.gif) no-repeat 0 0;
				width: 90px;
			}
			#LogosAndQuotes li a#CareerBuilder {
				background: url(../images/career-builder-logo.gif) no-repeat 0 0;
				width: 138px;
			}
			#LogosAndQuotes li a#NationwideMutualInsurance {
				background: url(../images/nationwide-logo.gif) no-repeat 0 0;
				width: 120px;
			}
			#LogosAndQuotes li a:hover { background-position: 0 100% !important; }
				#LogosAndQuotes li a#BYU:hover { background-position: 0 -60px !important; }
		#LogosAndQuotes .quote {
			background: url(../images/quote-bg.gif) no-repeat 0 100%;
			color: #7f7f7f;
			height: 178px;
			left: 10px;
			padding: 5px 25px 0;
			position: absolute;
			top: -165px;
			width: 301px;
		}
			#LogosAndQuotes li.last .quote {
				background: url(../images/quote-last-bg.gif) no-repeat 0 100%;
				left: auto;
				right: 60px;
			}
			#LogosAndQuotes .quote div.vertBox .channel { height: 133px; }
				#LogosAndQuotes .quote q {
					background: url(../images/quote-mark-left-bg.gif) no-repeat 0 0;
					display: block;
					font-size: 85%;
					padding-left: 19px;
				}
				#LogosAndQuotes .quote cite {
					color: #fff;
					display: block;
					font-size: 85%;
					text-align: right;
				}
				
ul#Breadcrumbs { border-bottom: 1px solid #e9ebec; float: left; padding-bottom: 15px; width: 100%; }
  ul#Breadcrumbs li { 
			background: url(../images/breadcrumb-divider.gif) no-repeat 100% 3px;
			color: #ee3424;
			float: left; 
			font-size: 85%;
			padding: 0 12px 0 7px; 
		}
		  ul#Breadcrumbs li.first { padding-left: 0; }
		  ul#Breadcrumbs li.last { background: 0; }
	
	ul#Breadcrumbs a { color: #636363; text-decoration: none; }
		ul#Breadcrumbs a:hover { text-decoration: underline; }

/* Wrap left and center channel so that we can put center channel first */
/* in markup for optimal content ordering */
#MainChannel { float: left; }

/* Left channel */
#SidebarPrimary { 
	background: url(../images/sidebar-primary-bg.gif) no-repeat 100% 0; 
	float: left; 
	min-height: 456px;
	padding-top: 20px; 
}
	
	#SidebarPrimary h4.freeTrial, #SidebarPrimary h4.freeDemo {
		background: url(../images/sidebar-primary/promo-bg.gif) no-repeat 0 0;
		font-size: 95%;
		font-weight: bold;
		margin-bottom: 23px;
	}
		#SidebarPrimary h4.freeTrial a, #SidebarPrimary h4.freeDemo a {
			color: #fff;
			display: block;
			height: 29px;
			padding: 9px 0 0 12px;
			text-decoration: none;
			text-transform: uppercase;
			width: 140px;
		}
	#SidebarPrimary #XchangeInfo { }
		#SidebarPrimary #XchangeInfo h2 {
			background: url(../images/sidebar-primary/navigation-secondary-divider.gif) no-repeat 0 100%;
			color: #636363;
			font-size: 93%;
			padding: 3px 0 12px 10px;
			margin-bottom: 2px;
		}
		#SidebarPrimary #XchangeInfo h3 {
			color: #666;
			font-size: 85%;
			padding-left: 10px;
		}
		#SidebarPrimary #XchangeInfo h4 {
			font-size: 85%;
			font-weight: bold;
			padding-left: 10px;
		}
		#SidebarPrimary #XchangeInfo p { font-size: 85%; padding-left: 10px; }
		#SidebarPrimary #XchangeInfo ul { padding: 0 0 10px 10px; }
			#SidebarPrimary #XchangeInfo li { list-style: disc inside; padding-left: 10px; }
/* Center channel */
#Content { background: url(../images/common/3-col-content-channel-bg.gif) no-repeat 0 0; float: right; }
	
/*#ContentChannel { float:left; padding: 26px 25px 0 25px; }*/
	
#Content strong { font-weight: bold; }

ul#Sitemap { width: 100%; }

p.center { text-align: center; }
.wpcme { }
	.wpcme strong { font-weight: bold; }
	.wpcme em { font-weight: normal; }

ul.webcasts { }
	ul.webcasts li { margin-left: 10px; }
		ul.webcasts p { margin-bottom: 0px; }
		
ul.pressReleases { }
	ul.pressReleases li, ul.webcasts li {
		background: 0 !important;
		border-bottom: 1px dotted #9F9F9F;
		line-height: 1.2em !important;
		margin-bottom: 12px;
		padding: 0 0 14px !important;
	}
		ul.pressReleases li.last { border: 0; margin: 0; }
		ul.webcasts li li {
	    background: url("../images/common/bullet.gif") no-repeat 0 12px !important;
			border: 0 !important;
	    line-height: 1.4em !important;
			margin-bottom: 0 !important;
			padding: 5px 0 5px 15px !important;
		}

		ul.pressReleases span.date { float: left; width: 95px; }
		ul.pressReleases h3 { float: right; font-size: 93%; padding: 0; width: 340px; }

ul.articles { }
	ul.articles li {
		background: 0 !important;
		border-bottom: 1px dotted #9F9F9F;
		line-height: 1.2em !important;
		margin-bottom: 12px;
		padding: 0 0 14px !important;
	}
		ul.articles li.last { border: 0; margin: 0; }

		ul.articles img { float: left; }
		ul.articles h3 { float: right; font-size: 93%; padding: 6px 0 0; width: 340px; }
		ul.articles h4 { float: right; font-size: 85%; font-weight: bold; width: 340px; }
		ul.articles p.date { float: right; font-size: 85%; width: 340px; }
		ul.articles p.notes { float: right; font-size: 85%; width: 340px; }

ul.demos { }
	ul.demos li {
		background: 0 !important;
		line-height: 1.2em !important;
	}
		ul.demos a.image { float: left; }
		ul.demos h3 { float: right; width: 340px; }
			
		ul.demos p { float: right; width: 340px; }
			
			
.introVideo { }
	.introVideo .content { margin: 0 auto; }
		.introVideo h3 { padding-top: 4px; }

/* Right Channel */
#SidebarSecondary { 
	background: url(../images/sidebar-secondary/sidebar-secondary-bg.gif) no-repeat 0 0;
	float: left; 
	padding: 20px 0 0 20px; 
}
	
#NavigationSecondary { margin: 15px 0 40px 0; }
	#NavigationSecondary h3 { 
				color: #636363;
				font-size: 93%;
				padding: 0 0 10px 0px;
		}
	#NavigationSecondary h3 a {
				background: url(../images/sidebar-primary/secondary-navigation-expanded-bg.gif) no-repeat 0 6px; 
				color: #636363;
				padding-left: 10px;
				text-decoration: none;
		}
		#NavigationSecondary h3 a.collapsed { 
					background-image: url(../images/sidebar-primary/secondary-navigation-collapsed-bg.gif); 
			}
	#NavigationSecondary ul { margin: 0 0 20px 10px; }
		#NavigationSecondary li.subnav ul { margin-bottom: 0; }
	#NavigationSecondary li {
			background: url(../images/sidebar-primary/navigation-secondary-divider.gif) no-repeat 0 0;
			font-size: 95%;
			margin-bottom: 6px;
			line-height:20px;
			padding-top: 6px;

		}
		#NavigationSecondary li li { font-size: 100%; }
		#NavigationSecondary li a {
				background: url(../images/sidebar-primary/secondary-nav-item-bg.gif) no-repeat 0 6px;
				color: #636363;
				display: block;
				padding-left: 10px;
				text-decoration: none;
			}
			#NavigationSecondary li.subnav a.active { padding-bottom: 6px; }
				#NavigationSecondary li.subnav li a.active { padding-bottom: 0; }
			#NavigationSecondary li a:hover { color: #ee3424; }
			#NavigationSecondary li a.active {
					background-image: url(../images/sidebar-primary/secondary-nav-item-bg-active.gif);
					color: #ee3424;
				}

.promotion { margin-bottom: 15px; }

.latestNewsEvents h3 {
	color: #636363;
	font-size: 85%;
	margin-bottom: 5px;
	padding: 0;
}
	.latestNewsEvents h3 a { 
			border: 1px solid #d6deea;
			color: #636363 !important;
			display: block;
			padding: 4px 10px;
			text-decoration: none;
	}
		.latestNewsEvents h3 a:hover, .latestNewsEvents h3.ui-state-active a { 
				border: 1px solid #ed3424;
				color: #ed3424 !important;
		}
.accordionContent ul { margin-left: 10px; }
.accordionContent li {
	background: 0 !important;
	border-bottom: 1px dotted #7f7f7f;
	font-size: 93%;
	padding: 0 0 7px !important;
	margin-bottom: 7px;
}
	.accordionContent li.last { border: 0; }

.accordionContent .date { color: #333; font-weight: bold; }
.accordionContent a { color: #636363 !important; text-decoration: underline !important; }

#SidebarSecondary .contactBox { border: 1px solid #d6deea; border-bottom: 2px solid #bfbfbf; }
#SidebarSecondary .contactBox .content { padding: 12px 15px 0 15px; }
#SidebarSecondary .contactBox h3 { color: #333; font-size: 131%; }
	#SidebarSecondary .xChangeRegistration h3 { padding-bottom: 15px; }
#SidebarSecondary .contactBox p { font-size: 93%; }
	#SidebarSecondary .xChangeRegistration p { line-height: 1.6em; }
		#SidebarSecondary .xChangeRegistration p em { font-size: 131%; }
#SidebarSecondary .contactBox a { color: #3580cb; text-decoration: none; }
	#SidebarSecondary .xChangeRegistration a { color: #c00; font-weight: normal; text-decoration: underline; }
	#SidebarSecondary .contactBox a:hover { text-decoration: underline; }

#SidebarSecondary .promo { }
	#SidebarSecondary .promo h3 {
		background: url(../images/sidebar-secondary/promo-header-bg.gif) repeat-x 0 0;
		border: 1px solid #A4A4A7;
		border-bottom: none;
		border-top: none;
		color: #313223;
		font-weight: bold;
		padding: 6px 0 6px 8px;
	}
	#SidebarSecondary .promo .details {
		background: #fcfdfe url(../images/sidebar-secondary/promo-gradient-bg.gif) repeat-x 0 0;
		padding: 10px 0 12px 10px;
	}
	#SidebarSecondary .promo img { display: inline; float: right; margin-right: 16px; }
	#SidebarSecondary .promo h4 {
		color: #000;
		font-weight: bold;
		line-height: 1.2em;
		margin-bottom: 4px;
		width: 144px;
	}
	#SidebarSecondary .promo p {
		font-size: 93%;
		line-height: 1.2em;
		margin-bottom: 4px;
		width: 144px;
	}
	#SidebarSecondary .promo a {
		background: url(../images/sidebar-secondary/arrow-link-bg.png) no-repeat 0 0;
		color: #fff;
		display: block;
		font-size: 77%;
		height: 19px;
		line-height: 17px;
		margin: 15px 0 4px;
		padding-left: 5px;
		text-decoration: none;
		width: 70px;
	}
		#SidebarSecondary .promo a.large {
			background: url(../images/sidebar-secondary/arrow-link-large-bg.gif) no-repeat 0 0;
			width: 88px;
		}
		#SidebarSecondary .promo a:hover { color: #ee3424; }
	
#FooterSiteMap { background: url(../images/common/footer-sitemap-bg.gif) no-repeat 50% 0; padding: 25px 0; }
#FooterSiteMap .fourColumns { background: url(../images/common/footer-sitemap-columns-bg.gif) no-repeat 0 0; } 
	#FooterSiteMap .fourColumns .column { float: left; }
	#FooterSiteMap .fourColumns .columnOne { margin: 0 30px 0 45px; width: 200px; }
	#FooterSiteMap .fourColumns .columnTwo { margin-right: 28px; width: 210px; }
	#FooterSiteMap .fourColumns .columnThree { margin-right: 23px; width: 92px; }
	#FooterSiteMap .fourColumns .columnFour { margin-right: 25px; width: 115px; }
	#FooterSiteMap .fourColumns .columnFive { width: 150px; }

	#FooterSiteMap h4 { 
				color: #636363; 
				font-size: 85%;
				font-weight: bold; 
				padding-bottom: 10px;
				text-transform: uppercase; 
			}
		#FooterSiteMap h4 a { color: #636363; }
	#FooterSiteMap a { color: #919191; text-decoration: none; }
		#FooterSiteMap a:hover { text-decoration: underline; }
	#FooterSiteMap ul { margin-bottom: 15px; }
	#FooterSiteMap li { font-size: 85%; padding-bottom: 10px; }

.WrapperFooter {  }
.Footer {
	color: #7f7f7f;
	padding: 9px 26px 0;
	font-size: 85%;
	padding: 25px 0;
	width: 952px;
	float:left;
	background: url(../images/footer-sitemap-bg.gif) no-repeat 50% 0; padding: 25px 0;
	text-align: center;
}
.Footer a { color: #636363; text-decoration: none; }
.Footer a:hover { text-decoration: underline; }
.Footer ul.siteLinks { margin-bottom: 5px; }
.Footer ul.siteLinks li { 
			background: url(../images/common/footer-divider.gif) no-repeat 100% 0; 
			display: inline; 
			padding: 0 12px 0 2px; 
		}
.Footer ul.siteLinks li.last { background: 0; }
	

/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Setup some defaults, site-wide */

h2 { color: #3580cb; font-size: 123.1%; font-weight: bold; margin-top: 8px; padding-bottom: 4px; }
h3 { color: #6f6f6f; font-size: 100%; font-weight: bold; padding-bottom: 5px;}
p { line-height: 1.4em; margin-bottom: 15px; }
em { font-weight: bold; }

#Content a { color: #ee3424; text-decoration: none; }
	#Content a:hover { text-decoration: underline; }
/* The standard li treatment for lists in the content */
/* We don't style the li site-wide because we also use it in a utility capacity */
#Content ul { margin-bottom: 15px; }
#Content li {
	background: url(../images/common/bullet.gif) no-repeat 0 7px;
	line-height: 1.4em;
	padding-bottom: 10px;
	padding-left: 15px;
}

.floatedLeft { float: left; padding: 0 10px 7px 0; }
.floatedRightt { float: right; padding: 0 0 7px 10px; }
.centered { text-align: center; }
.italicized { font-style: italic; }

table { border: 1px solid #606060; margin-bottom: 20px; width: 100%; }
	table.trademarks { width: 40%; }

	table th {
		background: #696969;
		color: #fff;
		font-size: 93%;
		font-weight: bold;
		line-height: 1.4em;
		padding: 7px 0;
		text-align: center;
	}
	table td {
		border-right: 1px solid #dfdfdf;
		font-size: 93%;
		line-height: 1.4em;
		padding: 10px 15px;
		text-align: left;
		vertical-align: top;
	}
		table td.last { border: 0; }

/*
	TODO Standard Box Styles
*/
.highlightBox { }
.featureBox { }

#Content ul.tabNav { border-bottom: 1px solid #848383; margin-bottom: 15px; }
	#Content ul.tabNav li {
			background: 0;
			float: left; 
			height: 28px;
			margin: 0 5px 0 0; 
			padding: 0 !important;
		}
	#Content ul.tabNav li a {
			background: url(../images/common/tab-bg.gif) no-repeat 0 0;
			color: #838383 !important;
			display: table;
			padding: 0 0 0 15px;
			height: 28px;
		}
		#Content ul.tabNav li a:hover { text-decoration: none; }
		#Content ul.tabNav li.ui-state-active a {
				background: url(../images/common/tab-bg-active.gif) no-repeat 0 0;
				color: #fff !important;
				font-weight: bold;
			}
	#Content ul.tabNav li a span {
			background: url(../images/common/tab-bg.gif) no-repeat 100% 0;
			display: table-cell;
			padding: 0 15px 0 0;
			height: 28px;
			vertical-align: middle;
		}
		#Content ul.tabNav li.ui-state-active a span {
				background: url(../images/common/tab-bg-active.gif) no-repeat 100% 0 !important;
			}

.tabContent { padding: 0 0 20px 0; }

table.downloads { }
	table.downloads td { width: 33%; }
/* 
	Image Block
	
	Image on left, content on right

	<div class="imageBlock selfClear">
		<h3>Content Title</h3>
		<p class="image"><a href="/images/larger-version.png" rel="prettyPhoto"><img src="/images/smaller-version.jpg" width="186" height="130" alt="alt text" /></a></p>
		<p>Info about the image</p>
	</div>
*/
.imageBlock { }
	.imageBlock p { float: right; }
		.imageBlock p.image { float: left; margin-right: 10px; width: auto; }

/* Image Block layout Properties - custom for each site/implementation */
.imageBlock p { width: 380px; }
.imageBlockRight { float: right; margin: 0 0 10px 20px; width: 224px; }
.imageBlockLeft { float: left; margin: 0 20px 10px 0; width: 224px; }
	.imageBlockRight p, .imageBlockLeft p { width: 224px; margin: 0; font-size: 85%; }


/*
	Standard Document Lists

	<ul class="documents">
		<li><a href="#" class="pdf">PDF Document</a></li>
	</ul>
*/
#Content ul.documents { padding: 15px; border: 1px solid #666; margin: 5px; }
	#Content ul.documents li { background: 0 !important; padding-left: 0; }
		#Content ul.documents li a {
					display: block;
					font-weight: bold;
					font-size: 93%;
					padding-left: 24px;
					line-height: 16px;			
		}
			#Content ul.documents li a.pdf {
					background: url(../images/icons/pdf.png) no-repeat 0 0;
			}
			#Content ul.documents li a.video {
					background: url(../images/icons/video.png) no-repeat 0 0;
			}
		#Content ul.documents li.note { font-size: 85%; padding-left: 24px; }
			#Content ul.documents li.note em { font-weight: normal; }

/*
	Layout horizontal buttons

	<ul class="buttons">
		<li><a href="#" class="button sampleButton"><span><em>Button 1</em></span></a></li>
		<li><a href="#" class="button sampleButton"><span><em>Button 2</em></span></a></li>
		<li><a href="#" class="button sampleButton"><span><em>Button 3</em></span></a></li>
	</ul>
*/
ul.buttons { margin-bottom: 8px; }
	ul.buttons li {
		background: 0 !important;
		float: left;
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}

/* 
	Standard Button Display
	
	<p class="selfClear"><a href="#" class="button sampleButton"><span><em>Sample Button</em></span></a></p>
*/
a.button {
	display: block;
	float: left; /* Collapse around text */
	text-decoration: none;
}
	a.button:hover { text-decoration: none; }
	a.button span {	display: block;	float: left; }
		a.button em {	display: block; float: left; }
a.promoButton {
	background: url(../images/sidebar-primary/promo-button-bg.gif) no-repeat 100% 100%;
	font-size: 116%;
	font-weight: bold;
	height: 38px;
	padding-right: 10px;
	width: 142px;
}
	a.promoButton span {
		background: url(../images/sidebar-primary/promo-button-bg.gif) no-repeat 0 0;
		color: #fff;
		padding-left: 10px;
		text-transform: uppercase;
	}
	a.promoButton span em { line-height: 38px; }
/* Custom display properties for a button on the site - updated for each site */
a.sampleButton {
	background: url(../images/common/sample-button-bg.png) no-repeat 100% 100%; 
	height: 41px; /* height of button image */
	padding-right: 10px; /* right padding for image edge */
}
	a.sampleButton span {
		background: url(../images/common/sample-button-bg.png) no-repeat 0 0;
		color: #fff;
		font-size: 116%;
		padding-left: 10px; /* balance out right padding */
	}
		a.sampleButton:hover span { color: #fc0; }
		a.sampleButton em {
			line-height: 41px; /* Provides vertical centering */
			/* Add styles here if image has an icon on it, left or right of text */
		}

/*
	TODO More links
*/
a.more { }

/*
	TODO Button Style
*/
a.button { }
	a.buttonLarge { }
	a.button span { }
		a.button span em { }

/*
	Same height columns

<div class="columnWrapper">
	<ul class="columns twoUp">
		<li class="column"></li>
		<li class="column"></li>
	</ul>
</div>
*/
div.columnWrapper {
	position: relative; /* relative position on display table element causes problems */
}
	ul.columns {
		display: table;
		margin: 0 !important;  /* Override any values set for */
		padding: 0 !important; /* lists in the content area */
	}
		ul.columns li.column {
			display: table-cell;
			vertical-align: top;
			background: none !important; /* Override any values */
			margin: 0 !important;        /* set for lists in */
			padding: 0 !important;       /* the content area */
		}
			ul.twoUp li.column { width: 50%; }
			ul.threeUp li.column { width: 33%; }
			ul.twoUp li.one .content { margin: 0 8px 0 0; }
			ul.twoUp li.two .content { margin: 0 0 0 8px; }
			ul.threeUp li.one .content { margin: 0 10px 0 0; }
			ul.threeUp li.two .content { margin: 0 6px; }
			ul.threeUp li.three .content { margin: 0 0 0 10px; }

ul.sampleColumns { }
	ul.sampleColumns li { border-right: 1px solid #333; width: 275px; }
		ul.sampleColumns li.last { border-right: 0; }
		ul.sampleColumns div.content { padding: 8px 16px 12px; }
		ul.sampleColumns p.more {
			bottom: 2px;
			margin-bottom: 0;
			position: absolute;
			text-align: right;
			width: 243px;
		}

/* Standard Grid display */
/* From: http://www.hedgerwow.com/360/dhtml/css-inline-block-layout.php */
ul.grid { }
	ul.grid li {
		display:-moz-inline-stack !important;/* Firefox 2 and under to simulate display:inline-block */
		display: inline-block !important;
		padding: 0 !important;
		vertical-align: text-top;
	}

/* Set layout properties for specific grid implementations. The standard ul.grid
	selector should remain unchanged from project to project.
	
	<ul class="grid sampleGrid">
	
	Though you should use something more descriptive than just "sampleGrid"
 */
ul.sampleGrid li {
		background: 0 !important;
		margin: 0 10px 0 5px; /* Set as appropriate */
		padding-bottom: 10px !important;
		width: 250px; /* Set as appropriate */	
}

/* Need vertical centering solution that works for both one and two lines of text.
   See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */
div.vertBox .channel { display: table; }
	div.vertBox .channel .content {	display: table-cell; vertical-align: middle; }

/* Set layout properties for specific vertical positioning implementations.
	The standard selector should remain unchanged from project to project.
	
	<div class="vertBox sampleVertBox">
		<a href="#" class="channel">
			<span class="content">lorem</span>
		</a>
	</div>
*/
div.sampleVertBox .channel {
	border: 1px solid #333;
	height: 39px; /* Set as appropriate */
}
	div.sampleVertBox .content {
		font-size: 93%; /* Set as appropriate  */
		line-height: 1.2em; /* Set as appropriate */
		padding: 0 6px;
		text-align: center;
		width: 88px; /* Set as appropriate */		
	}

.ui-tabs-hide { display: none; }
.bannerPane{ float:left; width:625px; padding:30px 0 10px 0;}
.bannerpic{
	float:left;
	width:195px;
	padding-left:10px;
}
img{border:none;}