body	{
	behavior: url("csshover.htc"); /* WinIE behavior call */
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 1em;
	*font-size: .9em; /* for IE6+7 only */
	}
#pagehead	{
	text-align: center;
	margin-left: -50%;
	position: relative;
	left: 50%;
	width: 100%;
	height: 180px;
	visibility: visible;
	background: url("images/head_back.gif") repeat-x;
	min-width: 1000px; /* keeps background image dispalyed on narrow window sizes */
	}
#printhead	{
	width: 0px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	}
#pagecontent	{
	float: left; /* this has to float in order for it to re-size with its contents */
	text-align: center;
	margin-left: -50%;
	position: relative;
	left: 50%;
	width: 100%;
	min-height: 410px; /* height of background image minus padding */
	visibility: visible;
	background: url("images/content_back.jpg") center bottom no-repeat #efede5;
	padding: 0 0 100px 0;
	min-width: 1000px; /* keeps background image dispalyed on narrow window sizes */
	}
#header	{
	position: relative;
	width: 900px;
	height: 180px;
	margin: auto;
	}
h1#logo	{
	float: left;
	position: absolute;
	top: 15px;
	left: 25px;
	margin: auto;
	}
h1#logo a	{
	display: block;
	width: 254px;
	height: 96px;
	background: url("images/cwc_logo.gif") no-repeat top left;
	}
h2#tagline	{
	float: left;
	position: absolute;
	top: 107px;
	left: 65px;
	margin: 0;
	padding: 0;
	}
h2#tagline a	{
	display: block;
	width: 282px;
	height: 38px;
	background: url("images/tagline_big.gif") no-repeat top left;
	}
ul#utsnav	{
	float: right;
	position: relative;
	right: 10px;
	top: 10px;
	font-size: 75%;
	margin: 0;
	padding: 0;
	}	
ul#utsnav li	{
	float: left;
	list-style: none;
	display: block;
	padding: 5px 10px 5px 0;
	}
ul#utsnav a	{
	color: #002f64;
	text-decoration: none;
	border-bottom: 1px solid;
	}
ul#utsnav a:hover {
	background-color: #bbb
	}
/* @group Main Nav Menu */
div#menu {
	float: right;
	position: absolute; /* positioned in regards to header */
	top: 118px; /* down from top of header */
	right: 90px; 
	height: 62px; /* height of top tabs and submenus combined = 62 */
	width: 437px; /* width of tabs plus right margin = 437. IE6 needs an additional 3px.*/
	margin: 0;
	padding: 0;
	}
* html div#menu {
	width: 440px;
	}
div#menu ul	{
	position: relative; /* this, in combo with absolute on ul.level2 aligns all submenus to the upper left corner of this div */
	padding: 0;
	margin: 0;
	}
div#menu ul.level2 { /* submenus */
	position: absolute; /* relative to #menu ul */
	top: 32px; /* height of top tabs */
	left: 0; /* IE6 needs this value to be the negative of the menu's width */
	display: none; /* comment out to adjust location of submenus in IE6 */
	padding: 0;
	margin: 0;
	background: url("images/subnavcap1.gif") no-repeat #acc4d7;
	}
* html div#menu ul.level2 {
	left: -437px; /* menus width less the width of the endcap image */
	}
div#menu ul#tab03sub	{ /* Aligns submenu with second tab */
	left: 56px;
	}
* html div#menu ul#tab03sub	{
	left: -381px; /* negative width of menu minus left indent = -381 */
	}
div#menu ul#tab05sub	{
	left: 184px;
	}
* html div#menu ul#tab05sub	{
	left: -236px; /* negative width of menu minus left indent = -204, plus -1 for IE voodoo */
	}
div#menu ul.level1 li.submenu:hover ul.level2 { /* displays submenus when a top tab with a submenu is hovered over*/
	display: block;
	}
div#menu li { /* all top level buttons */
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	}
div#menu ul.level2 li {
	border-right: none;
	padding: 0 9px;
	background-color: #acc4d7;
	}
div#menu ul.level2 li.first { /*left margin over left padding used to show UL's background image*/
	padding-left: 0;
	margin-left: 13px;
	}
* html div#menu ul.level2 li.first {
	margin-left: 7px;
	}
div#menu ul.level2 li.last {/*left padding over left margin used to show this LI's background image*/
	padding-right: 13px;
	background: url("images/subnavcap2.gif") no-repeat right;
	}
div#menu li a	{
	float: left;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:32px; /* for IE5/Win only */
	}
div#menu ul.level2 li a	{
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:30px; /* for IE5/Win only */
	}
div#menu a:hover, div#menu a.selected {
	background-position: 0 -32px; /* hover state is in the lower half of the stacked image */
	}
div#menu ul.level2 li a:hover {
	background-position: 0 -30px; /* hover state is in the lower half of the stacked image */
	}
