body { background: #fff; }
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, td { font-family: Verdana, Geneva, Tahoma, sans-serif; color: #666; font-weight: normal; }

#frame { margin-left: auto; margin-right: auto; width: 970px; margin-bottom: 20px; position: relative; }

/*  CSS grid credit 960 Grid System http://960.gs  */
/*  Must declare this for all containers with widths in the layout grid so they properly align alongside of each other  */
.colHomeLeftMiddle, .colHomeLeft, .colHomeMiddle, .colHomeNews, .colLeftNav, .colMiddle, .colRightNav, .colMiddleWide, #tabs, .colLeft, .colRight, .mainImage, .relatedLinks
	{ display:inline; float:left; margin-left:0; margin-right:0; }

/*  Begin site-wide styles  */
.boxTop { height: 82px; background:url("/images/backgroundTop.jpg") no-repeat right top; }
.wwlogo { float: left; position: relative; top: 10px; left: 10px;}
.searchBox { float: right; width: 129px; position: relative; top: 5px; right: 7px; color: #666;}
.topNav { float: right; width: 300px; position: relative; top: 10px; right: 25px; text-align: right; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; }
.topNav a:link, .topNav a:visited { color: #666; text-decoration: none; } .topNav a:hover { color: #e87511; text-decoration: underline; }
.mainNavContainer { margin-left: 0; width: 970px; background: #cacaca url("/images/barSlice.jpg") repeat; }

#mainNav { height: 30px; width: 960px; text-align: right; }
#header { float: left; line-height: normal; width: 100%; padding: 0 4px 0 4px; }
#header ul { list-style: none; }
#header li { float:left; background:url("/images/barTabright.jpg") no-repeat right top; }
#header a {
	display: block;
	background:url("/images/barTableft.gif") no-repeat left top;
	padding: 7px 21px 7px 18px;
	text-decoration: none;
	color: #666; font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold;
	}
#header li:hover { background:url("/images/barTableftHover.gif") no-repeat left top; background-color: #f9f9f9; }
#header li:hover a { background:url("/images/barTableftHover.gif") no-repeat left top; background-color: #f9f9f9; }

.footer { margin-top: 20px; padding-top: 10px; background-color: #adafaf; text-align: center; }
.footer p { padding: 0 20px 10px 20px; font-size: 11px; color: #fff; }
.footer a:link, .footer a:visited  { color: #fff; text-decoration: underline; }
.footer a:hover, .footer a:visited:hover { color: #e87511; text-decoration: none; }

/*  mainBody is everything bet. .mainNavContainer and .footer  */
.mainBody { margin: 0; padding: 0;}
.mainBody ol, .mainBody ul, .mainBody p, .mainBody td {font-size: 12px; line-height: 1.7em;}
.mainBody table td * { font-size: 1em; } /* Resize content inside of tables including p, ul, ol content */
.mainBody h1 { font-size: 26px; } 
.mainBody h2 { font-size: 20px !important; font-weight: normal;} 
.mainBody h3 { font-size: 18px !important; font-weight: normal;}
.mainBody a:link, .mainBody a:visited { color: #666; text-decoration: underline; }
.mainBody a:hover, .mainBody a:visited:hover { color: #e87511; text-decoration: none; }

/*  Styles inheriting from mainBody  */
.icons { float: right; margin: 13px 0 15px 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; text-align: right;}
.iconsHome { float:right; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; }
.icons a:link, .icons a:visited, .iconsHome a:link, .iconsHome a:visited { text-decoration: underline; }
.icons a:hover, .icons a:visited:hover, .iconsHome a:hover, .iconsHome a:visited:hover { text-decoration: none; }
p.breadcrumb { float: left; margin-top: 13px; width: 670px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 13px; }
.intro h1, .intro h2, .intro h3, .intro p { padding: 0 5px; }
.intro h1 { padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #e0e1dd; border-bottom: 1px solid #e0e1dd; line-height: 1.15em; }
.intro h2, .intro h3 { padding-top: 15px; line-height: 1.3em; } .intro h2 { padding-bottom: 7px; }
.intro h2.noPad { padding-top: 10px !important; }
.intro p { padding-top: 8px;}  .intro table { margin: 8px 5px; }
.intro ul, .intro ol { margin: 10px 25px 0 25px; } .intro li { padding-bottom: 8px; }
.intro ul { list-style-image:url("/images/bulletContent.gif"); } .intro ol { list-style-type: decimal; padding-left: 5px; }
.intro a:link, .intro a:visited { color: #e87511; }
.intro a:hover, .intro a:visited:hover { color: #666; background-color: #efefe1; }
.intro blockquote { padding-left: 20px; padding-right: 20px; }

#tabs { margin-top: 13px; }
#tabs p { padding: 6px 3px 6px 3px; border-bottom: 1px solid #e0e1dd; }
.tabContent { padding-bottom: 10px; } .tabContent h3 { padding-top: 8px; }
.tabContent p { border-margin-left: 2px; border-bottom: 0 !important;}

.relatedItems { margin-bottom: 20px; border: 1px solid #e0e1dd; -webkit-border-radius: 8px; /* rounded corners: Safari */ -moz-border-radius: 8px; /* Firefox */ } 
.relatedItems h1 { font-size: 12px; font-weight: bold; padding: 7px 10px 7px 10px; background-color: #e6e6e6; }
.relatedItems p { padding: 5px 10px 5px 10px; }  .relatedItems p.moreLink { margin-top: 6px; border-top: 1px solid #e0e1dd;}

.thumbImages { margin: 5px 0; padding: 8px 0; text-align: center; border-bottom: 1px solid #e0e1dd; }

/*  Home page styles  */
.flashHome { margin: 1px 0 7px 0; }
.homeDescription { margin-bottom: 10px; border: 1px solid #ccc; border-top: 0; }
.homeDescription p { border-top: 2px solid #c3d603; background-color: #f9f9f9; padding: 8px 10px; line-height: 1.5em;}
.highlightBlock { margin:0 0 10px 0; padding:0; font-size: 14px; line-height: 1.1em; border: 1px solid #ccc; border-top: 2px solid #c3d603; }
.highlightBlock h1 { font-size: 14px; font-weight: bold; margin:0; padding: 20px 0 0 0; }
.highlightBlock img {float: left; margin: -7px 15px 0 10px; }
.highlightBlock p { margin: 0 10px 0 10px; padding:0 0 10px 0; font-size: 0.8em; line-height: 1.4em;}
.highlightBlock a:link, .highlightBlock a:visited { color: #666; text-decoration: underline; }
.highlightBlock a:hover, .highlightBlock a:visited:hover {text-decoration: none; }
.colorBlue { background: url("/images/home/sqrBlueSlice.jpg") repeat-x; }
.colorGold { background: url("/images/home/sqrGoldSlice.jpg") repeat-x; }
.colorPurple { background: url("/images/home/sqrPurpleSlice.jpg") repeat-x; }
.colorGreen { background: url("/images/home/sqrGreenSlice.jpg") repeat-x; }
.storiesArea { background: url("/images/home/successSlice.jpg") repeat-x; vertical-align: bottom;}
.storiesArea p { margin: 0; padding: 6px 10px; }
.newsListing { background-color: #f9f9f9; margin-bottom: 15px; border: 1px solid #ccc; border-top: 0px;}
.newsListing h1 { height: 20px;
	background: url("/scripts/jquery/images/ui-bg_highlight-hard_90_c3d603_1x100.png") 50% 50% repeat-x; 
	color: #333; font-size: 13px !important; font-weight: bold; padding: 7px 0 1px 10px; }
.newsListing p { margin: 0 5px -1px; padding: 5px 7px; border-bottom: 1px solid #e0e1dd; font-size: 12px !important; }
.morelinks { float: right; font-size: 12px !important; margin-right: 5px; }
.morelinks a:link, .morelinks a:visited { font-weight: bold; text-decoration: underline; color: #333; }
.morelinks a:hover, .morelinks a:visited:hover { text-decoration: none; }

/*  Various content containers  */
.colHomeLeftMiddle { width: 622px; margin-bottom: 10px; }  .colHomeNews { margin-left: 14px; width: 334px;}
.colHomeLeft { width: 304px; }
.colHomeMiddle { width: 304px; margin-left: 14px; }

.colLeftNav { width: 175px; border: 1px solid #e0e1dd; border-top: 2px solid #c3d603; background-color: #f9f9f9;
	-webkit-border-radius: 8px; -moz-border-radius: 8px;}
.colLeftNav h1 { padding: 6px 15px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #e0e1dd; }
.colLeftNav h2 { padding: 5px 15px 0px 15px; font-size: 12px !important; font-weight: bold; }
.colLeftNav ul { margin: 6px 15px; } .colLeftNav li { margin-top: 6px; }
.colLeftNav li.indent { margin-left: 15px; } .colLeftNav li.selected { color: #e87511; font-weight: bold; }
.colLeftNav a:link, .colLeftNav a:visited { color: #e87511; text-decoration: none; color: #666; }
.colLeftNav a:hover, .colLeftNav a:visited:hover { color: #e87511; text-decoration: underline; }
.colMiddle { width: 575px; margin-left: 15px; } .colRightNav { width: 188px; margin-left: 15px;}
.colMiddleWide { width: 768px; margin-left: 15px; }
.colLeft { width: 470px; }  .colRight { width: 480px; margin-left: 20px; }
.mainImage { width: 348px; margin-bottom: 15px; }
.relatedLinks { width: 132px; margin-bottom: 15px; }
.relatedLinks ul li { list-style: none; margin-bottom: 5px; padding: 4px 4px 5px 4px; 
	border: 1px solid #e0e1dd; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	background: #c3d603 url(/scripts/jquery/images/ui-bg_highlight-hard_90_c3d603_1x100.png) 50% 50% repeat-x;
	color: #666; outline: none; font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px; line-height: 1.2em; text-align: center; }
.relatedLinks a:link, .relatedLinks a:visited  { text-decoration: none; color: #333; }
.relatedLinks a:hover, .relatedLinks a:visited:hover { color: #747678; outline: none; }

/*  General styles  */
.border { border: 1px solid #e0e1dd; -webkit-border-radius: 8px; /* rounded corners: Safari */ -moz-border-radius: 8px; /* Firefox */ }
.topBorder { border-top: 1px solid #e0e1dd; margin-top: 10px;}
.leftBorder { border-left: 1px solid #e0e1dd; } .rightBorder { border-right: 1px solid #e0e1dd; }
.bottomBorder { border-bottom: 1px solid #e0e1dd; margin-bottom: 5px; padding-bottom: 10px !important; }
.urgent { color: #cc0000; }
.note { margin: 1.5em; padding: .75em !important; border: 1px solid #e0e1dd; -webkit-border-radius: 8px; /* rounded corners: Safari */ -moz-border-radius: 8px; /* Firefox */ background-color: #f9f9f9; }
table.grid { margin: 0 5px; padding: 11px 0; } table.grid tr td { border-bottom: 1px solid #e0e1dd; padding: 0.5em 0; vertical-align: top; } td.noBorder { border-bottom: 0; }
.floatRight { float: right; margin: 0 0 10px 14px; text-align: center; padding: 6px; font-style: italic; }
.floatRightBorder { float: right; margin: 0 0 10px 14px; text-align: center; padding: 6px; border: 1px solid #e0e1dd; font-style: italic; }
.floatLeft { float: left; margin: 0 14px 10px 0; text-align: center; padding: 6px; font-style: italic; }
.floatLeftBorder { float: left; margin: 0 14px 10px 0; text-align: center; padding: 6px; border: 1px solid #e0e1dd; font-style: italic; }
.small { font-size: 11px !important; }
.coloredText { color: #e87511;}
.noTopMargin { margin-top: 0 !important;}

/*  960 Grid System: 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}