div.clear           {clear: both;}
body                {background: #EEEEEE; margin: 0; padding: 0;
                     font-family: 'Lucida Grande', 'Lucida Sans Unicode',
                     'Garuda';}
code                {font-family: 'Lucida Console', monospace;
                     font-size: 12px;}
li                  {height: 18px;}
ul                  {list-style: none; margin: 0; padding: 0;}
ol:hover            {cursor: pointer;}
ol li               {white-space: pre;}
#explanation        {font-size: 12px; color: #666666;
                     margin: 20px 0 0 100px;}
/* WRAP */
#wrap               {width: 860px; background: #FFFFFF; margin: 0 auto;
                     padding: 30px 50px 20px 50px;
                     border-left: 1px solid #DDDDDD;
                     border-right: 1px solid #DDDDDD;}
/* HEADER */
#header             {margin: 0 auto 25px auto;}
h1                  {margin: 0; font-size: 36px; color: #981919;}
h2                  {margin: 0; font-size: 22px; color: #333333;}
#header ul          {margin: 0; font-size: 12px; color: #666666;}
#header ul li strong{color: #444444;}
#header ul li       {display: inline; padding: 0 10px;}
#header ul li.first {padding-left: 0;}
#header ul li.last  {border: 0; padding-right: 0;}

#content            {width: 860px; margin: 0 auto 10px auto;}

h3                  {float: left; width: 100px; margin-bottom: 10px;
                     color: #981919; font-size: 14px; font-weight: bold;}

#footer             {width: 860px; margin: 0 auto 10px auto; clear:both;
                     font-size: 18px; border-top:1px solid #000; padding-top: 10px;
                     text-align: right;}

textarea            {font-size: 18px; padding:10px;}
#segform            { width: 430px; float: left; font-size: 18px;}
#segresult          { width: 408px; float: left; font-size: 18px;
                      padding: 10px; color: #D12F19;}
/* --------------------------------------------------------------

  buttons.css
  * Gives you some great CSS-only buttons.

  Created by Kevin Hale [particletree.com]
  * particletree.com/features/rediscovering-the-button-element

  See Readme.txt in this folder for instructions.

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

button {
 display:block;
 float:left;
 margin:0 0.583em 0.667em 0;
 padding:5px 10px 5px 7px;   /* Links */

 border:1px solid #dedede;
 border-top:1px solid #eee;
 border-left:1px solid #eee;

 background-color:#f5f5f5;
 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 font-size:100%;
 line-height:130%;
 text-decoration:none;
 font-weight:bold;
 color:#565656;
 cursor:pointer;
}
button {
 width:auto;
 overflow:visible;
 padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
 padding:4px 10px 4px 7px;   /* Firefox */
 line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
 padding:4px 10px 3px 7px;   /* IE7 */
}
button img {
 margin:0 3px -3px 0 !important;
 padding:0;
 border:none;
 width:16px;
 height:16px;
 float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover {
 background-color:#dff4ff;
 border:1px solid #c2e1ef;
 color:#336699;
}

/* Positive */
body .positive {
 color:#529214;
}
button.positive:hover {
 background-color:#E6EFC2;
 border:1px solid #C6D880;
 color:#529214;
}

/* Negative */
body .negative {
 color:#d12f19;
}
button.negative:hover {
 background:#fbe3e4;
 border:1px solid #fbc2c4;
 color:#d12f19;
}