* { font-size: small; line-height: 1.2em; }
body {font-family: Verdana, Arial, sans-serif}
a img { border: 0; }

div#header {
  width: 100% ;
}

div#container {
  position: relative ;
  width: 100%;
}

div#sidemenu {
  position: absolute;
  top: 0 ;
  left: 0 ;
  width: 25%;
}

div#main {
  clear: both ;
  float: right;
  width: 75%;
  border-left: 1px dotted #ccc;
}

div#footer {
  clear: both ;
  width: 100% ;
}

#header-l   {
 float: left;
 text-align: left  ;
 background-image: url("../images/logo.gif");
 background-repeat: no-repeat;
}
#header-l h1{
 margin: 0 0 5px 120px ;
 color: navy ;
 font-size: 16px ;
}
p#header-navigation { margin: 0 0 0 120px ; font-size: 12px ;} 
p#header-navigation li { display: inline ; } 
p#header-navigation a       { margin: 0 0 0 5px ;text-decoration: none ; color: #06C; font-size: 12px;}
p#header-navigation a:hover { background-color: #06C; color: #FFF ; }

#header-r {float: right; text-align: right ; display: none;}
hr#header-separator { background-color: #ddd; height: 1px; border: 1px solid #ccc; border-width: 1px 0 0 0; margin: 0; clear: both; }
hr#footer-separator { background-color: #ddd; height: 1px; border: 1px solid #ccc; border-width: 1px 0 0 0; margin: 0; clear: both; }

a:link { text-decoration: none; color: #06C; }
a:visited { text-decoration: none; color: #06C; }
a:hover { text-decoration: underline; color: #06C; }
a:active { text-decoration: underline; color: #06C; }

ul#sign li { display: inline ;} 
ul#sign a       { text-decoration: none ; color: #06C; }
ul#sign a:hover { background-color: #06C; color: #FFF ; }

h2  { font-size: large; margin: 20px 15px 5px 15px; color: navy; }
h3  { margin: 10px 30px 10px 30px ; color: #000; }
.text{ margin: 10px 40px ; color: #000; }
.warn{ color: #F00; }
dl   { margin: 10px 30px ; color: #000; border: 1px dotted #900; padding: 0 15px 15px 0;}
dl dt{ text-decoration: none; margin: 10px; color: #900; font-weight: bold; }
dl dd{ margin: 0 0 0 30px ;padding: 0 0 0 0; }

img#e3method { margin: 5px 0px 10px 50px; border: 1px dotted #000; }
.code { margin: 10px 30px 10px 30px; padding: 10px; border: 1px dotted #000; background-color: #ccc; }

ol li.outline-header { font-weight: bold; }
ol.links ul.links { font-weight: normal; margin: 0 0 0 0; padding: 0 0 0 0 ;}
ul.links { margin-bottom: 1.5em ; }


table#mashups    {margin: 0 0 0 25px;}
table#mashups tr {padding: 0 0 0 0; border: 5px solid #F00; }
table#mashups tr.mashups-header { background-color: #06C; }
table#mashups tr th {margin:0; padding: 3px 10px 3px 5px ;font-weight: normal; background-color: #06C; color: #FFF; text-align:left; }
table#mashups tr td {margin:0; padding: 0 10px 0 5px ;}
td.uname {color: #999; }

address { margin: 15px; }
blockquote      { background-color: #FF9; border: 1px solid #00F; padding: 10px ;}
blockquote ol{ margin: 10px 30px 10px 30px ; line-height: 1.2em; }
strong { text-decoration: underline; font-weight:normal; }