body { font-family:Arial; font-size:12px; margin:0; background-color:#FFFFFF; height:100%; height: auto !important; min-height:100%; background: url('../bg.jpg'); background-repeat:repeat;  }
.logo { float:left; clear:right; width:200px; height:75px;}
.logo a { margin:0px; padding:0px; outline:none; border:none;}
.logo a:focus, a:active, a:hover { margin:0px; padding:0px; outline:none; border:none;}
.page { height:840px; height: auto !important; min-height:840px;  width:1000px; background-color:#FFFFFF; }
#clear { clear:both; height:6px;}
#clear1 { clear:both; height:2px;}
#clear2 { clear:both; height:10px;}
img { border:none; }
a, a:active, a:focus {  margin:0px; padding:0px; display:inline; outline:none; color:#000000; text-decoration:underline; border:none;}
a:hover {  margin:0px; padding:0px; display:inline; outline:none; color:#000000; text-decoration:none;}

/*     top navigation    */
#flinks1 { width:550px; padding:0px; height:80px; float:right; margin:0px; background-color:#FFFFFF; margin-top:-2px;  }
#flinks1 ul {  list-style:none; margin-right:0px; padding:0; margin:0; list-style-type:none; } 
#flinks1 li { display:inline; text-align:center; }
#flinks1 .home { border-bottom: 4px solid #E44097; width:110px; text-align:center; background-color: #F8CFE5; }
#flinks1 .about { border-bottom:4px solid #89C655; width:110px; text-align:center; background-color: #E1F1D4;}
#flinks1 .stat { border-bottom:4px solid #E3B124; width:110px; text-align:center; background-color: #F7E7BD;}
#flinks1 .product { border-bottom:4px solid #91B2DD; width:110px; text-align:center; background-color: #EEF3F9;}
#flinks1 .schools { border-bottom:4px solid #6AA19F; width:110px; text-align:center; background-color: #EDF9F8;}
.home a { font-family: Arial; font-size:1.0em; color:#E44097; text-decoration:none; font-weight:bold;  display:block; line-height:30px; margin:0px; padding:0px; }
.home a:hover { font-family:Arial; font-size:1.0em; color:#E44097; text-decoration:none; font-weight:bold; background-color: #F1F1F1; line-height:30px; margin:0px; padding:0px; }
.about a { font-family: Arial; font-size:1.0em; color:#89C655; text-decoration:none; font-weight:bold;  display:block; line-height:30px; margin:0px; padding:0px; }
.about a:hover { font-family:Arial; font-size:1.0em; color:#89C655; text-decoration:none; font-weight:bold; background-color: #F1F1F1; line-height:30px;margin:0px; padding:0px;  }
.stat a { font-family: Arial; font-size:1.0em; color:#E3B124; text-decoration:none; font-weight:bold;  display:block; line-height:30px;margin:0px; padding:0px;  }
.stat a:hover { font-family:Arial; font-size:1.0em; color:#E3B124; text-decoration:none; font-weight:bold; background-color: #F1F1F1; line-height:30px; margin:0px; padding:0px; }
.product a { font-family: Arial; font-size:1.0em; color:#91B2DD; text-decoration:none; font-weight:bold;  display:block; line-height:30px; margin:0px; padding:0px; }
.product a:hover { font-family:Arial; font-size:1.0em; color:#91B2DD; text-decoration:none; font-weight:bold; background-color: #F1F1F1; line-height:30px; margin:0px; padding:0px;  }
.schools a { font-family: Arial; font-size:1.0em; color:#6AA19F; text-decoration:none; font-weight:bold;  display:block; line-height:30px;margin:0px; padding:0px;  }
.schools a:hover { font-family:Arial; font-size:1.0em; color:#6AA19F; text-decoration:none; font-weight:bold; background-color: #F1F1F1; line-height:30px; margin:0px; padding:0px; }

/*     top Banner    */
#topbannerarea1 { width:1000px; height:22px; margin-top:4px; border-bottom:1px solid #cccccc; padding-bottom:6px; }
#topbannerarea1 .toptext1 { float:left; clear:right; font-family:Arial; font-size:16px; color:#7A99CB; line-height:22px; padding:4px; font-weight:bold; }
#topbannerarea1 .toptext2 { float:right; font-family:Arial; font-size:12px; color:#7A99CB; line-height:22px; padding:4px; font-weight:bold; }

#topbanner { height:265px; background-image:url(banner.jpg); background-repeat:no-repeat; }
#topbanner .topbannerarea { width:950px; height:22px; margin-left:25px; margin-top:4px; }
#topbanner .toptext1 { float:left; clear:right; font-family:Arial; font-size:16px; color:#fff; line-height:22px; padding:4px; font-weight:bold; }
#topbanner .toptext2 { float:right; font-family:Arial; font-size:12px; color:#fff; line-height:22px; padding:4px; font-weight:bold; }
#topbanner .midbannerarea { width:920px; height:200px; margin-left:40px; margin-top:20px; }
#topbanner .midbannerarea .headtext { float:left; clear:right; margin-right:10px; font-size:26px; line-height:30px; font-weight:bold; }
#topbanner .midbannerarea .nortext { text-align:left; font-size:11px; line-height:15px; font-weight:bold; }

/*     Footer    */
#footer {  width:1000px; text-align:center; margin-top:4px; padding-top:8px; padding-bottom:8px; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer1 {  width:1000px; text-align:center; border-top:1px solid  #999999; margin-top:4px; padding-top:8px; padding-bottom:8px; font-size:11px; }
/*     Left    */
#leftarea {  width:275px; float:left; clear:right; border-right:1px solid  #999999; height:auto; margin-left:6px; }
#lbox1 { width:265px; height:120px; background-image:url(rbox1.jpg); background-repeat:no-repeat; }
#lbox2 { width:265px; height:199px; background-image:url(rbox2.jpg); background-repeat:no-repeat;border:1px solid #fff;  }
#lbox2 .lbox2t { font-family:Arial; font-size:12px; line-height:14px; font-weight:bold; color:#fff; margin-left:110px; padding-top:35px; width:140px; margin-top:10px;}
#lbox2 .lbox2b { font-family:Arial; font-size:12px; line-height:14px; color:#fff; margin-left:110px; padding-top:10px; width:140px; margin-top:10px;}
#lbox2 a { color:#FFFFFF; text-decoration:underline; }
#lbox2 a:hover { color:#FFFFFF; text-decoration:none; }
#lbox3 { width:265px; height:90px; background-image:url(rbox3.jpg); background-repeat:no-repeat; margin-top:1px; border:1px solid #fff; }
#lbox3 p { font-family:Arial; font-size:12px; line-height:16px; font-weight:bold; color:#415683; margin-left:115px; padding-top:8px; width:145px;}
#lbox4 { width:265px; height:90px; background-image:url(rbox4.jpg); background-repeat:no-repeat;  border:1px solid #fff; }
#lbox4 p { font-family:Arial; font-size:12px; line-height:16px; font-weight:bold; color:#415683; margin-left:110px; padding-top:13px; width:150px;  }
#lbox41 { width:265px; height:250px; background-image:url(rbox41.jpg); background-repeat:no-repeat; border:1px solid #fff;  }
#lbox41 p { font-family:Arial; font-size:12px; line-height:16px; color:#415683; margin-left:10px; padding-top:10px; width:250px; }
#lbox41 .lt1 { float:left; clear:right; width:145px; font-family:Arial; font-size:12px; line-height:16px; color:#415683; margin-left:10px; padding-top:8px; }
#lbox41 .rt1{ float:right; width:100px; height:100px; background-image:url(brand.png); background-repeat:no-repeat; margin-right:5px; }

/*     Content    */
.head1 { width:275px; font-family:Arial; font-size:18px; color: #666666; font-weight:bold; margin-left:2px; margin-bottom:0px;}
.head2 { width:275px; height:30px; font-family:Arial; font-size:12px; color: #415683; line-height:14px; font-weight:bold; margin-left:2px; }
#main { width:715px; float:right; height:auto; }
#main .left { width:350px; height:150px; margin-left:5px; float:left; clear:right; background-image:url(box1.jpg); background-repeat:no-repeat; }
#main .right { width:350px; height:150px; float:right; background-image:url(box1.jpg); background-repeat:no-repeat; }
#main .leftimage { width:140px; float:left; clear:right; }
#main .leftimage img { margin-left:10px; margin-top:5px; }
#main .righttext { width:200px; margin-top:8px; margin-left:140px; }
#main .prodhead { width:200px; font-weight:bold; color:#FFFFFF; letter-spacing:1px; line-height:18px; margin:0 auto; height:40px; font-size:14px; }
#main .prodtext { width:200px; color:#405789; letter-spacing:1px; margin:0 auto; margin-top:25px; }

#box2 { width:690px; height:150px; background-image:url(box2.jpg); background-repeat:no-repeat; margin-left:12px; }
#box2 .box2left { width:98px; height:98px; float:left; clear:right; background-image:url(brand.png); background-repeat:no-repeat; margin-left:15px; margin-top:20px; }
#box2 .box2right { width:570px; padding-top:10px; color:#415683; float:right; display:inline;  }
#box3 {
	width:690px;
	height:169px;
	background-image:url(box3.jpg);
	background-repeat:no-repeat;
	margin-left:12px;
}
#box3 .box31 {
	color:#FFFFFF;
	padding-top:8px;
	padding-left:10px;
	font-weight:bold;
}
#box3 .ntext3 { color:#415683; padding-left:5px; font-weight: 100; }

#boxmain { width:695px; height:355px; border:1px solid #CCCCCC; margin-left:3px; }
#boxmain .head1 {  width:683px; margin:0px; border-bottom:1px solid #CCCCCC; height:20px; padding:6px; font-size:14px; font-weight:bold; color:#0067A0; background-image:url(grad1.jpg); background-repeat:repeat-x; padding-left:10px; }
#boxmain .ntext31 { width:12px; background-image:url(line1.jpg); background-repeat: no-repeat; height:318px; }

#desctext { margin-top:4px; margin-bottom:4px; }
#desctext span { font-weight:bold; color: #333333; float:left; clear:right; padding-right:5px; }

#textlink1 { text-align:right; width:120px; float:right; }
#textlink1 .lt2 { float:left; clear:right; }
#textlink1 .rt2 { text-align:left;line-height:20px; vertical-align:middle; font-size:10px; }
#textlink2 { text-align:right; width:180px; float:right; }
#textlink2 .lt2 { float:left; clear:right; height:20px; padding-top:3px; }
#textlink2 .rt2 { text-align:left;line-height:20px; vertical-align:middle; font-size:10px; padding-left:20px; color:#FF0000; }
#textlink2 .rt2 a { color:#FF0000; text-decoration:none;  }
#textlink2 .rt2 a:hover { color:#FF0000; text-decoration:underline;  }

.pagehead { width:700px; height:55px; background-image:url(pagehead1.jpg); background-repeat:no-repeat; padding-left:15px; color:#FFFFFF; font-size:18px; line-height:55px; font-weight:bold; }
.next { width:700px; height:20px; text-align:right; font-size:11px; margin-top:4px; margin-bottom:4px; }

#aform { width:265px; height:305px; }
.aformhead { width:190px; font-weight:bold; padding-bottom:6px; border-bottom:1px solid #000; }
#aform label { width: 65px; float: left; text-align: left; margin-right: 0.7em; display: block; margin-top:4px; color:#415683; font-weight:bold; }
#aform input { width:180px; color: #000; background: #fff; border: 1px solid #CCCCCC; line-height:12px; margin-top:4px;}
#aform span {margin-top:5px; padding-top:5px;}
#submit {   }
#submit input { color: #ffffff; background: #415683; float:right; margin-right:3px; width:70px; padding:2px;} 

#aform1 { width:420px; height:auto; }
.aformhead1 { width:190px; font-weight:bold; padding-bottom:6px; border-bottom:1px solid #000; }
#aform1 label { width: 220px; float: left; text-align: left; margin-right: 0.0em; display: block; margin-top:4px; color:#415683; font-weight:bold; clear:right;}
#aform1 input { width:190px; color: #000; background: #fff; border: 1px solid #CCCCCC; line-height:12px; margin-top:4px;}
#aform1 span {margin-top:5px; padding-top:5px;}
#submit1 {   }
#submit1 input { color: #ffffff; background: #415683; float:right; margin-right:3px; width:70px; padding:2px;} 


#right-product {float:left;background-color: #FFFFFF;display:inline; }
#right-product a {text-decoration: none;color:#000; margin-left:22px; font-size:11px; font-weight:normal;  padding-left:1px;} 
#right-product a:hover {text-decoration: underline;color:#000000;  }

#arrowlistmenu{ width: 260px;  border:1px solid #ccc; }
#arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: #006BA3; background-image:url(grad2.gif); background-repeat: repeat-y; border:1px solid #ccc; padding: 4px 0 4px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer; font-size:11px; font-weight:bold;}
#arrowlistmenu .openheader{ background-image:url(grad2.gif); background-repeat: repeat-y; !important; }
#arrowlistmenu .closedheader{ background: white; !important; }
#arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; border:1px solid #ccc; }
#arrowlistmenu ul li{ padding-bottom: 2px; background-image:url(bullet.gif); background-repeat:no-repeat; margin-top:3px; margin-left:8px; }
#arrowlistmenu ul li .opensubheader{ background: white !important;   }
#arrowlistmenu ul li .closedsubheader{ background: white !important; }
#arrowlistmenu ul li a, a:active{  }
#arrowlistmenu ul li a.subexpandable .opensubheader{ background-color: #fff; }
#arrowlistmenu ul li a.subexpandable .closedsubheader{ background-color: #fff; }
.newtext a {
	font-family: Arial;
	font-size:12px;
	color:#006BA3;
	text-decoration:none;
	font-weight:normal;
	display:inline;
	line-height:17px;
	margin:0px;
	padding:0px;
}
.newtext a:hover {
	font-family:Arial;
	text-decoration:underline;
	font-weight:normal;
	line-height:17px;
	margin:0px;
	padding:0px;
	font-size: 12px;
	color: #006BA3;
}