/*	Hide elements on CMS template when in Mode != Update */

body, h1, h2, h3, h4, h5, h6, ol, ul, li, p {
	font: 0.8125em tahoma, arial, helvetica, sans-serif;
	color: #333;
	}
body  { text-align:center; background: #c7c7c7; }
input, textarea, select, option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	font-size: 11px;
	color: #333;
	border: 1px solid #666;
	}
img { border: 0px; }
form, input { margin: 0; padding: 0; }

#frame {
	width:857px;
	margin:0px auto;
	margin-top:10px;
	padding:0 0 14px 0;
	text-align:left;
	z-index: 0;
	}

#boxTop { margin: 0; padding:12px 10px 0 10px; }
.wwLogo { margin: 9px 0 0 9px; }
#topNav {
	font-size: 0.825em;
	color: #666;
	text-align: right;
	position: relative;
	top: -12px;
	margin: 0 30px;
	}
#topNav a:link, #topNav a:visited  { color: #666; text-decoration: none; }
#topNav a:hover, #topNav a:visited:hover { color: #666; text-decoration: underline; }

#mainNav {
	margin: 0; padding: 0;
	height: 30px;
	width: 839px;
	background:url("/newdesign/images/bar_Purple.gif") no-repeat left top;
	}
#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("/newdesign/images/barTabright.gif") no-repeat right top;
	margin:0; padding:0; 
    }
#header a {
	display: block;
	background:url("/newdesign/images/barTableft.gif") no-repeat left top;
    	padding: 7px 17px 7px 14px;
	text-decoration: none;
    	color: #fff;
	font: 12px arial, helvetica, sans-serif;
	font-weight:bold;
	}
#header li:hover {
	background:url("/newdesign/images/barTabrightHover.gif") no-repeat right top;
	color: #fff;
	}
#header li:hover a { background:url("/newdesign/images/barTableftHover.gif") no-repeat left top; }
#header #current {
	float: left;
    	background:url("/newdesign/images/barTabrightOn.gif") no-repeat right top;
    }
#header #current a { display:block; color:#4900a4;
    	background:url("/newdesign/images/barTableftOn.gif") no-repeat left top;
    }
#subNav {
	position: relative;
	top: -1px;
	height: 53px;
	margin: 0; padding: 0;
	background-color: #e6ecf8;
	border-bottom: 1px solid #8a93a4;
	}
#subNav ul {
	padding-left: 0;
	margin: 5px 0;
	float: left;
	white-space: nowrap;
	}
#subNav li { display: inline; font: 12px arial, helvetica, sans-serif; }
#subNav a {
	padding: 0.2em 1em;
	margin-left: 5px;
	border: 1px solid #e6ecf8;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	float: left;
	}
#subNav a:hover { border: 1px solid #4900a4; }
#subNav .selected {
	font-weight: bold;
	padding: 0.2em 1em;
	margin-left: 5px;
	border: 1px solid #4900a4;
	float: left;
	}
#boxMiddle { margin: 0; padding:8px 17px 0 17px; }
#titleBar { margin: 0; padding: 0; }
#titleBar h1 {
	color: #fff;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding-left: 10px;
	}

#searchBox {
	width: 180px;
	float: right;
	margin-top: -25px;
	}
#searchBoxSearchResults {
	width: 180px;
	position: relative;
	top: 150px;
	left: 648px;
	z-index: 10;
	}
#searchBox input, #searchBoxSearchResults input { padding: 1px; }
#searchBox .searchBtn, #searchBoxSearchResults .searchBtn { position: relative; top: 4px; }
#searchBoxSearchResults .searchBtn { position: relative; left: 0px; }

/* Credit www.alistapart.com/articles/multicolumnlayouts */
#contentWrapper{
	width:823px;
	background-color: #fff;
	overflow: hidden;
	margin: 10px 0 0 0; padding: 0;
	}
#content {
	background-color: #fff;
	margin: 0; padding: 0;
	width: 666px;
	border-left:157px solid #eee; /* The width and color of leftNav */
	margin-left:-157px;
	float:right;
	}
