/**************************************************************
  Design:              Structured Dynamics LLC Master Layout CSS
  Author:              M.K. Bergman (mike@mkbergman.com)
  Last Modified:       May 20, 2010  
                   ---------------------------------
  Thanks (in part) to: Pat Heard's LazyDays' design { http://fullahead.org }
                       3-col tutorial ( http://builder.com.com/5100-6371-5268973.html )
                      
 **************************************************************/

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font: 400 0.8em verdana, arial, sans-serif;
  line-height: 120%; 
  background: #ffffff url(http://structureddynamics.com/images/bg/header_bottom_bar.png) repeat-x top left;
  color: #393939;
}

.smallFont {
  font: 400 0.8em verdana, arial, sans-serif;
}
  
h1 {   
  clear: both;
  font: 600 1.9em "trebuchet ms", serif;
  color: #696969;
}

h2 {
  font: 400 1.5em "trebuchet ms", serif;
  color: #393939;
}

h3 {
  font: 500 1.3em "trebuchet ms", serif;
  color: #699529;
}

h4 {
  font: 600 1.2em "trebuchet ms", serif;
  color: #a00022;
}

h5 {
  font: 600 1.1em "trebuchet ms", serif;
  color: #699529;
}

h6 {
  font: 600 1em "trebuchet ms", serif;
  color: #a00022;
}


h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 10px 15px;
}

p, dl {
  margin: 0;
  padding: 3px 5px 9px 5px;
}

/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
.leftColumn h1,
.leftColumn h2, 
.leftColumn h3,
.leftColumn h4,
.leftColumn h5,
.leftColumn h6,
.leftColumn p,
.leftColumn dl {
  padding-left: 0;
}

a {
  color: #322482;
}

/* Uncomment this if you would like a visited link style 
a:visited {
  text-decoration: line-through;
} */

a:hover {
  color: #f78e30;
}

b {
  color: #393939;
}

ol, ul {
  margin: 10px 30px;
  padding: 0 30px;
}

ul {
  list-style: square;
}

del {
  color: #AAA;
}

code {
  margin: 10px 15px;
  padding: 10px;
  display: block;
  overflow: auto;
  font: 400 1em courier, monospace;
  line-height: 120%;
  white-space: pre;
  border: 1px #393939 dotted;
  background: #e0e0e0;
}

pre {
  font: 400 1em courier, monospace;
}

.leftColumn code {
  margin-left: 0;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

dt {
  font-weight: bold;
  color: #FFB323;
}

dd {
  margin-left: 0;
  padding-left: 45px; 
}

.lightLink {
  color: #797979;
}

.lightLink a {
  color: #faa500;
}

/**************************************************************
   Form Elements
 **************************************************************/

label {
  display: block;
}

.stdWidget {
  background-color: transparent;
  border: none;
}

textarea, select {
  padding: 2px;
  color: #393939;
  border: 1px solid #c1b899;
}

input {
  padding: 3px;
  color: #393939;
  background: #ffffff;
  border: 1px solid #c1b899;
}

.inputText {
  padding: 3px;
  background: #ffffff;
  border: 1px solid #c1b899;
}

.reqMark {
  color:  #c00000;
  font-weight: bold;
}

.oneField {
  padding: 0;
  line-height: 200%;
/*  font-weight: bold; */
  color: #393939;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #393939;
  background: #ffdca5;
  border: 1px solid #ffa500;
}

input.button {
  padding: 2px;
  color: #ffdca5;
  background: #595959;
  border-width: 1px;
  border-style: solid;
  border-color: #fbfbfb #393939 #393939 #fbfbfb;
}

input.button:hover {
  padding: 2px;
  color: #696969;
  background: #ffdca5;
  border-width: 1px;
  border-style: solid;
  border-color: #fbfbfb #393939 #393939 #fbfbfb;
}

/**************************************************************
   Images
 **************************************************************/

img.Blurb {
  margin: 0 5px 5px 5px;
  padding: 4px;
  float: left;
}

img.BlurbRight {
  margin: 0 5px 5px 5px;
  padding: 4px;
  float: right;
}

img.CreateConstruct {
  margin: 8px 0;
}

img.floatRight {
  margin: 5px 0px 10px 15px;  
}

img.floatLeft {
  margin: 5px 15px 10px 0px;
}

img.LearnMore {
  margin: 15px 6px;
  border: none;
}