/* INW CSS Document */

/* html, body and main container */

html {
height:auto;
padding:0; 
margin:0; 
border:0; 

/* hide overflow:hidden from IE5/Mac */ 

/* \*/ 

overflow: auto; 

/* */ 

}

body {
margin: 0;
padding: 0;
font: 10pt Arial, serif;
text-align:center;
background: #FFF;
overflow:visible;
border:0;
background-image: ;
background-repeat: repeat-x; 
}

div#container {
position:absolute;
top:0;
left:0;
margin:0;
text-align:center;
margin-top:10px;
padding-bottom:15px;
height:auto;
min-width:900px !important;
width::900px;
border:0;
overflow:visible;
}

/* Top Bar, Logo and Search Bar */
#topbar {
margin-left:0;
width:900px;
min-width:800px;
height:40px;
overflow:hidden;
padding:0;
border:1px solid #FFFf4D;
background:#ffffff;
text-align:left; }

#logo_image {
float:left;
margin:5px 0 0 12px;
width:32px;
height:32px;
border:0;
display:block;
background-repeat:no-repeat;
overflow:hidden;
}

#logo_image img {border:0;}
#logo_image a img {border:0;}
#logo_image img a {border:0;}
#logo {
float:left;
margin-left:40px;
top:-35px;
margin:3px 0 0 5px;
width:470px;
height:52px;
font-size:18px;
font-weight:bold;
font-family: Helvetica, Arial, sans-serif; 
color:#0B4499;
border:0;
overflow:hidden;
}

#logo p {
font-size:11px;
font-weight:normal;
color:#5C5C5C;
margin-left:2px;
margin-top:-5px;
}

#logo strong{
color:#90A1CB;
font-family: Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;}

#search {
float:right;
margin:5px 20px 0 0;
width:300px;
min-width:300px;
height:60px;
border:0;
display:none;
}
/* Search Bar Styling */


/* Top or Permanent Navigation */

#navtop {
display:none;}

#nav, #nav ul, #nav, #nav table, #nav li {display:none;}

/* Interior Pages - Center Section */

#main {margin-left:0; margin-top:10px; margin-bottom:20px; padding:0; background:#fff; height:100%; overflow:visible; width:900px; border:0; text-align:left;}
#main h3 {font-size:14px; color:#666;}
#main img {border:0;}

/* Interior Section Navigation and Nav Styles */
div#main_nav ul{ margin-top:15px; padding-left:10px; z-index:100; width:100%; }
div#main_nav ul#second {clear:left; padding-left:10px; padding-top:0px; margin:0; margin-top:-5px; height:40px; width:100%; z-index:300;}
div#main_nav ul#third {clear:left; padding-left:40px; padding-top:0px; margin:0; margin-top:0px; margin-left:75px; height:40px; width:100%; z-index:300;}

div#main_nav li {
float:left; margin-left:5px;font-family: Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;
list-style-type:none;
color:#999; 
}
div#main_nav li.title {font-family: Helvetica, Arial, sans-serif; 
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: -1px;
line-height: 1.4em;
color:#0B4499;
text-transform:none;
padding-right:5px; 
margin-top:-8px;}
div#main_nav li.tinyarrow {border:0; margin-top:5px; padding:0;}
div#main_nav li.clicked {color:#666; font-weight:600; }
div#main_nav li a, div#main_nav li a:visited {color:#666; padding:0; margin:0; text-decoration:none; background:transparent; border:0;}
div#main_nav li a:hover {color:#000 !important; text-decoration:none; padding:0; margin:0;  background:#ccc; border:0;}

div#main_nav li.two {color:#ffcc33;}
div#main_nav li.twoclicked {color:#fff !important; background:#ffcc33; text-transform:none;}
div#main_nav li.twoclicked a, div#main_nav li.twoclicked a:visited {color:#fff; background:#ffcc33; }
div#main_nav li.twoclicked a:hover {color:#000; background:#fff; }
div#main_nav li.two a, div#main_nav li.two a:visited {color:#000 !important; text-decoration:none; background:transparent; border:0; padding:0;margin:0; margin-top:-15px; text-transform:none;}
div#main_nav li.two a:hover {color:#fff !important; text-decoration:none; background:#ffcc33; border:0; text-transform:none; padding:0;margin:0; margin-top:-15px; }