div#menu ul.level2 li a.selected {
	background-position: 0 -30px; /* hover state is in the lower half of the stacked image */
	}
div#menu li.submenu:hover	{ /* keeps main nav button higlighted when over children */
	/*	border-top: 1px solid red;*/
	background-position: 0 -32px;
	}
li#tab01	{background: url("images/tab01.gif") no-repeat;width: 84px;} /* background images applied to LI not A which allows rollover state to persist when mouse is over children but not parent */
	li#tab01sub01 a	{background: url("images/tab01sub01.gif");width: 50px;}
	li#tab01sub02 a	{background: url("images/tab01sub02.gif");width: 60px;}
	li#tab01sub03 a	{background: url("images/tab01sub03.gif");width: 64px;}
	li#tab01sub04 a	{background: url("images/tab01sub04.gif");width: 77px;}
	li#tab01sub05 a	{background: url("images/tab01sub05.gif");width: 88px;}
li#tab02	{background: url("images/tab02.gif") no-repeat;width: 101px;}
	li#tab02sub01 a	{background: url("images/tab02sub01.gif");width: 50px;}
	li#tab02sub02 a	{background: url("images/tab02sub02.gif");width: 62px;}
	li#tab02sub03 a	{background: url("images/tab02sub03.gif");width: 98px;}
	li#tab02sub04 a	{background: url("images/tab02sub04.gif");width: 122px;}
li#tab03	{background: url("images/tab03.gif") no-repeat;width: 51px;}
	li#tab03sub01 a	{background: url("images/tab03sub01.gif");width: 67px;}
	li#tab03sub02 a	{background: url("images/tab03sub02.gif");width: 82px;}
	li#tab03sub03 a	{background: url("images/tab03sub03.gif");width: 29px;}
	li#tab03sub04 a	{background: url("images/tab03sub04.gif");width: 44px;}
li#tab04 	{background: url("images/tab04.gif") no-repeat;width: 103px;}
 	/* special case tab04 does not have a submenu */
	div#menu li#tab04:hover	{ background-position: 0 -32px;}
li#tab05	{background: url("images/tab05.gif") no-repeat;width: 98px;}
	li#tab05sub01 a	{background: url("images/tab03sub04.gif");width: 44px;}
	li#tab05sub02 a	{background: url("images/tab05sub02.gif");width: 32px;}
	li#tab05sub03 a	{background: url("images/tab05sub03.gif");width: 46px;}
	li#tab05sub04 a	{background: url("images/tab05sub04.gif");width: 47px;}
/* @end */
#content	{
	width: 900px;
	height: auto;
	margin: auto;
	text-align: left;
	}
/* EMAIL PRINT BUTTONS */
#emailprint	{
	position: relative; /* positioned in regards to header */
	width: 86px;
	height: 24px;
	float: right;
	right: 10px;
	top: 15px; /* down from top of header */
	*top: 8px; /* down from top of header */
	padding: 0px;
	margin 0px;
	cursor: pointer;
	}
#emailbtn {
	background-color: #efede5;
	}
#printbtn {
	background-color: #efede5;
	}
#googlebtn {
	position: relative; /* positioned in regards to header */
	float: right;
	right: -76px;
   	top: -68px; /* down from top of header */
	*top: -72px; /* down from top of header */    
	padding: 0px;
	margin 0px;
	cursor: pointer;
	}    
/* LEFT COLUMN */
#leftcol	{
	float: left;
	width: 365px;
	margin: 0;
	padding: 0 0 0 10px;
	}
#print_lb_container {
	width: 0px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	}
.leftbutton	{
	float: left;
	width: 294px;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	}
#lb_t01, #lb_t02	{
	background: url("images/lb_foot.gif") left bottom no-repeat;	
	cursor: pointer;
	}
.leftbutton h3	{
	display: block;
	margin: 0;
	padding: 0;
	height: 34px;
	width: 294px;
	}
h3#qftour	{
	background: url("images/lb_qftour_t.gif") left top no-repeat;
	}
h3#olhelp	{
	background: url("images/lb_help_t.gif") left top no-repeat;
	}
h3#print_lb, p#print_lb, div#print_lb{
	width: 0px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	}
.leftbutton p	{
	font-size: 70%;
	margin: 5px 15px 10px;
	padding: 0;
	}
#leftcol h3.section {
 	clear: both;
 	font-family: arial, verdana, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #336667;
	margin: 0;
	padding: 20px 10px 0 15px;
	text-transform: uppercase;
 	}
blockquote#news, blockquote#leftquote	{
	width: 280px;
	height: auto;
	margin: 5px 0 0;
	padding: 0;
	color: #002f64;
	font-size: 70%;
	}
