html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input
{
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th
{
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
}
blockquote {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}
h1 {
  font-variant: small-caps;
  color: #466F4A;
  
}
ul, ol
{
  list-style: none;
}
fieldset, img
{
  border: none;
}
caption, th
{
  text-align: left;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
}

img.left
{
  float: left;
  margin: 2px 20px 16px 0;
}
img.right
{
  float: right;
  margin: 2px 0 16px 20px;
}
img.across
{
  margin: 2px 0 16px 0;
}
img.flushleft
{
  margin-left: -20px;
}
img.flushright
{
  margin-right: -20px;
}
#main ul.demos
{
  margin-bottom: 1em;
}
#main ul.demos li
{
  padding-left: 165px;
  padding-bottom: 1em;
}
#main ul.demos li img.left
{
  width: 140px;
  height: 100px;
  margin: 0 0 16px -165px;
}
#main ul.downloads
{
  margin-bottom: 1em;
}
#main ul.downloads li
{
  padding-left: 60px;
  padding-bottom: 2em;
}
#main ul.downloads li img.left
{
  width: 32px;
  height: 32px;
  margin: 0 0 16px -45px;
}
#main a
{
  color: #466F4A;
  text-decoration: none;
}
#main a:hover
{
  text-decoration: underline;
}

#container
{
  padding: 20px 20px;
  width: 960px;
  margin: 0 auto;
  position: relative;
}
#main
{
  width: 100%;
  position: relative;
}
#content
{
  padding: 20px 20px;
  position: relative;
  color: #333;
  min-height:700px;
  height:auto !important;
  height:700px; 
}


p.last, ul.last, ol.last, li.last
{
  _width: auto !important;
  _float: none !important;
}

body
{
  font: 12px/18px "Lucida Grande" , "Lucida Sans Unicode" , Arial, Verdana, sans-serif;
  background-color: #fff;
  color: #333;
}

a:link, a:visited, a:active
{
  text-decoration: none;
  color: #466F4A;
}
a:hover
{
  text-decoration: underline;
}
strong, b
{
  font-weight: bold;
}
em, i
{
  font-style: italic;
}

p
{
  margin-bottom: 18px;
}
h1
{
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 18px;
}
h2
{
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 18px;
}
h3
{
  font-weight: bold;
  font-size: 1em;
  line-height: 18px;
}
h4
{
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  font-variant: small-caps;
  color: gray;
  margin-top: 10px;
  margin-bottom: 2px;
}

ul
{
  margin-bottom: 18px;
  list-style: none outside;
}
ol
{
  margin-bottom: 18px;
  list-style: decimal;
  margin-left: 2.2em;
}
ul.square, ul.circle
{
  margin-left: 2em;
}
ul.square
{
  list-style: square outside;
}

ul.circle
{
  list-style: circle outside;
}
ul ul.circle, ul ul.square
{
  margin-top: 4px;
  margin-bottom: 5px;
}


#shadow-container
{
  position: relative;
  left: 3px;
  top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
}

#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container .scontainer
{
  position: relative;
  left: -1px;
  top: -1px;
}

#shadow-container .shadow1
{
  background: #F1F0F1;
}

#shadow-container .shadow2
{
  background: #DBDADB;
}

#shadow-container .shadow3
{
  background: #B8B6B8;
}

#shadow-container .scontainer
{
  background: #ffffff;
  border: 1px solid #848284;
}
#header
{
  background-image: url(images/seafoam_gradient.png);
  background-repeat: repeat-x;
  height: 80px;
}
.navButton
{
  font-size: large;
  font-variant: small-caps;
}
a.navButton:link, a.navButton:visited
{
}
#navigation
{
  padding-left: 10px;
  padding-top: 10px;
}
#footer
{
	font-style: italic;
	font-size: x-small;
}

.sdf-operators {color: #ff0000}
.sdf-enumerated-values {font-style:italic}
.sdf-block-comment {color: #008000}
.sdf-char-literal {color: #800000}
.sdf-preformatted {color: #c0c0c0}
.sdf-keywords {color: #000099; font-weight: bold}
.sdf-identifiers {color: #0000ff}
.sdf-attributes {color: #007c00}
.ST0 {color: #007c00; font-family: Lucida Sans Typewriter; font-weight: bold}
.ST5 {color: #007c00}
.ST3 {color: #660033}
.ST6 {color: #009999}
.ST4 {color: #969696}
.ST2 {font-family: Lucida Sans Typewriter; font-style: italic}
.ST1 {color: #0000ff}
#sageapplet {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
object {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}