﻿/*  Reset all default styles  */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
/* ol,ul{list-style:none} */
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

body { background: #fff; }
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p { font-family: tahoma, arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #6f49ac; } li, p, td { color: #666; font-size: 0.8em; line-height: 1.4em; } li li { font-size: 1em; }
}
ol, ul { margin-top: 10px; margin-left: 30px; } ol li, ul li { line-height: 1.25em; margin-bottom: 10px; }
td { font-size: 12px; }
h1 { font-size: 26px; font-weight: normal; padding: 5px 0 7px 10px; }
.heading1 { font-size: 26px; font-weight: normal; padding: 5px 0 7px 10px; }
h2 { font-size: 18px; font-weight: normal; padding: 10px 10px 8px 10px; }
h3 { font-size: 16px; font-weight: normal; padding: 10px 10px 8px 10px; }
a, a p {color:#6f49ac; text-decoration: underline;} a:hover, a:hover p {color:#6f49ac; text-decoration: none; }

/*  Site-wide styles  */
#frame { margin-left: auto; margin-right: auto; width: 970px; margin-bottom: 20px; position: relative; }
#framePopup { margin-left: auto; margin-right: auto; width: 780px; margin-top: 20px; margin-bottom: 20px; position: relative; }

#mainNav {
	margin: 0; padding: 0;
	height: 30px;
	width: 1000px;
	background:url("/images/css/bar.jpg") no-repeat left top;
	font-size: 12px;
	color: #6732ba;
	text-align: right;
	}
#header { float: left; font-family: Arial, Helvetica, sans-serif; line-height: normal; width: 100%; padding: 0 4px 0 4px; }
#header ul { margin:0; padding:0; list-style: none; }
#header li { float:left; background:url("/images/css/barTabright.jpg") no-repeat right top; margin:0; padding:0; }
#header a {
	display: block;
	background:url("/images/css/barTableft.gif") no-repeat left top;
	padding: 7px 25px 7px 22px;
	text-decoration: none;
	color: #666;
	font: 12px arial, helvetica, sans-serif;
	font-weight:bold;
	}
