/* CSS Document */

/* GLOBAL STYLES */
* {
margin: 0;
padding: 0;
}	
html { height: 100%; }
body { font-family: Arial,"Trebuchet MS", sans-serif; color: #333; height: 100%;  font-size: 70%; background: url(../i/bg.jpg) top left repeat-x ; background-color: #333333 }

a { font-weight: bold; line-height: 1.3em;  color: #333; text-decoration:none }
a:hover { color: #f33; }

img { border: 0; }
.clear { clear: both; }
.container { width: 1004px; margin: 10px auto; padding: 0; text-align: left; clear: both; position: relative;  } 

h1 {  }
h2 { font-size: 1em; line-height: 1.3em; color: #f33; font-weight: bold; letter-spacing:0em; text-transform:uppercase; padding: 0; border-bottom:2px #f33 solid }
h3 {}
h4 {}
h5 {}
h6 {}
p {font-size:1.2em; line-height:1.3em; font-family:Arial, Helvetica, sans-serif;}
.red {color:Red}
/* logo & search STYLES */
#header { width: 960px; clear: both; padding: 15px 20px 15px 20px; border:solid 1px #000; margin-bottom:10px  }
#header h1 {display:none}
#header img { width: 208px; height: 114px; float: left; behavior: url(incl/iepngfix.htc); margin-bottom:10px}
#header .hmiddle {display: block; float:left; width:502px;  }
#header .hmiddle img {margin-left:10px; float:left; width:50px; height:50px}
#header .hmiddle p {text-transform:lowercase; font-style:italic; color:#f33; display: block; width:237px;float:left; text-align:left;margin-left:5px; padding-bottom:3px; margin-top:35px; font-family:"Times New Roman", Times, serif; font-size:1.1em}

#header .hright { height: 90px; width:250px;float: left; text-align: left; color:#666;}
#header .hright .tagline { margin:23px 0 0 0px; width:auto; font-size: 1.2em; display:block; float:left; }
#header .hright .phone { margin:0px 0px 20px 0; font-size: 1.6em; font-weight:bold;  display:block; float:right;width:230px;font-family: Georgia, "Times New Roman", Times, serif;  }
#header .hright .address { margin:0px 0px 10px 0; font-size: 1em;  display:block; float:right;width:230px }
#header .hright form { float: right; display:block; margin: 0; padding: 0; width:230px}
#header .hright .text_field { width: 150px; float: left; margin: 0; padding: 2px 0; color:#666; font-size:1em; }
#header .hright button { float: left; background-image: url(../i/navi_bg.png); border: none; color: #fff; cursor: pointer; font: inherit; font-size: .91em; padding: .25em .5em;	margin: 0 10px 0}
#header .hright .search_btn  { float: left; background-color:Navy; background-image: url(../i/navi_bg.png); border: none; color: #fff; cursor: pointer; font: inherit; font-size: .91em; padding: .25em .5em;	margin: 0 10px 0}

#navigation{ width: 1000px; clear: both; border:solid 1px #000; margin-bottom:10px; text-align:center; clear:both;  position:relative; z-index:100; display:block;}
 
#navigation ul {display:block; list-style-type: none; background-image: url(../i/navi_bg.png); height: 40px; width: 1000px;
}
#navigation ul li {float: left;display:inline; position:relative; white-space:nowrap; display:block}
#nav ul>li{ display:inline-block; *display:inline; float:inherit; }
#navigation ul a {background-image: url(../i/navi_bg_divider.png);background-repeat: no-repeat;background-position: right;padding-right: 20px;padding-left: 20px;display: block;line-height: 40px;text-decoration: none;text-transform:uppercase;font-size: 1.1em;color:#ffffff;}
#navigation ul a.last {background-image:none}
#navigation ul a.on { background:#000033; color:#fff;background-image: url(../i/navi_bg_divider.png); }
#navigation ul a:hover { background:#000033; color:#fff;background-image: url(../i/navi_bg_divider.png); }
#navigation ul a:hover > img { background:#fff; } 
#navigation ul li:hover ul { display:none; width:auto;}
#navigation ul ul { display:none; text-align:left; position:absolute; left:0px; padding:4px 0 4px 0; margin:0; background:#C7C9D6; border-top:#fff solid 1px; border-bottom:#003 solid 1px; height:auto; }
#navigation ul ul.dropFirst { left:0px;}
#navigation ul li>ul {  } 
#navigation ul ul li { float:none; position:relative; clear:both; padding:0; margin:0;  background-image:none; line-height:1.2em; }
#navigation ul ul>li {  display:block; }
#navigation ul ul li a { display:block; color:#003; padding:3px; width:auto; margin:0 4px 0 4px;background-image:none; line-height: 14px;font-size: 10px; }
#navigation ul ul li a:hover { background:#003; color:#FFF; }
	

#banner { width: 1000px; height: 250px; border:solid 1px #000; margin-bottom:10px}

#banner_about {width: 760px; float: left; border:solid 1px #000;height:100px; margin-bottom:10px;background: url(../i/banner_in1.jpg) 0 0 no-repeat; } 
#banner_products {width: 760px; float: left; border:solid 1px #000;height:100px; margin-bottom:10px;background: url(../i/banner_in2.jpg) 0 0 no-repeat; } 
#banner_products .path { width: 320px; float: left; margin: 15px 0 0px 20px; color: #fff; font-size:1em; line-height:15px  }
#banner_products .path a { text-decoration:underline; font-weight:normal;color: #fff;}
#banner_news {width: 760px; float: left; border:solid 1px #000;height:100px; margin-bottom:10px;background: url(../i/banner_in3.jpg) 0 0 no-repeat; } 
.path { width: 320px; float: left; margin: 15px 0 0px 20px; color: #333; font-size:1em; line-height:15px  }
.path a { text-decoration:underline; font-weight:normal}



/* main column STYLES */
#main { width: 1002px; clear: both; margin-bottom:10px}
#main_inside { width: 800px; margin-bottom:10px; display:block;  }
/*#banner_inside { width: 798px; height: 130px; background: url(../i/banner_home.jpg) 0 0 no-repeat #0063c2; border:solid 1px #000; margin-bottom:10px}*/

/* left column STYLES */
.home { height:270px; }
#col1 { width: 188px; float: left; padding: 20px 20px 20px 20px; border:solid 1px #000; margin: 0 0px 0 0; background-color:#fff;  }
#col1 h4 {font-size: 1.5em}
#col1 img { float: left; margin: 5px 10px 0 0; }
#col1 .news { width: auto; padding: 5px 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #333; font-weight: normal; }
#col1 .news h3{ font-size: 12px; font-weight: bold; color: #003; }
#col1 .news h2 { font-size: 1.2em; padding: 0 0 10px 0; }
#col1 .news a { color: #333; margin-top: 5px }
#col1 .news a:hover { color: #f33; }
#col1 .news .arw { float: none; margin: 2px 0 0 5px; }
#col1 .noBorder { border: none; }
#col1 ul.left_nav {display:block; list-style-type: none;  }

#col2 .box1{ width: 200px; float: left; padding: 0 ; margin: 0 20px 0 0; display:block}
#col2 .box2{ width: 200px; float: left; padding: 0 ; margin: 0 20px 0 0; display:block}
#col2 .box3{ width: 280px; float: left; padding: 0 ; margin: 0 ; display:block}
#col2 .box1 p { font-size:1.2em; line-height:1.3em; }
#col2 .box1 h2 { margin-bottom:5px }
#col2 .box1 h3 { font-size: 1.2em; font-weight: bold; color: #003; }
#col2 .box1 a { font-size: 12px; font-weight: bold; color: #333; }
#col2 .box1 a:hover { color: #f33; }
#col2 .box1 .blk { width: 213px; padding: 10px 0 10px 0; border-bottom: 1px dotted #333; }
#col2 .box1 .blk span { font-size: 12px; font-weight: bold; color: #003; }
#col2 .box1 .blk a { font-size: 11px; color: #333; }
#col2 .box1 .blk a:hover { color: #f33; }
#col2 .box1 .arw { float: none; margin: 0 0 0 5px; }
#col2 .box1 .btmMargin { margin: 0 0 10px 0; }
#col2 .box1 .last {border-bottom: none }
#col2 .box1 ul {display:block; list-style-type: none; float: left; width:234px  }
#col2 .box1 ul li {display:block}
#col2 .box1 ul a {padding-left: 20px;text-decoration: none;font-size: 12px;font-size: 11px; color: #333; font-weight:normal }
#col2 .box2 p { font-size:1.2em; line-height:1.3em }

#col2 .box2 a { font-size: 1.2em; font-weight: bold; color: #333; }
#col2 .box2 a:hover { color: #f33; }
#col2 .box2 .arw { float: none; margin: 0 0 0 5px; }
#col2 .box2 ul {display:block; list-style-type: none; float: left; width:200px  }
#col2 .box2 ul li {padding: 5px 0 5px 0px;font-size:1.2em; display:block; border-bottom: 1px dotted #333; }
#col2 .box2 ul a {padding-left: 20px;text-decoration: none;font-size: 12px;font-size: 11px; color: #333; font-weight:normal }

#col2 .box3 p { font-size:1.2em; line-height:1.3em }
#col2 .blk { border-bottom: 1px dotted #333; padding-bottom:10px}
#col2 .box3 .blk h3 { font-size: 1.2em; font-weight: bold; color: #003; }
#col2 .box3 .blk img { margin: 0 10px 0 0; float:left; }
#col2 .box3 .blk a { font-weight: bold; line-height: 13px; color: #333; }
#col2 .box3 .blk a:hover { color: #f33; }
#col2 .box3 .blk .arw { float: none; margin: 0 0 0 5px; }
#col2 .box3 .blk .noBorder { border: none; margin:10px 0 0 0 }

#col2 { width: 720px; float: right; padding: 20px;border:solid 1px #000;background-color:#fff; position:relative }
#col2 .content{ width:420px; float: left; padding: 0 ; margin: 0 20px 0 0; display:block;position:relative}
#col2 .content h1 {font-size:1.5em;line-height: 1.6em; color:#f33}
#col2 .content h2 { margin-bottom:5px }
#col2 .content h3 { color: #003; }
#col2 .content p {margin-bottom:10px}
#col2 .content p .fsent {font-size:1.2em; line-height:1.3em}
#col2 .sidebar { width: 238px; float: left; padding:15px 20px ; margin: 0; display:block; border:dotted 1px}
#col2 .sidebar p { font-size:1.2em; line-height:1.3em; margin-bottom:10px }
#col2 .sidebar h3 { font-size: 1.2em; font-weight: bold; color: #003; }
#col2 .sidebar img { margin: 0; float:left; }
#col2 .sidebar .arw { float: none; margin: 0 0 0 5px; }
#col2 .sidebar .noBorder { border: none; margin:10px 0 0 0 }
#col2 .sidebar .218 { margin: 0 ; width:238px; height:150px; display:block; }
#col2 .path { width:420px;float: left; margin: 0; color: #333; font-size:1em; line-height:1.2em; margin-bottom:10px }
#col2 .path a { text-decoration:underline; font-weight:normal}

#col2inside { width: 720px; float: left; padding: 20px;border:solid 1px #000;background-color:#fff; position:relative;  }
#col2inside .content{ width:720px; float: left; padding: 0 ; margin: 0 20px 0 0; display:block;position:relative}
#col2inside .content h1 {font-size:1.5em;line-height: 1.6em; color:#f33}
#col2inside .content h2 { margin-bottom:5px; width:420px }
#col2inside .content p {margin-bottom:10px;font-size:1.2em; line-height:1.3em}
#col2inside .content p .fsent {font-size:1.2em; line-height:1.3em}
#col2inside .content ul {font-size:1.2em; line-height:1.3em;margin-bottom:10px;margin-left:20px;}
#col2inside .content ul ul {font-size:inherit; line-height:inherit;margin-bottom:0px;margin-left:20px;}
#col2inside .path { width:720px;float: left; margin: 0; color: #333; font-size:1em; line-height:1.2em; margin-bottom:10px }
#col2inside .path a { text-decoration:underline; font-weight:normal}
#col2inside .content .sidebar { width: 238px; float: right; padding:15px 20px ; margin: 0; display:block; border:dotted 1px}
#col2inside .sidebar p { font-size:1.2em; line-height:1.3em }
#col2inside .sidebar h3 { font-size: 1.2em; font-weight: bold; color: #003; }
#col2inside .sidebar img { margin: 0 10px 0 0; float:left; }
#col2inside .sidebar .arw { float: none; margin: 0 0 0 5px; }
#col2inside .sidebar .noBorder { border: none; margin:10px 0 0 0 }
#col2inside .sidebar .218 { margin: 0 ; width:238px; height:150px; display:block; }
#col2 img {margin-right:10px; margin-bottom:10px;float:left}
#col3{ width: 100px; margin-bottom:10px; float:right; background-color:#fff}

.subnav { width: 188px; padding: 0px; margin: 0 0 10px 0;  }
.subnav h3 { display: block; font-size: 1.5em; line-height: 1.6em; font-weight: bold; color: #003; margin: 0 0 5px 0; padding: 0; }
.subnav ul {list-style-type: none;}
.subnav ul li a { display: block; font-size: 1.5em; line-height: 1.6em; font-weight: bold; color: #003; margin: 0 0 5px 0; padding: 0; }
/*
.subnav li:hover ul { display: block; text-decoration: none; }*/
/*** LEVEL ONE ***/
.subnav ul ul li { margin: 0; padding: 0;   }
.subnav ul ul li.first a {border-top: 1px dotted #333;}
.subnav ul ul li a { color: #333; font-size: 1.2em; font-weight:bold; line-height:1.3em; margin: 0; padding: 10px 0 10px 10px; display: block; background: url(../i/arr.gif) 0px center no-repeat; border-bottom: 1px dotted #333; }
.subnav ul ul li a:hover { color: #f33; background: url(../i/arrd.gif) center left no-repeat;  }
/*
.subnav ul ul li:hover a {  background: url(../i/general/arrw9.png) center left no-repeat; behavior: url(incl/iepngfix.htc); }
.subnav li:hover ul a { background: none; }
*/
/*** LEVEL TWO ***/
.subnav ul ul ul {width: auto; }
.subnav ul ul ul li { margin: 0 0 0 10px; padding: 0; }
.subnav ul ul ul li a { color: #668293; font-size: 12px; font-weight:normal; line-height: 22px; margin: 0; padding: 0 0 0 10px; display: block; background: none no-repeat; behavior: url(incl/iepngfix.htc);  }
.subnav ul ul ul li:hover a {background: none no-repeat; behavior: url(incl/iepngfix.htc);}

/*** LEVEL THREE 
.subnav ul ul ul ul {display:none}
.subnav ul ul ul ul li #subsection {display:block;text-decoration: none;}***/
.subnav ul ul ul ul {width: auto; }
.subnav ul ul ul ul li { margin: 0 0 0 10px; padding: 0; }
.subnav ul ul ul ul li a { color: #668293; font-size: 12px; font-weight:normal; line-height: 22px; margin: 0; padding: 0 0 0 10px; display: block; background: none no-repeat; behavior: url(incl/iepngfix.htc);  }
.subnav ul ul ul ul li:hover a {background: none no-repeat; behavior: url(incl/iepngfix.htc); }

/*** LEVEL FOUR ***/
.subnav ul ul ul ul li { margin: 0 0 0 10px; padding: 0; }
.subnav ul ul ul ul li a { color: #668293; font-size: 12px; font-weight:normal; line-height: 22px; margin: 0; padding: 0 0 0 10px; display: block; background: none no-repeat; behavior: url(incl/iepngfix.htc);  }
.subnav ul ul ul ul li:hover a {background: none no-repeat; behavior: url(incl/iepngfix.htc); }


/* footer STYLES */
#footer { width: 960px; padding: 15px 20px 15px 20px; border:solid 1px #000; margin-bottom:10px; margin-top:10px; font-family: Arial, Helvetica, sans-serif; color: #868f98; background: #fff; }
#footer a { font-family: Arial, Helvetica, sans-serif; color: #868f98; font-weight: normal; }
#footer a:hover { color: #f33; }
#footer .lside { float: left; margin-bottom:10px}
#footer .rside { float: right;margin-bottom:10px }

.insidesub_text {font-size:1.2em; width:200px}
.gridview .actions div {
	float: right;
	padding-right: 2px;
	text-align: right;
	width: 95px;
}

.gridview .edit td,.gridview .create td {
	background: #DAFFCD;
	padding: 4px;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}

.gridview td {
	background: #D7E6F4;
	border-bottom: solid 1px #C5DBF7;
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 5px 4px;
}
.gridview td a{
	color: #333;
	font: bold small arial;
	padding: 2px;
	text-decoration: none;
}
.gridview td a:hover {
	color: #333333;
	font-weight: bold;
}
.gridview th {
	background: #4168BD;
	color: #FFFFFF;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;
}
.gridview th a{
	color: #FFFFFF;
	font: bold small "Segoe UI",Segoe,sans-serif;
}
.gridview th a:hover{
	color: #00FF00;
}
.gridview tr.even td,.detailsview tr.even td{
	background: #FFFFFF;
}
.gridview tr.header {
	background: #C5DBF7;
}
.gridview,.detailsview {
	width: 100%;
}