/* main.css */

  /* Global settings    */

body, table, td {
  background-color: white; 
  color:            black; /*#666666;*/
  font-family:      Tahoma, "Lucida Grande", Arial, sans-serif;
  font-size:        .9em;
}

td {
  font-size:        1.1em;
}

  
  /* Div that surrounds the entire body */

#wrapper { 
  width:         820px;   
  margin:        0 auto -1px auto;   
  padding:       0 0 0 0; 
  border:        1px solid #c0c0c0; 
}
  

a:link {
  color: #0000FF;
}
a:visited {
  color: #666666;
}
a:hover {
  color: #FF0000;
}
a:active {
  color: #0000FF;
}



/* Div that contains the page header:
   Full width of page. Left side is INTELLIKEY logo,
   right side is graphic of keys */

#header             { width: 100%;  }
#header_left   { float: left;  }
#header_right { 
  float:        right;
  margin-right: 20px; 
}


/* Main menu - an unordered list with id=MainNav defined in header.php */
/* adjusting the value for the left margin helps
   make the menu look centered */

ul#mainNav  {
  width:         100%;
  margin:        0 0 0 0;
  padding:       10px 0 10px 0;
  list-style:    none;
  clear:         both;
  margin-left:   50px;
  margin-bottom: 10px;
}
 
#mainNav li {
  float: left;
  width: 7em;
}

#mainNav a {
  text-align:       center;
  font-size:        .7em;
  text-decoration:  none;
  text-transform:   uppercase;
  border-bottom:    none;
  border-top:       none;
  padding:          7px 0px 7px 0px;
  display:          block;
  background-image: url(images/btn_background.jpg);
  color:            white;
}
#mainNav a:hover {
  color:            red;
}


#menu  { 
  width: 100%; 
  clear: both; 
}


/* <div id="banner"> contains the secondary menu and a graphic relevant
   to the current area of the website (products, applications, etc). */
   
#banner {
  width:  100%;
  margin-bottom: 10px;
}

#banner_right {            /* image in banner area */
  display:      inline;
  float:        right; 
  margin-right: 5px;
  margin-top:   20px;
}



  /* Div to hold secondary navigation menu inside Banner div */
  
#SecondNav  {
  width:   150px; 
  float:   left;
  margin:  0;
  padding: 0;
  display: inline;
}

ul#secNav {
  padding:    0;
  list-style: none; 
}
#secNav li {
  float:      left;  
  width:      10em;
  text-align: left;
  /*  margin-bottom: 5px;*/
}
#secNav a {
  font-size:        .8em;
  text-decoration:  none;
  color:            white; /*#000;*/
  border-top:       1px #e7e7e7;
  border-bottom:    none;
  padding:          7px 0px 2px 2px;
  display:          block; 
  background-color: #2C3F67; /*#E7E7E7;*/
  margin-left:      10px;
}
#secNav a:hover {
  background-color: #2C3F67; /*777777;*/
  color:            red;  /*white;*/
}


/* <div id="content" contains the main body of information for the page */

#content {
  width:         95%;
  clear:         both;
  padding-top:   10px;
  padding-left:  15px;
  padding-right: 50px;
  margin-right:  10px;
}

#content_left {
  width:         450px;
  float:         left;
  margin:        0 2px 0 2px;
  padding-left:  2px;
  padding-right: 2px;
  display:       inline;

}

#content_right {
  width:         200px;
  margin:        0;
  padding:       0;
  padding-left:  10px;
  display:       inline;
}



  /* Special cases */

#content_left_applic {
  width:         550px;
  float:         left;
  margin:        0 2px 0 2px;
  padding-left:  2px;
  padding-right: 2px;
  display:       inline;

}


  /* Div that contains the page footer. */
  
#footer {
  width:      100%;
  text-align: center;  
  clear:      both;
}



/* Highlighting for various types of information */

/* Flag required information on a form */
.req_info {
  color: red;
}
.required_info {
  color: red;
}

/* News headlines and paragraphs */
.news_headline {
  color: red;
}

.news_para {
  text-align: left;
}

.error_info {
  color: red;
}

/* Application types */
.applic {
  color: #FF0000;
}


  /* Class for div that contains a block of informational text */

.info_block {
  text-align:     left;
  clear:          both;
  margin-left:    50px;
  margin-bottom:  50px;
}

td.info_block {
  text-align: left;
}

tr.info_block {
  text-align: left;
}


  /* Special info areas on index page */
  
.spec_info {
  color:        gray;
  padding-left: 10px;
  margin-left:  150px;
}
.spec_image  {
  padding-right: 20px;
  margin-left:   20px;
  padding-left:  20px;
 
}
.show_info {
  width:   180px;
  float:   right;
  color:   blue;
  padding: 2px 2px 2px 2px;
  border: 1px black solid;
}