/*
Alar Engineering Software Inc.
March 12 2010
Validated in the W3C CSS Validation Service for CSS level 2.1
 */

body{
  margin:0;
  padding:30px 0;
  font-size:75%;  /* at 62.5% Font-size: 1.0em = 10px when browser default size is 16px*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background:#003366;  /* equals rgb(0,51,102) or Code 036 for dk bluey green*/
  color:#222;        /* #202020 a dk grey*/
}
#container{
  width:720px;
  margin:0 auto;
  padding:20px 20px 0 20px;
  background:#FFFFFF;    /* White or #FFF */
  color:#222;
}
/* ------------------------------------- */
/* HEADER SECTION with LOGO, IMAGE and horizontal bar */
/* ------------------------------------- */
.thetop{
  position: absolute;
  margin:0 0 5px 0;
  width: 100%;
 }

/* HEADER - TOP SITE LOGO and PLANT IMAGE*/
#logo{
  float:left;
  margin:0 20px 0 0;
  padding:0 0 0 0;
}
#logo img{
  border: none;
  background:#FFFFFF;
  color:#FFFFFF;
  clear:right;
}
#plant{
  float: right;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
#plant img{
  border: none;
  background:#FFFFFF;
  color:#FFFFFF;
}

/* HEADER - top horizontal bar with menu*/
ul#topNavigation {
  padding:0;
  margin:0;
  border: none;
  background:#003366;
  color: #FFFFFF;
  float: right;
  width: 100%;
}
ul#topNavigation li { display: inline;}
ul#topNavigation li a {
  padding:5px;
  background:#003366;
  color:#FFFFFF;
  text-decoration: none;
  float: right;
}
ul#topNavigation li a:link, ul#topNavigation li a:visited {background:#003366; color:#FFFFFF; }
ul#topNavigation li a:hover, ul#topNavigation li a:active {
  color:#003366;
  background:#FFFFFF;
}


/* ------------------------------------- */
/* MAIN BODY OF TEXT */
/* ------------------------------------- */
#main{               /* contains main text and sidebar */
  position: relative;
  width:100%;
  margin:0;
  padding:0;
}

/* Text section to right of Sidebar */
#main-content{
  display:block;
  float:right;
  width:530px;
  padding:0 0 0 0;
  margin:0 10px 0 0;
/*  margin-bottom:10px !important *//*Non-IE6*//*; margin-bottom:5px*/ /*IE6*//*;*/
}

/* ALAR Introductory Sentence */
#intro {
  display: block;
  width:100%;
  margin:5px 0 0 0;
  padding:0;
}
#intro h1{
  font-size: 120%;
  font-weight: bold;
  background:#FFFFFF;
  color:#003366;
  text-align: left;
}
/* Headings in grey block */
.headerstyle{
  display:block;
  margin:5px 0 10px 0;
  padding:5px 0 5px 8px;
  background:#eee;
  color:#222;
  border-top:1px solid #ddd;
  border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:1px solid #ddd;
  text-decoration:none;
}
/* Text section blocks with grey background */
.block{
  display:block;
  margin:5px 0 10px 0;
  padding:5px 0 5px 8px;
  background:#eee;
  color:#222;
  border-top:1px solid #ddd;
  border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:1px solid #ddd;
  text-decoration:none;
}
/* Lists */
ul.mainlist li{
  margin:0 0 5px -10px;
  list-style-type: square;
  font-size:110%;
}
ol.mainlist2{
  margin:0 0 0 26px;
}
ol.mainlist2 li{
  margin:0 0 3px 0;
  list-style-type: decimal;
  font-size:110%;
}
ul.sublistL{
  margin:3px 0 14px 30px;
}
ul.sublistL li{
  margin:0 0 3px 0;
  list-style-type: square;
  font-size: 100%;
}
ul.dslist li{
  margin:0 0 5px -10px;
  list-style-type: square;
  font-size:110%;
  padding:0 0 5px 0;
}



/* Positioning for texts with images */
/*.maincolumnR {
  display: block;
  float: right;
  clear: both;
  margin: 0;
}
.maincolumnL {
  display: block;
  float: left;
  clear: both;
  margin: 0;
}*/

