* {
}

body {
  margin:0px;
  padding:0px;
  color:black;
  background-color:#f6f6f6;
  background-image:url(/images/bg.gif);
  background-repeat:repeat-y;
  font-family:verdana,arial,helvetica,sans-serif;  
}

a {
  color:#0A7398;
  xtext-decoration:none;
}

a:hover {
  color:#FF3200;
  xtext-decoration:underline;
}

/* ------------------------------------------------------------------- */

.top1 { xwidth:774px; height:108px; white-space:nowrap; }
.logo { width:144px; height:108px; }
.photo { width:486px; height:108px; }
.altmenu { width:144px; height:108px; }
.top2 { white-space:nowrap; }
.logo2 {}
 
.navmenu {background-color:black;width:630px;height:36px;color:white;line-height:36px;font-size:0px;margin-left:144px;xmargin-top:-36px;background-color:#FF3200;
xborder-bottom:1px dotted black;
xline-height:35px;height:35px;
}
.navmenulink {padding-left:0px;padding-right:0px;
  font-size:12px;
  padding-left:14px;
  padding-right:14px;
}
.navmenu a {color:white;text-decoration:none;border-bottom:4px solid #FF3200;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:2px;
}
.navmenu a:hover {color:white;border-bottom:0.25em solid white;}
.altmenu {margin-top:-144px;height:108px;width:144px;text-align:left;margin-left:18px;}
.altmenulink {
  font-size:12px;
  margin-left:630px;
  width:144px;
  white-space:nowrap;
  padding-top:16px;
}
.altmenulink img {margin-right:2px;}

/* ------------------------------------------------------------------- */

#contentcontainer {
 
}

#content {  
  font-size:80%;
  line-height:1.25em; 
}

/* ------------------------------------------------------------------- */

#content .gutter {
  float:left;
  font-size:12px;
  line-height:15px;
  width:145px; 
  height:100%;
  padding-bottom:18px;
  xmargin-top:36px;
}

#content .gutter ul {
  list-style-image:none;
  list-style-type:none;
  margin:0px;
  padding:0px;  
  xbackground-image:url(/images/glyph-hdots.gif);
  xbackground-position:top left;
  xbackground-repeat:repeat-x;
}
#content .gutter li {
  padding-left:18px;
  padding-top:0.5em;
  padding-bottom:0.5em;
  background-image:url(/images/glyph-hdots.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
}
#content .gutter li a {
  text-decoration:none;
}

#content #main {
  background-color:white;
  xborder-right:1px solid black;
  width:611px;
  float:left;  
  padding-left:18px;  
  padding-bottom:36px;
}

#content #main p {
  margin-right:18px;
}

#content #sidebar {
  width:188px;
  width:206px;  
  float:left;   
  xborder-top:1px dashed #7F7F7F;
  xborder-bottom:1px dashed #7F7F7F;
  xborder-right:1px dashed #7F7F7F;
  margin-left:1px;
  padding-top:18px;
  padding-bottom:18px;
  padding-left:18px;
  xpadding-right:18px;
  background-color:#F6F6F6; 
}

#content #sidebar p {
  font-size:70%;
}

#content #main50 {
  background-color:white;
  width:288px;
  float:left;
  padding-left:18px;
  xpadding-top:18px;  
  padding-right:18px;
  padding-bottom:36px;
}

#content #sidebar50 {
  background-color:white;
  width:280px; /* 287 is full */
  float:left;
  xpadding-left:18px;
  xpadding-top:18px;  
  padding-right:18px;
  padding-bottom:36px;
  
}

#content #mainfull { /* without a gutter */
  background-color:white;
  width:756px;
  padding-top:36px;
  padding-left:18px;
  padding-bottom:36px;
}

/* ------------------------------------------------------------------- */

div.product {
  width:611px;
  xborder:1px solid red;
}

div.product .line1 {
}

div.product .line2 {
  xbackground-color:#F6F6F6;
  height:1.25em;
  padding-top:6px; /* descenders from line1 are too close */
}

div.product .name {
  xheight:1.8em;
  xline-height:1.8em;
  position:relative;
}
div.product .name a { text-decoration:none; }
    