h4.bq_newstop_t		{
	background: url("images/bq_newstop.png") top no-repeat;	
	behavior: url(iepngfix.htc);
	margin: 0;
	padding: 10px 25px 5px 15px;
	*font-size: 90%; /* for IE6+7 only */
	}
h4.bq_news_t	{
	background: url("images/bq_news.png") repeat-y;
	behavior: url(iepngfix.htc);
	margin: 0;
	padding: 10px 25px 5px 15px;
	*font-size: 90%; /* for IE6+7 only */
	}
p.bq_news	{
	background: url("images/bq_news.png") repeat-y;
	behavior: url(iepngfix.htc);
	margin: 0;
	padding: 0 25px 0 15px;
	color: #000;
	font-size: 90%;
	line-height: 1.2em;
	}
#bq_quotetop	{
	background: url("images/bq_newstop.png") top no-repeat;	
	behavior: url(iepngfix.htc);
	height: 10px;
	width: 280px;
	margin: 0;
	padding: 0;
	}
p.bq_quote	{
	background: url("images/bq_news.png") repeat-y;
	behavior: url(iepngfix.htc);
	margin: 0;
	padding: 0 25px 0 15px;
	font-style: italic;
	font-family: Georgia, serif;
	font-size: 95%;
	line-height: 1.2em;
	}
p.bq_quote_author	{
	background: url("images/bq_news.png") repeat-y;
	behavior: url(iepngfix.htc);
	margin: 0;
	padding: 10px 25px 0 15px;
	text-align: right;
	color: #679ac9;
	font-size: 95%;
	line-height: 1.2em;
	}
#bq_newsfoot, #bq_quotefoot	{
	background: url("images/bq_newsfoot.png") no-repeat;
	behavior: url(iepngfix.htc);
	height: 20px;
	width: 280px;
	margin: 0;
	padding: 0;
	}
 blockquote#news a	{
	text-decoration: none;
	color: #002f64;
	}	
 blockquote#news a:hover	{
	text-decoration: underline;
	}	
/* END LEFT COLUMN */
/* MAIN CONTENT AREA */
#maincol	{
	float: left;
	width: 525px;
	margin: 0;
	padding: 10px 0 0;
	}
#maincol a {
	color: #002f64;
	text-decoration: none;
	border-bottom: 1px solid;
	}
#maincol a:hover {
	background-color: #bbb
	}
#maincol h1, #maincol h2	{
	font-family: arial, verdana, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #336667;
	margin: 15px 10px 0;
	text-transform: uppercase;
	}
#maincol p	{
	font-size: 80%;
	line-height: 1.4em;
	margin: 10px 10px 0;
	}
#maincol p.faq_q	{
	list-style-position: outside;
	font-size: 70%;
	color: #336667;
	}
#maincol p.faq_a	{
	font-size: 70%;
	padding: 0 0 3px 0;
	border-bottom: 1px solid;
	}
.big_p	{
	font-size: 200%;
	font-weight: bold;
	}
#maincol ul	{
	font-size: 80%;
	margin: 0 20px 0 30px;
	padding: 0;
	}
#maincol ul li	{
	margin: 3px 0 0;
	padding: 0;
	}
blockquote#quote	{
	width: 460px;
	height: auto;
	margin: 5px 0 0;
	padding: 0;
	color: #002f64;
	font-size: 130%;
	}
p#quote	{
	background: url("images/bq_head.png") top no-repeat;	
	behavior: url(iepngfix.htc);
	margin: 0;
	padding: 10px 25px 10px 15px;
	font-style: italic;
	font-family: Georgia, serif;
	*font-size: 90%; /* for IE6+7 only */
	}
p#author	{
	background: url("images/bq_author.png") repeat-y;
	behavior: url(iepngfix.htc);
	margin: 0;
	padding: 0 25px 0 15px;
	text-align: right;
	color: #679ac9;
	font-size: 55%;
	line-height: 1.1em;
	}	
#bq_foot	{
	background: url("images/bq_foot.png") no-repeat;
	behavior: url(iepngfix.htc);
	height: 20px;
	width: 460px;
	margin: 0;
	padding: 0;
	}
#pagefoot	{
	clear: both;
	text-align: center;
	margin-left: -50%;
	position: relative;
	top: 15px;
	left: 50%;
	width: 100%;
	height: 50px;
	font-size: 70%;
	color: #002f64;
	*padding-bottom: 2px;
	}
#pagefoot a	{
	color: #002f64;
	text-decoration: none;
	border-bottom: 1px solid;
	}	
#cblockleft {
	float: left;
	}
#cblockright {
	float: right;
	text-align: right;
	}
.replace { /* used to hide text of graphic components */
	position: absolute;
	top: -100em;
	width: 50em;
	font-size: 50%; /* eliminates unecessary horizontal scrollbar */
	}