.image-left  {
  clear:both;
  float:left;
  margin:3px 20px 3px 0px;
  padding:1px 1px 1px 1px;
  border:1px solid #ccc;
}
.image-right {
  clear:both;
  float:right;
  margin:3px 0 3px 0px;
  padding:1px 1px 1px 1px;
  border:1px solid #eee;}

/* BUTTONS for links and separate from FORMS - added final positioning info, e.g. margins, in html file*/
.button1{
  display: block;
  position: relative;
  background: #ddd;
  color:#222;
/*  border-style: solid;
  border-width: 1px 4px 4px 1px;
  text-decoration : none;
  border-color: #003366;*/
}
.button1 a {
  display: block;
  background: #ccc;
  color:#222;
  border-style: solid;
  border-width: 1px 4px 4px 1px;
  text-decoration: none;
  font-size:100%;
  padding: 2px;
  border-color: #003366;
}
.button1 a:link{
  background: #ccc;
  color:#222;
  border-style: solid;
  border-width : 1px 4px 4px 1px;
  text-decoration : none;
  padding: 2px;
  border-color: #003366;
}
.button1 a:hover { border-color: #ccc; }

/* ------------------------------------- */
/* SIDEBAR CONTENTS TO LEFT */
/* ------------------------------------- */
.sidebar{
  display:block;
  width:150px;
  float:left;
  margin:0;
  background:#eee;
  color:#222;
  border-top:1px solid #ddd;
  border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:1px solid #ddd;
}
.sidebar p{
  padding:0 5px 0 5px;
  font-size:100%;
  background:#eee;
  color: #003366;
}
ul.sideList {
  padding:0;
  margin: 0 0 0 10px;
  background:#eee;
  color: #003366;
  list-style-type: none;
}

ul.sideList li { display: inline;}
ul.sideList li a {
  margin: 0 0 5px 0;
  padding:0 5px 0 0;
  background:#eee;
  color: #003366;
  text-decoration: none;
}
ul.sideList li a:link, ul.sideList li a:visited {background:#eee; color:#003366; }
ul.sideList li a:hover, ul.sideList li a:active {
  color:#bbb;
  background:#eee;
}

/* Side navigation menu - vertical bar */
.menuheader{      /* Header cell for menu */
   background:#003366;
   color:#fff;
   border-top:1px solid #ddd;
   border-right:1px solid #888;
   border-bottom:1px solid #888;
   border-left:1px solid #ddd;
   text-decoration:none;
   font-size: 110%;
}
ul.sideNavigation, ul.SubSideNav {
  display:block;
  width:148px;
  margin:0;
  padding:0;
  background:#eee;
  color: #222;
  border-top:1px solid #ddd;
  border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:1px solid #ddd;
  text-decoration:none;
  list-style: none;
}

ul.sideNavigation li a {
  display:block;
  width:143px;
  margin:0;
  padding:5px 0 5px 5px;
  background:#eee;
  color:#003366;
  text-decoration: none;
  font-size:100%;
  font-weight:bold;
  text-align:left;
  border-top:1px solid #ddd;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  border-left:1px solid #ddd;
}
/*ul#sideNavigation li a:link, ul#sideNavigation li a:visited{ color:#003366; }  */
ul#sideNavigation li a:link, ul#sideNavigation li a:visited, ul.sideNavigation li a:hover, ul.sideNavigation li a:active {
  color:#FFFFFF;
  background:#003366;
}
ul.subSideNav li a {
  display:block;
  width:126px;
  margin:0 0 0 -41px;
  padding:5px 3px 3px 20px;
  background:#eee;
  color:#003366;
  text-decoration: none;
  font-size:90%;
  font-weight:normal;
  text-align:left;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  border-left:1px solid #ddd;
}
ul#sideNavigation li a:link, ul#sideNavigation li a:visited, ul.subSideNav li a:hover, ul.subSideNav li a:active {
  color:#FFFFFF;
  background:#003366;
}
/* ------------------------------------- */
/* Form styles */
/* ------------------------------------- */
.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:10px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform label.radio {float:left; width:160px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform label.fullwidth {float:left; width:275px; margin:0 5px 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {float:right; width:60px; margin:0 20px 0 0; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(80,80,80); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.tablestd {
  text-align: left;
}
.tablestd th.equip {
  color:rgb(80,80,80);
  background: transparent;
  font-weight:bold;
  font-size:110%;
  width: 160px;
}


/* ------------------------------------- */
/* MISC - including footer, internallinks, fonts not defined elsewhere */
/* ------------------------------------- */

#footer{
margin:0 auto 20px auto;
width:100%;
background:#fff;
color:#888;
padding:0 0 5px 0;
font-size:90%;
text-align:center;
}

h1{
  margin:0 0 10px 0;
  font-size: 150%;
  font-weight:normal;
}

h2{
  margin:0 0 4px 0;
  font-size: 130%;
  font-weight:normal;
}

h3{
  margin:0 0 3px 0;
  font-size: 120%;
  font-weight:normal;
}

h4{
  margin:10px 0 5px 0;
  font-size:100%;
  font-weight:normal;
}
p{
  margin:0 0 15px 0px;
  line-height:150%;
}

.main p{
  padding:0 0 0 10px;
}

.dsthumbImage, dsImage{
  border: none;
  background:#FFFFFF;
  color:#FFFFFF;
}


.clear{
clear:both;
margin:0;
}

.right{
text-align:right;
}

.internallink{
  font-size:90%;
  text-align:center;
  text-decoration: none;
}
/*.internallink a{
  font-size:90%;
  background: transparent;
  color: #003366;
}*/
.internallink a, .internallink a:link, .internallink a:visited, .internallink a:hover, .internallink a:active{
  text-decoration: none;
  background: transparent;
  color: #003366;
}

.standard{
  text-decoration: none;
}
.standard a, .standard a:link, .standard a:visited, .standard a:hover, .standard a:active{
  text-decoration: none;
  background: transparent;
  color: #222;
}
.standardBlue{
  text-decoration: none;
}
.standardBlue a, .standardBlue a:link, .standardBlue a:visited, .standardBlue a:hover, .standardBlue a:active{
  text-decoration: none;
  background: transparent;
  color: #003366;
}

.hide{
display:none;
}