/* =General
----------------------------------------------- */

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 76%;
  line-height: 1.3em;
  text-align: center;
  background: #F3F1E9;
  padding-bottom: 2em;
}

#container {
  width: 600px;
  margin: 0 auto;
  text-align: left;
}

table {
  border-collapse: collapse;
}

table.small {
  font-size: .75em;
}

table.small td, table.small th {
  padding: .3em .2em;
}

table caption {
  padding-bottom: .5em;
}

table th {
  text-align: center;
  font-weight: bold;
}

table td, table th {
  padding: .3em .4em;
  border: 1px solid black;
}

.hilite {
}

.hidden {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}

.shade {
  color: gray;
  background-color: gray;
}

/* =Header
----------------------------------------------- */

#header {
  color: #71FF00;
  background: #2B384D;
  border-top: 10px solid #1B2331;
  border-bottom: 10px solid #1B2331;
  text-align: left;
  padding: 3.5em 0 2.5em 0.3em;
}

#header a {
  border: none;
}

#title {
	margin: 0 auto;
  width: 600px;
}

#title h1 {
  display: none;
}



/* =Content
----------------------------------------------- */

#content {
  width: 560px;
  float: left;
  margin: 2em 0 2em -2.2em;
  padding-left: 2em;
	border-left: 1px solid #DBD5C5;
}

/* helps the left border line up with the top of the content */
div#content > h2 {
  margin-top: 0;
}

ol {
  margin: 0 3em;
}

ol > li {
  margin: .25em 0;
}

ul {
  margin: 0 0 0 1em;
  list-style: none;
}

ul > li {
  background-image: url(/utility/image/darrow.gif);
  background-repeat: no-repeat;
  background-position: 0 0.5em;
  margin: .5em 0;
  padding-left: 13px;
}

ul > li.indicator {
  background-image: url(/utility/image/indicator.gif);
  background-position: 0 0.3em;
}

ul.compact, #content p.compact {
  margin-top: -1em;
}

/* exception for compact uls nested in other uls */
ul ul.compact {
  margin-top: .1em;
} 

.compact li {
  margin-top: 0;
  margin-bottom: 0;
}

div.image div {
  text-align: center;
  font-weight: bold;
  font-size: .75em;
  width: 100%;
}
  


/* =Footer
----------------------------------------------- */

#bottom {
  clear: both;
  text-align: left;
  background: #e6e3d7;
  margin-top: 2em;
	border-top: 2px solid #DBD5C5;
	border-bottom: 2px solid #DBD5C5;
}

#footer {
  width: 600px;
  margin: 0 auto;
  padding: 1em 0;
  font-size: .8em;
  line-height: 1.2em;
}

#footer p {
  margin: .75em 0;
}



/* =Forms
----------------------------------------------- */

/* general stuff */
fieldset {
	float: left;
	clear: left;
	width: 100%;
	border-style: none;
}
legend {  
	margin-left: 1em;
	color: black;
	font-weight: bold;
}
fieldset ol {
	margin: 0 0 0 2em;
	padding: 1em 0 0 0;
	list-style: none;
}
/* don't keep indenting nested lists */
fieldset ol ol {
	margin: 0;
} 
fieldset li {  
	padding-bottom: .5em;
	background-image: none;
	float: left;
	clear: left;
	width: 100%;
}
fieldset select {
	width: 15em;
}
fieldset .large {
	width: 20em;
}
fieldset .medium {
	width: 10em;
}
fieldset .small {
	width: 5em;
}
fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 23.9em;
}

/* left-aligned text labels */

label, .label {
	float: left;
	width: 20em;
	margin-right: 2em;
	margin-top: .3em;
}

/* for checkbox/radio button groups */

fieldset fieldset {
	margin: 0;
	border-style: none;
	background-color: transparent;
	background-image: none;
}
fieldset fieldset legend {
	margin-left: 0;
	font-weight: normal;
}
fieldset fieldset ol {
	position: relative;
	margin: .5em 2em;
	padding: 0;
}
fieldset fieldset ol > li {
	margin-bottom: -.5em;
}
fieldset fieldset label {
	float: none;
	width: auto;
	margin-right: auto;
}
/* to set the width of combo labels (as in, radio button plus label next to select box) */
fieldset fieldset .label {
	margin-right: 0;
}
fieldset fieldset select {
	margin: 0 0 .2em;
}

/* special */
.sliderVal {
	float: left;
	font-size: .8em;
	width: 24px;
	margin: 3px 2px 0 2px;
}

.sliderVal.left {
	margin-left: -24px;
}


/* =Links
----------------------------------------------- */

a:link, a:visited, a:active, a.toggler:visited {
  background: transparent;
  text-decoration: none;
  border-bottom: 1px solid #DBD5C5;
}

a:link {
  color: #2b9400; /*#51B400;*/
}

a:visited, a:active { 
  color: #51B400; /*#7EB452;*/
}

/* togglers have href="#" and are therefore always visited */
a.toggler:visited {
  color: #2b9400; /*#51B400;*/
}

a:hover, a.toggler:hover { 
  color: black;
  background: transparent;
  text-decoration: none;
  border-bottom: 2px solid #DBD5C5; 
}



/* =Typography
----------------------------------------------- */

h1 {
  font-size: 2.5em;
  font-weight: normal;
  margin-top: 0em;
  margin-bottom: 0em;
  }
h2 {
  font-size: 1.7em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
  }
h3 {
  font-size: 1.4em;
  margin: 1.2em 0em .6em 0em;
  font-weight: normal;
  }
h4 {
  font-size: 1.0em;
  margin: .6em 0em .6em 0em;
  font-weight: bold;
  }
h5 {
  font-size: 1.0em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
  }
h6 {
  font-size: 0.8em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
  }
img {
  border: 0;
  }
p {
  font-size: 1.0em;
  margin: 1.2em 0em 1.2em 0em;
  }
li > p {
  margin-top: 0.2em;
  }
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
  font-family: monospace;
  font-size: 1.2em;
  }
strong, b {
  font-weight: bold;
  }
abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dotted #000;
}
  
  
  
/* =Toggleable
----------------------------------------------- */
.toggleable {
	display: none;
}