@charset "utf-8";
html, body  {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #01142a; background-color: #dce7f0; margin: 0; padding: 0; text-align: center; background-image:url(../images/backg.jpg); background-repeat: repeat-x; height: 100%; }

/* TEXT STYLES */
h1 {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 26px; color: #01142f; letter-spacing: -1px; margin:10px 0px -5px 0px;}
h4 {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 16px; color: #01142f; margin:0px;}
.tvm #footer { font-family: Arial, sans-serif; font-size: 10px; color: #596b81; }
.tvm #footer a { color: #938538; text-decoration: none;}
.tvm #footer a:hover { color: #ccaf0e; text-decoration: underline;}

a:link, a:visited {color:#0050be; text-decoration: none;}
a:hover {color:#d56b2b; text-decoration: none;}

#crumbnav, #crumbnav a, #crumbnav a:link, #crumbnav a:visited { font-size: 11px; color: #01142f; text-decoration: none;}
#crumbnav a:hover { color: #46617e; text-decoration: underline;}
#crumbnav em { margin: 0px 3px 0px 3px; }
#crumbnav strong { color: #d56b2b; }

/* FORM ELEMENTS */
form#form1{	font-size:10pt;	margin-top:30px;}
input[type="text"]{	margin:5px;	font-size:8pt;	height:16px;	border:#CCCCCC 1px solid;	background-color:#F5F5F5;}
input[type="checkbox"]{	border:#CCCCCC 1px solid;	background-color:#F5F5F5;}
textarea, select{	font-size:8pt;	margin-top:2px;	border:#CCCCCC 1px solid;	background-color:#F5F5F5;}

  /*home pop-nav style*/
.popul { font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; font-weight: bold; line-height: 24px; list-style-type: none; margin: 10px 0px 0px -3px; list-style-image: url(../images/popbullet.gif); list-style-position: 10px;}
.popul a:link, .popul a:visited {color:#000; text-decoration: none;}
.popul a:hover {color:#cc4d01; text-decoration: none;}

  /*product sub-menu style*/
.subul { font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; color: #9bb8d8; line-height: 30px; list-style-type: none; margin: 5px 0px 0px -15px;}
.subul a:link, .subul a:visited {color:#FFF; text-decoration: none; list-style-type: square; }
.subul a:hover {color:#d56b2b; text-decoration: none; list-style-type: square;}
.subul ul{ list-style-type: square; line-height: 14px;}


/* STRUCTURAL */
.tvm #container { width: 1000px; height: 100%; background: #06121f; margin: 0 auto; text-align: left; margin-top: 0px; margin-bottom:0px}  

  /*top*/
.tvm #header { padding: 0px; margin: 0px; height: 164px; position: relative;}
.tvm #headerplus { padding: 0px; margin: 0px; height: 164px; }/* <-- Taller header for breadcrumbs*/
.tvm #menubar { position: absolute; left: 0; top: 121px; margin: 0px; padding: 0px; width: 1000px; background-image:url(../images/bar-backg.gif); background-repeat:repeat-x; height: 43px;}
#crumbnav {padding: 6px 10px 16px 42px; }

  /*main*/
.tvm #mainContent {	float:left; margin: 0px 0px 0px 40px; width: 610px; }
#homemid { margin:0px; padding: 0px; width: 1000px; float: right; position: relative;}
.wbg {background: #fff; background-image:url(../images/sub-backg.gif);}
  	 /*sidebar A is used on homepage only*/
.tvm #sidebarA {float: right; width: 277px; min-height: 200px; padding: 0; margin: 0;}
.tvm #sidebarA br {margin: 0px 0px 0px 80px; }
  	 /*sidebar B is used on all subpages*/
.tvm #sidebarB {float: right; width: 175px; min-height: 200px; padding: 0; margin: 0;}
.tvm #sidebarB p { margin: 0px 10px 10px 10px;}

  /* main menu */
#menu {width: 600px; height: 43px; background: url(../images/menu-backg.gif); margin: 0px 0px 0px 0px; padding: 0; position: relative;}
#menu li {margin: 0px auto; padding: 0; list-style: none; position: absolute; top: 0;}
#menu li, #menu a {height: 43px; display:block;}

#m1 {left: 23px; width: 63px; text-indent: -1000px; overflow:hidden;}
#m2 {left: 86px; width: 80px; text-indent: -1000px;	overflow:hidden;}
#m3 {left: 166px; width: 83px; text-indent: -1000px; overflow:hidden;}
#m4 {left: 249px; width: 96px; text-indent: -1000px; overflow:hidden;}
#m5 {left: 345px; width: 92px; text-indent: -1000px; overflow:hidden;}
#m6 {left: 437px; width: 76px; text-indent: -1000px; overflow:hidden;}
#m7 {left: 513px; width: 66px; text-indent: -1000px; overflow:hidden;}

#m1 a:hover {background: transparent url(../images/menu-backg.gif) -23px -43px no-repeat;}
#m2 a:hover {background: transparent url(../images/menu-backg.gif) -86px -86px no-repeat;}
#m3 a:hover {background: transparent url(../images/menu-backg.gif) -166px -43px no-repeat;}
#m4 a:hover {background: transparent url(../images/menu-backg.gif) -249px -43px no-repeat;}
#m5 a:hover {background: transparent url(../images/menu-backg.gif) -345px -43px no-repeat;}
#m6 a:hover {background: transparent url(../images/menu-backg.gif) -437px -43px no-repeat;}
#m7 a:hover {background: transparent url(../images/menu-backg.gif) -513px -43px no-repeat;}

#m1s {left: 23px; width: 63px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu-backg.gif) -23px -86px no-repeat;}
#m2s {left: 86px; width: 80px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu-backg.gif) -86px -86px no-repeat;}
#m3s {left: 166px; width: 83px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu-backg.gif) -166px -86px no-repeat;}
#m4s {left: 249px; width: 96px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu-backg.gif) -249px -86px no-repeat;}
#m5s {left: 345px; width: 92px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu-backg.gif) -345px -86px no-repeat;}
#m6s {left: 437px; width: 76px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu-backg.gif) -437px -86px no-repeat;}
#m7s {left: 513px; width: 66px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu-backg.gif) -513px -86px no-repeat;}

  /* products menu drop-down */ 
#smenu0 { width: 200px; height: 290px; position:absolute; z-index:12; left: 85px; top: 0px; margin:0px; padding:10px 0px 5px 0px; background-color:#00142b; display: none;
border-right: 1px solid #ffde02; border-bottom: 1px solid #ffde02; border-left: 1px solid #ffde02; }

  /*footer*/
.tvm #footer { width: 940px; background-image: url(../images/btm-bg.jpg); background-repeat: no-repeat; margin: auto; padding: 15px 30px 0px 30px;} 
.tvm #footer p { margin: 0; padding: 10px 0; }


/* HOMEPAGE ONLY */

  /* homepage - middle buttons */
#midbtns { margin:0px; padding: 0px; position:absolute; left: 310px; top: 103px; z-index:10; }
.btnMargin {margin: 0px 0px 0px 5px;}
.popBtnMargin {margin: 0px 0px 0px 7px;}

  /* homepage - middle button popups*/
#smenu1, #smenu2 { width: 185px; height: 229px; position:absolute; z-index:12; top: 92px; margin:0px; padding:10px 0px 5px 15px; background-color:#FFFFFF; background-image:url(../images/popbg_ext.gif); background-repeat: none; display: none; }
#smenu3 { width: 185px; height: 205px; position:absolute; z-index:12; top: 92px; margin:0px; padding:10px 0px 5px 15px; background-color:#FFFFFF; background-image:url(../images/popbg.gif); background-repeat: none; display: none; }
#smenu1 {left: 452px;}
#smenu2 {left: 616px;}
#smenu3 {left: 780px;}

  /* homepage - side menu */
#sidemenu {width: 257px; height: 250px; background-image: url(../images/sidemenu-backg.gif); background-repeat: no-repeat; margin: 0px; padding: 72px 0px 0px 20px;}
#sidemenu li {margin: 0; padding: 0; list-style: none; }
#sidemenu li, #sidemenu a {display:block; height: 45px; width: 224px;}

#sd1 {text-indent: -1000px; overflow:hidden;}
#sd2 {text-indent: -1000px; overflow:hidden;}
#sd3 {text-indent: -1000px; overflow:hidden;}
#sd4 {text-indent: -1000px; overflow:hidden;}
#sd5 {text-indent: -1000px; overflow:hidden;}

#sd1 a:hover {background: transparent url(../images/sidemenu-backg.gif) -298px -72px no-repeat;}
#sd2 a:hover {background: transparent url(../images/sidemenu-backg.gif) -298px -117px no-repeat;}
#sd3 a:hover {background: transparent url(../images/sidemenu-backg.gif) -298px -162px no-repeat;}
#sd4 a:hover {background: transparent url(../images/sidemenu-backg.gif) -298px -207px no-repeat;}
#sd5 a:hover {background: transparent url(../images/sidemenu-backg.gif) -298px -252px no-repeat;}

/* LEVEL 2 */
#l2quad { float:left; margin: 0px 10px 30px 40px; width: 292px; }
#l2main { float:left; margin: 0px 0px 30px 10px; width: 430px; }
#l2main p { margin: 20px 0px 35px 0px; }

#l2quad img.news_cal_icon{ margin:15px 0 -5px 0;}
#l2quad p.news_cal_links{ padding:0 10px 0 70px; margin-top:-10px;}

/* LEVEL 3 */
#l3main { float:left; margin: 0px 0px 40px 40px; width: 720px; }
#l3col{ float:left; margin: 0px 10px 30px 40px; width: 300px; }
#l3col .fltlft { float: left; margin: -10px 8px 0px 0px; }

/* LEVEL 4 */
#l4main { float:left; margin: 0px 0px 20px 40px; width: 720px; }
#l4cola{ float:left; margin: 0px 0px 30px 40px; width: 240px; font-size:11px; line-height: 15px; clear:left; border:#CCCCCC 0px solid;}
#l4colb{ float:left; margin: 0px 0px 30px 10px; width: 240px; font-size:11px; line-height: 15px; }

#l4cola .fltlft, #l4colb .fltlft { float: left; margin: 0px 8px 0px 0px; }
#l4cola strong, #l4colb strong { color:#0050be; font-size:12px }
#l4cola p, #l4colb p { margin: 0px 5px 0px 0px; }
#l4cola a, #l4colb a { color:#0050be; text-decoration:none; }
#l4cola a:hover, #l4colb a:hover { color:#cc4d01; text-decoration:none;}


#l4cola img, #l4colb img{ border:none;}

/* LEVEL 5 */
#l5pic { float:left; margin: 0px 10px 30px 40px; width: 210px; }
#l5pic p { margin: 0px 0px 0px 0px; }
#l5main { float:left; margin: 0px 0px 30px 10px; width: 500px; }
#l5main strong { font-size:14px; }
#l5main ul { list-style-type: square; margin-top: -5px;}
#l5main li { margin:0px 0px 0px -10px; color:#0050be; font-weight:bold;}

#installDrop {width: 150px; height: 38px; margin: 0px 0px 10px 0px; padding:34px 0px 0px 10px; background-image:url(../images/install-backg.gif); background-repeat:no-repeat;}
#installDrop .dropdown {margin: 0px; font-size:11px; width:130px;}

#ulDrop {width: 150px; height: 38px; margin: 0px 0px 10px 0px; padding:34px 0px 0px 10px; background-image:url(../images/ul-backg.gif); background-repeat:no-repeat;}
#ulDrop .dropdown {margin: 0px; font-size:11px; width:130px;}

/* UNIVERSAL REUSE */
.fltrt { float: right;	margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.dropdowns {margin: 5px 0px 0px 0px; font-size:12px; width:175px;}
.dmz{ float:left; margin: 0px 0px 10px 40px; width: 720px; font-size:11px; line-height: 15px; }
.dmz_shallow{ float:left; margin: -40px 0px 10px 40px; width: 720px; font-size:11px; line-height: 15px; }
.size12Bold{font-size:12px; font-weight:900;}
.size14Bold{font-size:14px; font-weight:900;}
.subCatHdr_L{ float:left; margin: 0px 0px 10px 0px; width: 240px; font-size:11px; line-height: 15px; border:0px red solid; }
.subCatHdr_M{ float:left; margin: 0px 0px 10px 10px; width: 240px; font-size:11px; line-height: 15px; border:0px green solid; }
.subCatHdr_R{ float:left; margin: 0px 0px 10px 10px; width: 240px; font-size:11px; line-height: 15px;  border:0px blue solid;}

.subCatHdr_L h4, .subCatHdr_M h4, .subCatHdr_R h4{padding:0 40px 20px 40px;}

/* FAQ */
.faq_hdr{	margin:20px 0px -8px 0px;	vertical-align:bottom;}
.assist{	color:#999999;	margin-left:10px;}

/* SEARCH BOX */
div.search{	width:250px;	float:right;	margin:0;	padding:0;	margin-top:-36px;	vertical-align:middle;}
div.search input[type="text"]{	width:150px;}

/*	ABOUT US - NEWS AND CALENDAR	*/
.about_news_cal{	padding-left:65px;	margin-top:-25px;}