#header li:hover { background:url("/images/css/barTableftHover.gif") no-repeat left top; background-color: #f9f9f9; }
#header li:hover a { background:url("/images/css/barTableftHover.gif") no-repeat left top; background-color: #f9f9f9; }
p.breadcrumb { background-color: #e6e6e6; margin-top: 1px; padding: 3px 0 5px 23px; color: #999; font-size: 11px; }
.breadcrumb a:link, .breadcrumb a:visited  { color: #999; text-decoration: underline; }
.breadcrumb a:hover, .breadcrumb a:visited:hover { color: #999; text-decoration: none; }
p.icons { text-align: right; font-size: 11px; font-weight: bold; margin: 6px 7px 15px; padding: 0; }
.icons a:link, .icons a:visited  { color: #666; text-decoration: none; }
.icons a:hover, .icons a:visited:hover { color: #666; text-decoration: underline; }

p.footerMssg { color: #999; font-size: 11px; text-align: right; margin: 0; padding: 7px 10px 7px 0; border-top: 1px solid #ccc; }
.footerMssg a:link, .footerMssg a:visited  { color: #999; text-decoration: underline; }
.footerMssg a:hover, .footerMssg a:visited:hover { color: #999; text-decoration: none; }
.footer { background-color: #6f49ac; text-align: center; margin-top: 7px; }
.footer p { padding: 5px 20px 15px 20px; font-size: 11px; color: #ccc; }
.footer a:link, .footer a:visited  { color: #ccc; text-decoration: underline; }
.footer a:hover, .footer a:visited:hover { color: #ccc; text-decoration: none; }

/*  CSS grid credit 960 Grid System http://960.gs  */
/*  Must declare this for all containers with specific widths so they'll properly align alongside of one another  */
.wwlogo, .byLine, .mainNavContainer, #mainNav, .keepUpdate, .introImages, .mainImage, .mainImageSm, .leftImage, .rightImage, .relatedLinks, .colHomeLeft, .colHomeMiddle, .colHomeLeftMiddle, .colHomeNews, .fullCol, .colLeftNav, .colMiddle, .colRight, .colLeftSetA, .colMidSetA, .colRightSetA, .colLeftSetB, .colRightSetB, .leftCol, .rightCol, .leftCol60, .rightCol40, .leftCol70, .rightCol30, .halfCol, .thirdCol, .fourthCol, .listing, .listingLogo, .halfColSm { display:inline; float:left; margin-left:0; margin-right:0; }

/*  Various containers with different widths  */
.boxTop { z-index: 0; }
	.topNavArea { float: right; z-index: 5; height: 45px; width: 842px; background:url("/images/css/topBar.jpg") no-repeat right top; }
		.searchBox { margin: 0; padding: 0; float: right; background: transparent; width: 130px; position: relative; top: 3px; right: 13px;
		font-size: 12px; text-align: right; font-weight: normal; color: #6732ba;}
		.searchBox input { padding: 2px; font-size: 12px; color: #6732ba; border: 1px solid #999; }
		.topNav { margin: -12px 0 0 0; padding: 0 0 4px 0; float: right; font-size: 12px; color: #6732ba; position: relative; top: 20px; right: 30px; }
		.topNav a:link, .topNav a:visited { color: #6732ba; text-decoration: none; } .topNav a:hover { color: #6732ba; text-decoration: underline; }
	.wwlogo { z-index: 10; background: transparent; width: 150px; margin: -25px 0 0px 7px; }
	
	.byLine { z-index: 10; background: transparent; width: 400px; margin: 10px 0 10px 155px; padding: 0; }

.colHomeLeft { width: 304px; }
.colHomeMiddle { width: 304px; margin-left: 14px; }
.homeDescription { margin-bottom: 10px; border: 1px solid #ccc; border-top: 0; }
.homeDescription p { border-top: 2px solid #1d9ec0; background-color: #effafe; padding: 8px 10px; font-size: 12px; line-height: 1.3em; }
.colHomeLeftMiddle { width: 622px; margin-bottom: 10px; }
.colHomeNews { width: 332px; margin-left: 14px; }

.fullCol { width: 960px; margin: 0 0 10px 5px; }
.fullColSm { width: 920px; margin: 10px 20px 0 20px; }
.colLeftNav { width: 175px; margin: 0 0 10px 5px; background: url("/images/css/sliceLeftNav.jpg") repeat-x bottom; border: 1px solid #ccc; border-top: 2px solid #00a3b4; }
.colLeftNav h1 { margin: 0; padding: 6px 15px; color: #666; font-size: 0.8em; font-weight: bold; border-bottom: 1px solid #ccc; }
.colLeftNav p { padding: 4px 15px; }  .colLeftNav p.indent { padding: 0 15px 4px 35px; }
.colLeftNav a:link, .colLeftNav a:visited  { text-decoration: none; color: #666; }
.colLeftNav a:hover, .colLeftNav a:visited:hover { color: #00a3b4; text-decoration: none; }
.colLeftNav p.selected { color: #00a3b4; font-weight: bold; }
.colMiddle { width: 555px; margin-left: 15px; }  .colRight { width: 195px; margin: 0 0 10px 15px; }
.colLeftSetA { width: 200px; margin-left: 15px; } .colMidSetA { width: 530px; margin-left: 5px; } .colRightSetA { width: 200px; margin-left: 15px; }
.archestraPartner { margin: 10px; padding: 15px; } .archestraPartner table { margin-bottom: 10px; } .archestraPartner h2, .archestraPartner p { margin-left: 185px; }
.colLeftSetB { width: 160px; }  .colRightSetB { width: 780px; margin-left: 10px; }

.leftCol { width: 470px; margin-left: 5px; }  .rightCol { width: 470px; margin-left: 20px; }
.leftImage, .rightImage { width: 235px; text-align: center; }
.leftCol70 { width: 620px; margin-left: 5px; }  .rightCol30 { width: 325px; margin-left: 15px; }
.leftCol60 { width: 530px; margin-left: 5px; }  .rightCol40 { width: 420px; margin-left: 15px; }
.halfCol { width: 479px; }
.listing { width: 322px; margin: 10px 0 15px 0; } .listing p, .relatedItems .listing p { padding: 0 0 3px; line-height: 1.2em; }
.listingLogo { width: 135px; margin: 10px; }
.thirdCol { width: 320px; }  .thirdCol .listing { width: 208px; margin: 10px 0 15px 0;  }  .thirdCol .listingLogo { width: 100px; margin: 10px 10px 0 0; }
.fourthCol { width: 220px; margin: 10px 0 0 15px; padding-bottom: 13px; } .fourthCol p { padding: 0 0 3px; line-height: 1.2em; }
.halfColSm { width: 444px; } .firstBox { margin-left: 34px; margin-bottom: 7px; } .lastBox { margin-left: 7px; margin-bottom: 7px; } .middle { margin-left: 247px; }
.mainImage { width: 348px; margin-bottom: 15px; }
.mainImageSm { width: 331px; margin: 0 15px 15px 0; }

.relatedLinks { width: 120px; }
.relatedLinks ul { margin: 10px 0; padding: 0; }
.relatedLinks ul li { list-style: none; margin-bottom: 3px; padding: 4px 4px; background: url("/images/css/relatedLinksSlice.jpg") repeat-y; border: 1px solid #ccc; font-size: 11px; line-height: 1.2em; text-align: center; }
.relatedLinks a:link, .relatedLinks a:visited  { text-decoration: none; color: #663399; }
.relatedLinks a:hover, .relatedLinks a:visited:hover { text-decoration: underline; }

.mainNavContainer { width: 970px; background: #cacaca url("/images/css/barSlice.jpg") repeat; }
.mainNavContainer .keepUpdate { margin: 0; padding: 0; float: right; }

/*  Various styles to associate with containers & elements  */
/*  Homepage styles  */
.flashHome { margin-top: 1px; margin-bottom: 9px; } div#flash { display:none; }
.highlightBlock { margin: 0; padding: 0; height: 155px; font-size: 14px; line-height: 1.1em; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.colorBlue { border-top: 2px solid #266dff; background: #e7effa url("/images/css/homepage/sqrBlueSlice.jpg") repeat-x; }
.colorGold { border-top: 2px solid #ffa626; margin-top: 6px; background: #f9f3e7 url("/images/css/homepage/sqrGoldSlice.jpg") repeat-x; }
.colorPurple { border-top: 2px solid #ad26ff; background: #fbe8f8 url("/images/css/homepage/sqrPurpleSlice.jpg") repeat-x; }
.colorGreen { border-top: 2px solid #1cbb3a; margin-top: 6px; background: #e6fbe8 url("/images/css/homepage/sqrGreenSlice.jpg") repeat-x; }
.highlightBlock .iconSquare {float: left; margin: -12px 15px 0 10px; }
.highlightBlock h1 { font-size: 14px; color: #666; font-weight: bold; padding-top: 25px; }
.highlightBlock p { margin: 0 10px; }
.highlightBlock a.moreLink, .highlightBlock a:visited.moreLink { text-decoration: none; font-weight: bold; }
.highlightBlock a:hover.moreLink, .highlightBlock a:visited:hover.moreLink {text-decoration: underline; }
.storiesArea { margin: 0; padding: 5px 8px 0 8px; height: 38px; background: url("/images/css/homepage/successSlice.jpg") repeat-x; font-size: 14px; line-height: 1.1em; border: 1px solid #ccc; border-top: 0; }

/*  Other generic styles  */
.urgent { color: #cc0000; }
.placeCenter { text-align: center; }
.floatRight { float: right; } .floatLeft { float: left; }
.imgRight { float: right; margin: 0 0 10px 10px; text-align: center; }
.imgLeft { float: left; margin: 0 10px 10px 0; text-align: center; }
.padTop { padding-top: 10px; }
.border { border: 1px solid #ccc; } .topBorder { border-top: 1px solid #ccc; } .leftBorder { border-left: 1px solid #ccc; } .rightBorder { border-right: 1px solid #ccc; } .bottomBorder { border-bottom: 1px solid #ccc; margin-bottom: 15px; }
.divider { border-bottom: 1px solid #ccc; margin-bottom: 5px; margin-top: -15px; }
.shadeBckgrd { background-color: #e2e2e2; } .shadeBckgrd2 { background-color: #c6e2ff; }
table.grid { margin: 0 10px; padding: 11px 0; }  table.grid tr td { border-bottom: 1px solid #ccc; padding: 0.5em 0; } td.noBorder { border-bottom: 0; }

.highlightBox { background: url("/images/css/gradientPurple.jpg") repeat-x bottom; padding: 10px; line-height: 1em; }
.highlightBox h1 { text-align: center; font-size: 12px; color: #666; font-weight: bold; padding-bottom: 5px; } .highlightBox p { padding-bottom: 8px; } .highlightBox p+a { text-align: center; }

.relatedItems { }
.relatedItems h1 { font-size: 12px; font-weight: bold; padding: 5px 13px 7px 13px; background-color: #e6e6e6; color: #666; }
.relatedItems p { padding: 5px 13px; }
p.moreStories { border-top: 1px solid #ccc; margin-top: 10px; }


.newsListing { }
.newsListing h1 { height: 28px; background:url("/images/css/homepage/sliceNewsHdr.jpg") repeat-x; font-size: 14px; font-weight: bold; color: #666; padding-bottom: 0; }
.newsListing .morelinks { float: right; font-size: 11px; font-weight: bold; margin-right: 5px; }
h1 .morelinks a:link, h1 .morelinks a:visited { text-decoration: underline; }  h1 .morelinks a:hover, h1 .morelinks a:visited:hover { text-decoration: none; }
.newsListing p { background:url("/images/css/homepage/sliceNewsDivider.jpg") repeat-x top; margin: 0 5px; padding: 15px 7px 10px 7px; }
.newsListing p.first { background: none; padding-top: 2px;}

.intro { padding-bottom: 12px; }
.intro h1 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
.intro p, .intro td p, .tabItemsIntro p { padding: 7px 10px; } .intro td li, .intro td p { font-size: 1em; }
.intro ul li, .tabItemsIntro ul li { list-style-image:url("/images/css/bulletContent.gif"); }
.intro ul { margin: 7px 25px 0 30px; padding: 0; } .intro ol { margin: 7px 25px 0 35px; padding: 0; }
.intro p.note { width: 400px; margin: 15px 0 0 20px; padding: 10px 15px; border: 1px solid #999; }
.intro p.note1 { width: 800px; margin: 15px 0 0 20px; padding: 10px 15px; border: 1px solid #999; }
.introImages { padding-bottom: 15px; }
.introImagesNone { margin-top: -15px; }

.tabsIntro { margin-top: 20px; }
.tabItems p { margin: 0 10px; padding: 11px 0; line-height: 1.2em; border-top: 1px solid #ccc; }
.tabItems p.first { border-top: none; padding-top: 5px; }

/*  Clear style used with various floated containers  */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after {clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix {display:inline-block}
* html .clearfix{height:1%}
.clearfix {display:block}