div.product .diagram {
  float:right;
  height:220px;
  width:220px;
}

div.product .menuette {
  
}

div.product .menuette a img {
  margin-right:2px; 
}

div.product .line3 {
  margin-top:1em;
}

/*
div.product .line3 p {
  margin:0px;
  margin-bottom:1em;
}
*/

/* ------------------------------------------------------------------- */

#footer {
  font-size:10px;
  border-top:1px solid #6F6F6F;
  xbackground-image:url(/images/glyph-hdots.gif);
  xbackground-repeat:repeat-x;
  xbackground-position:top left;
  xborder-bottom:1px solid #3F3F3F;
  xbackground-color:#F6F6F6;
  color:#6F6F6F;
  width:774px;
  xpadding-top:9px;  
  padding-bottom:9px;  
  xmargin-left:36px;
}

#footer .text {
  margin-left:162px;
  line-height:1.5em;
}

/* ------------------------------------------------------------------- */

.clear {
  clear:both;
}

.code {
  border-left:0.5em solid #DDD;
  border-right:1px dashed #DDD;
  border-top:1px dashed #DDD;
  border-bottom:1px dashed #DDD;
  padding-left:2em;
  padding-top:0.5em;
  margin-top:1em;
  margin-right:2em;
  padding-bottom:0.5em;
  font-size:100%;
  /*font-size:70%;*/
}

.indent {
  margin-left:18px;
}

.aright { text-align:right; }
.aleft { text-align:left; }
.acenter { text-align:center; }

.msg {font-weight:bold;}
.msg_error {color:red;font-weight:bold;}

/* ------------------------------------------------------------------- */

hr {
  height:1px;
  color:#6F6F6F;
}

h1 {
  font-size:180%;
  xheight:1em;
  xline-height:1em;
  font-weight:normal;
  padding:0px;
  margin:0px;
  margin-top:36px;
}

h2 {
  font-size:100%;
  font-weight:bold;
  padding:0px;;
  margin:0px;
  margin-top:18px;
}

p {
  margin-top:1.5em; 
}

ul {
  xlist-style-image:url(/images/glyph-tfall.gif);
  list-style:square;  
  line-height:1.5em;
  margin-left:18px;
  padding-left:18px;
}

pre {
  font-size:90%;
}

/* --[ GASP, TABLES ]------------------------------------------------- */

.gridtable {
  border-left:1px solid #DDD;
  border-top:1px solid #DDD;
}

.gridtable .topRow {  
  background-color:#F6F6F6;
  xfont-weight:bold;
  border-right:1px solid #DDD; 
  border-bottom:1px solid #DDD;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:9px;
  padding-right:9px; 
  background-image:url(/images/glyph-brcorner.gif);  
  background-position:bottom right;
  background-repeat:no-repeat;
  border-left:1px solid white;
  border-top:1px solid white;
}

.gridtable .oddRow {
  xbackground-color:#F6F6F6;
  border-right:1px solid #DDD; 
  border-bottom:1px solid #DDD;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:9px;
  padding-right:9px;  
}

.gridtable .evenRow {
  xbackground-color:#FAFAFA;
  border-right:1px solid #DDD; 
  border-bottom:1px solid #DDD;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:9px;
  padding-right:9px;
}

/* --[ GASP, TABLES ]------------------------------------------------- */

.stripetable {
  border-left:1px solid #DDD;
  border-top:1px solid #DDD;
  xwidth:400px;
  border-bottom:1px solid #DDD;
  border-right:1px solid #DDD;
}

.stripetable .topRow {  
  background-color:#F6F6F6;
  xfont-weight:bold;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:9px;
  padding-right:9px; 
  background-image:url(/images/glyph-brcorner.gif);  
  background-position:bottom right;
  background-repeat:no-repeat;
  border-left:1px solid white;
  border-top:1px solid white;
  border-bottom:1px solid #DDD;
}

.stripetable .oddRow {
  background-color:#FBFBFB;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:9px;
  padding-right:9px;  
}

.stripetable .evenRow {
  background-color:#F6F6F6;  
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:9px;
  padding-right:9px;  
}