/*Right side Column next to Image */
div#main_upper h2, div#main_upper_2 h2 {
font-family: Helvetica, Arial, sans-serif; 
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: -1px;
line-height: 1.2em;
color:#0B4499;
text-transform:none; }
div#main_upper li, div#main_upper_2 li  {font-family: Verdana, sans-serif; font-size:12px; color:#666; font-weight:200; list-style-type:none; margin:0;padding:0;}
div#main_upper li a, div#main_upper li a:link, div#main_upper li a:visited {font-family: Helvetica, Arial, sans-serif; 
font-size: 24px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
color:#0B4499;
text-transform:none; 
text-decoration:none;background:transparent; border:0;}
div#main_upper ul, div#main_upper_2 ul {margin:0; width:175px;}
div#main_upper ul li, div#main_upper_2 ul li {margin-bottom:5px;}
div#main_upper ul.trydown {margin-top:20px; width:175px; }
div#main_upper ul.trydown li {margin-bottom:-5px;}
div#main_upper li a, div#main_upper_2 li a {text-decoration:none;}
div#main_upper li a:hover,div#main_upper_2 li a:hover {color:#fff; text-decoration:none; background:#FFCC33; border:0;}

div#main_upper li.download {color:#666; font-size:12px; }
div#main_upper li.download a,div#main_upper li.download a:link, div#main_upper li.download a:visited  {font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: 1em; text-transform:none; text-decoration:underline;color:#666; font-size:12px; }
div#main_upper li.download a:hover{color:#fff;}

div#main_upper a em {font-size:12px; vertical-align:middle; margin-left:10px; text-decoration:none;}
div#main_upper img, div#main_upper_2 img {border:0;}
div#main_upper {float:right; width:175px; height:320px; margin-top:-360px; margin-right:30px; background:#fff; border:0; padding:0; text-align:left;}
div#main_upper_2 {float:right; width:175px; height:120px; margin-top:-360px; margin-right:30px; background:#fff; border:0; padding:0; text-align:left;}
div#main_upper.switcheroo {float:right; width:175px; height:320px; margin-top:0px; margin-right:30px; background:#fff; border:0; padding:0; text-align:left;}
div#main_upper_2.testie {float:left; width:100px; height:120px; margin-top:0px; margin-right:0px; background:#fff; border:0; padding:0px; padding-left:0px;text-align:left;}



/* Interior Positioning */
div#main_content p {font-size:12px;}
div#main_content p img {float:left; margin-left:5px;}
div#main_content h1, div#main_content_longer h1, div#main_content_wider h1 {padding:0; margin:0; font-family: Helvetica, Arial, sans-serif; 
font-size: 18px;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: -1px; 
color:#999;}

div#main_nav {height:60px; margin:0; padding:0; background:transparent;z-index:50;}
#main_content {float:left; border:0; padding:0; padding-bottom:2px;margin-left:15px; margin-bottom:25px; width:440px; color:#336699; background:transparent;height:240px; overflow:visible; text-align:left;}
div#main_content_skinny {float:left; border:0; padding:0; padding-bottom:2px;margin-left:15px; margin-bottom:25px; width:440px; color:#336699;background:transparent;height:440px;overflow:auto; text-align:left;}


div#main_content_longer {height:120%;float:left; border:0;  padding:0; margin-left:15px; margin-bottom:25px; width:640px; color:#336699;background:transparent; text-align:left;}
div#main_content_longer.lesswide {height:120%;float:left; border:0;  padding:0; margin-left:15px; margin-bottom:25px; width:440px; color:#336699;background:transparent;text-align:left;}


