body {
	margin: 0;
	padding: 0;
}
#container td >h1 {
	font-size: 20px;

}
#container td >h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;

}
td >h3 {
	font-size: 14px;
}

h1 {	
	font-size: 16px;
}
h2 {
	font-size: 14px;
	font-weight: normal;
}
h3 {
	font-size: 1.2em;
}
/*
ul {
	list-style-image: url(/images/bullets_arrows/bullet.gif);
}
*/
table >img {border: 0;}
hr.hzline {margin: 4px 0; padding: 0;}
/* define outside container */
#container {
	margin: 0 auto;
	text-align: left;
	padding: 0;
	background-color: #ffffff;
}
/* html5 template no tables - need margin */
#container >#leftcol {
	margin-left: 10%;
}
/* clear any floated divs */
#container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;	
}
#container >table { /* center mainarea table only */
	margin: 0 auto;
	text-align: left;
	padding: 0;
	background-color: #ffffff;	
}
/* define top logo area */
#toplogo {
	width: 900px;
	margin: 0;
	padding: 0;
	background-color: #004185;
	color: #FFF;
}
/* input[type=text] {border: 1px solid #999;} //style for htsearch text input in header of page */
input.searchbox {
	font-family : monospace;
	font-size : 11px;
	text-align : left;
	padding: 2px;
	margin: 0;
	background-color: #DDE5F1;
	border: none;
}
input.searchbox {width: 135px;} /* spacing for go */
/* define top navigation */
#navigation {
	width: 900px;
	margin: 0;
	padding: 0;
}
.navbar { 
	background-image: url(/images/home/nav_bkg02.gif);
	background-repeat: repeat-x; 
	border: 1px solid #004185;
	height: 17px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #004185;
	text-align: center;
}
.navbar a:link, .navbar a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.navbar a:hover, .navbar a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
.navbaron {
	font-size: 12px;
	font-weight: bold;
	color: #004185;
	background-color: #FFFFFF;
	text-align: center;
}
.navbaron a {
	color: #004185;
	background-color: #FFFFFF;
	text-decoration: none;
}

/* define crumbtrail area */
#crumbtrail {
/*	width: 900px;
	margin: 0;
	font-size : 9px;
	font-weight : bold;	
	color : #9999CC;
	background-color : transparent; */
}
#crumbtrail a:link, #crumbtrail a:visited {
/*	background-color : transparent;
	color : #9999CC;
	text-decoration : none; */
}
#crumbtrail a:hover, #crumbtrail a:active {
/*	background-color : transparent;
	color : #333399;
	text-decoration : none */
}
/* define main content area */

#mainarea {
	margin: 0 auto;
}


#maintable {
	/* background-color: #DDE5F1; */
	color: #000;
	/* border: 1px solid #004185; */

}
#maintext {padding: 10px;}
#ss-table {
	background-color:#f4f4f4;
	text-align: center;
}
#ss-table td {vertical-align:top;}
#ss-table img {margin-top: 10px; margin-bottom: 5px;}
#ss-table p {
	font-size: 1.0em;
}
/* left navigation */
#leftnav p {
	line-height: .75;


}
#leftnav >p::before {
	content: "\2022  ";  /* html bullet • ut2022 */
}
#leftnav >p:first-child::before {
	content: "";
	line-height: 1.75;
}

#leftcol {
	width: 160px;
	margin: 0;
	padding: 0;
}