#contentBorder { margin: 0; padding: 0 0 15px 0; }
#contentOverview {
	background-color: #fff;
	margin: 0; padding: 0;
	}
#content .breadcrumb {
	margin: 0;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	color: #595959;
	}
#content p.breadcrumb a:link, #content p.breadcrumb a:visited, #content p.breadcrumb b { color: #595959; }
#content a:link, #content a:visited  { color: #6734b7; text-decoration: underline; }
#content a:hover, #content a:visited:hover { color: #333; text-decoration: none; background-color: #ddcff1;}
#content h1 {
	margin: 0 0 10px 0;
	padding: 0.7em 15px;
	font-size: 2.25em;
	font-weight: normal;
	color: #6734b7;
	border-bottom: 1px solid #ccc;
	}
#content h2, #content h3, #content h4, #content p, #content ol, #content ul { margin: 0; padding: 0 15px; }
#content h2 { color: #334aa7; font-size: 1.5em; font-weight: bold; margin-top: 35px; }
#content h3 { color: #334aa7; font-size: 1.25em; font-weight: bold; margin-top: 2.5em; }
#content h4 { font-size: 1em; font-weight: bold; }
#content p { font-size: 1em; line-height: 1.5em; margin-top: 15px; }
#content ul, #content ol { margin-top: 15px; padding: 0 40px 0 30px; }
#content li {
	margin-bottom: 1em;
	font-size: 1.25em;
	line-height: 1.5em;
	}
#content ul { list-style: none; }
#content ul li {
	padding-left: 19px;
	background-image:  url(/newdesign/images/bulletContent.gif);
	background-repeat: no-repeat;
	background-position: 0 .67em;
	}
#content input, #content textarea, #content select, #content option { padding: 1px; }
#content table { margin: 8px 13px; }
#content p.note { width: 590px; margin: 15px 0 0 20px; padding: 10px 15px; border: 1px solid #999; }
#content .imgRight { float: right; margin: 7px 0px 20px 20px; text-align: center }
#content .imgLeft { float: left; margin: 7px 20px 20px 0px; text-align: center }
#content .urgent { color: #cc0033; }
#content table.grid { border-collapse: collapse; }
#content tr.header td {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background: #e6ecf8;
	font-weight: bold;
	text-align: bottom;
	}
#content table.grid tr { vertical-align: top; }
#content table.grid tr td { border-bottom: 1px solid #ccc; padding: 0.5em 5px; }

#leftCol {
	width:157px;
	float:left;
	background-color: #eee;
	}
#leftNav { padding-top: 23px; }
#leftNavOptional { padding-top: 23px; }
#leftCol h1 {
	margin: 0;
	padding: 5px 8px;
	font-size: 11px;
	font-weight: bold;
	}

#leftNavOptional h1 { background-color: #d7d7d7; color: #666; }
#leftCol ul {
	list-style: none;
	padding: 0;
	margin: 5px 12px 10px 12px;
	}
#leftCol ul li {
	background-image:  url(/newdesign/images/bulletNav.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	margin: 0 0 6px 0;
	padding-left: 12px;
	font-size: 11px;
	}
#leftCol p { margin: 0; padding: 5px 8px; }
#leftCol a:link, #leftCol a:visited,
#content .breadcrumb a:link, #content .breadcrumb a:visited {
	color: #333;
	text-decoration: none;
	}
#leftCol a:hover, #content .breadcrumb a:hover { text-decoration: underline; background-color: transparent; }
#leftNav .select { font-weight: bold; color: #333; }

#boxBottom {
	margin: 0; padding: 5px 0 8px 0;
	background: url("/newdesign/images/boxBottom.jpg") top left no-repeat;
	clear: both;
	}
#boxBottom .footer {
	margin: 0;
	padding: 5px 20px 3px 20px;
	color: #ccc;
	font-size: 11px;
}
#boxBottom .footer a:link, #boxBottom a:visited  { color: #ccc; text-decoration: none; }
#boxBottom .footer a:hover, #boxBottom a:visited:hover { color: #ccc; text-decoration: underline; }