div#main_content_longer iframe {float:right; margin-right:10px;}
div#main_content_wider {float:left; border:0;  padding:0; margin-left:15px; margin-bottom:25px; width:640px; color:#336699;background:transparent;height:240px;overflow:auto; text-align:left;}
div#main_content_longer a:link, div#main_content a:link, div#main_content_longer a:visited,div#main_content a:visited   {background:#fff; color:#336699; margin:0; padding:.1em;border:0; line-height:1.5em;font-weight:normal;text-decoration:underline; }
div#main_content_longer a:hover,div#main_content a:hover {color:#000; background:#fff; text-transform:none; text-decoration:underline;}
div#main_content_full {float:left; padding:0; padding-bottom:2px; margin-left:15px; margin-bottom:5px; width:840px; color:#336699; background:transparent;height:340px;overflow:auto; text-align:left;}
#main_content_longer.lesswide ul li{list-style-type:circle; margin-left:15px; margin-bottom:2px; }
div#main_image {z-index:0;float:right;width:200px;padding:0px;margin-right:0;margin-top:0;background:#fff; overflow:hidden;}

div#main_content_bottom { margin-left:20px; clear:left; padding:0; border:0; background:transparent; height:100px; overflow:hidden; width:450px;}
div#main_content_bottom em {text-align:center; background:transparent; border:0; color:#999; line-height:1.2em;}
div#main_content_bottom b {text-align:center; background:transparent; border:0; color:#666;}
div#main_content_bottom ul {margin:0; padding:0; width:700px; height:110px; display:none;}
div#main_content_bottom li.bottom {border:0; line-height:1em;font-size:10px; float:left; list-style-type:none; width:60px; overflow:hidden; margin-right:15px; text-align:center;}
div#main_content_bottom li.bottom img, div#main_content img {border:0; padding:0; margin:0; margin-bottom:8px; height:40px; text-decoration:none; background:#fff;}
div#main_content_bottom li.bottom a, div#main_content_bottom li.bottom a:link, div#main_content_bottom li.bottom a:visited {font-size:10px;color:#000; outline: none; text-decoration:none; line-height:1em; text-align:center; padding-bottom:10px;}
div#main_content_bottom li.bottom a:hover {color:#6699cc; border:0; text-decoration:none;font-weight:normal; outline: none; text-decoration:none; }
div#main_content_bottom h2 {color:#668080; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: none;letter-spacing: -1px;}

/*BIGGER SETS OF BOTTOM IMAGES main_content and main_content_bottom */
div#main_content.sensors {float:left; border:0; padding:0; padding-bottom:2px;margin-left:15px; margin-bottom:25px; width:490px; color:#336699;background:transparent; overflow:auto; margin-right:5px; text-align:left; border-bottom:1px solid #ffcc33;}
div#main_content_bottom.moresensors {margin-left:20px; margin-top:-260px; background:#fff; clear:both; float:left; padding:0; background:transparent; height:400px; overflow:auto; width:450px; z-index:1000;}
div#main_content_bottom.moresensors li.bottom img {height:40px;}
/*hack to make sure the orange border shows up*/
/*For EXTRA LONG Bottom bar with more then 7 tiny images */
div#main_content_bottom.extend {margin-left:20px; clear:left; padding:0; background:transparent; height:100px; overflow:hidden; width:650px; z-index:1000;}
div#main_upper.retract {float:right; width:175px; height:250px; margin-top:-360px; margin-right:30px; background:#fff; border:0; padding:0; text-align:left;}

/* Bottom - Copyright Info*/

#footer {position:relative; clear:both; float:left; margin-bottom:0px; margin-top:10px; bottom:0px; font-size:10px; color:#000;}

/* necessary end universals */
*											{ margin: 0; padding: 0; }
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }

h5 {padding:0; margin:0; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 14px;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: -1px; 
color:#000;}

th.cloth, td.cloth{text-align:right;padding:.5em;border:1px solid #ccc;}