#leftcol h2 {
	font-weight: bold;
	font-size: 1.0em;
	margin: 20px 0 6px 2px;
}
#leftcol ul {
	margin: 0;
	padding: 0;
	padding-left: 15px; 
}
#leftcol li {
	font-size: 0.90em;
	line-height: 1.50em;
}
#leftcol li a {
	text-decoration: none; 
	color: #004185;
	/* margin-left: 5px; */
}
#leftcol li a:hover {
	color: #FF0000;
}
#leftcol >h4 {
	margin-bottom: 0.5em;
}
/* ````````````````````````````````````````````` */
#rightsidebar {
	margin: 10px 0;
	padding: 0;
	background-color: #f1f3f2;
}
#rightsidebar p {
	font-size: 0.90em;
	margin: 10px;
}
#rightsidebar dl {
	margin: 10px 0;
	padding: 0;
}
#rightsidebar dd {
	font-size: 0.90em;
	margin: 10px;
	padding: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.copyright {
	font-size : 10px;
	margin: 4px;
}
/*  customer quote box */
/* .customerquote { 
	margin-top: 0;
	padding: 0 10px;
	font-size: 11px;
	background-image: url('/images/home/quoteboxbg.gif');
	background-repeat: repeat-y;
}
.customerquote a:link, .customerquote a:visited, .customerquote a:active {
	color: #004185;
	background-color: transparent;
	text-decoration: underline;
}
a.customerquote:hover {
	text-decoration: underline;
	color: #FF0000;
}
#quoteName {text-align: right;}
#quoteText p {margin:0; font-size: 90%;}
*/
/* static I need to container  */
/*
#intcontainer {
	background-image: url(/images/int/int_box_mid.gif);
	background-repeat: repeat-y;

}
#intcontainer p {
	font-size: 11px;
	padding: 6px 2px 0 10px;
	margin: 0;
}
*/
/* dynamic I need to box */
/*
.in2top {
	background-image:  url(/images/tables/in2top.gif); 
	background-repeat: repeat-x;
	background-color: #DDE5f1;
}
.in2right {
	background-image:  url(/images/tables/in2vert2.gif); 
	background-repeat: repeat-y;
	background-color: #DDE5f1;
}
.in2bottom {
	background-image:  url(/images/tables/in2bot.gif); 
	background-repeat: repeat-x;
	background-color: #DDE5f1;
}
.in2left {
	background-image:  url(/images/tables/in2vert.gif); 
	background-repeat: repeat-y;
	background-color: #DDE5f1;
}
.in2bg {
	color: #000000; 
	background-color: #DDE5f1;
}
*/
/* ball cap heading definition */
.headingbg {
	background-image: url(/images/tables/heading_bg.gif);
	background-color: #004185;
	background-repeat: repeat-x;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
.hdlinebg {
	background-image: url(/images/tables/line_bg.gif);
	background-repeat: repeat-x;
}
/* Updated ballcap headings fix for IE8 */
.headingTab {
	  font-weight: bold;
	  font-size: 14px; 
	  font-family:  Arial, Helvetica, sans-serif;
	  color:#FFF;
      float: left;
      width: 95%;
      line-height:normal;
	  background-image: url("/images/headings/line_bg.gif");
	  background-repeat: repeat-x;
	  padding: 0;
	  margin-bottom: 10px;
}

.headingTab p {
      float: left;
      background: url("/images/headings/tab_left.gif") no-repeat left top;
      margin:0;
      padding:0;
      text-decoration:none;
	  background-color: #fff;	  	  
} 
.headingTab p span {
      float: left; 
      display:block;
	  margin:0;
      background: url("/images/headings/tab_right.gif") no-repeat right top;
      padding: 2px 10px;
      color:#FFF;
}
sup { /* trademark symbols */
	font-size: 70%;
	line-height: 70%;
}
.altrow {background-color: #f5f5f5;}  /* {background-color: #DDE5F1;} */
.codetext {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
}
.tBorder {
	border: 1px solid #004185;
}
pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em; 
}
/* ~~~~~~~~~~~~~~~~ I need to box ~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
div#int dl {
	border: 1px solid #004185;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	 
	padding: 0;
}
dt.int {
	display:block;
	background-color: #DDE5F1;
	font-size: 0.80em;
	font-weight: bold;
	padding: 6px 20px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
div#int dd {
	font-size: 0.70em;
	margin: 8px 4px;
}
#int dd.need {
	display:block;
	margin: 0;
	padding: 8px 4px;
	font-style: italic;
	font-weight: bold;
	font-size: 0.80em;
	background-color: #DDE5F1;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#leftcol { /* left column for two and three column layout */
/* 	position: relative; */
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
/*	border: 1px solid #000; */
}
#midcol { /* use only for three column layout */
/*	position: relative; */
	float: left;
	width: 500px;
	margin: 0;
	padding: 10px;
/*	border: 1px solid #ff0000; */
}
#rightcol { /* use only for three column layout */
/* 	position: relative; */
	float: left;
	width: 200px;
	margin: 0;
	padding: 10px 0;
/*	border: 1px solid #000; */
}
#maincol { /* use only for two column layout */
	float: left;
	width: 690px;
	margin: 0;
	padding: 12px 12px 12px 22px;
	/* border: 1px solid #000;	 */
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

footer {background-color: #004185; }