/*--------------------- general ---------------------*/

html, body { margin: 0; padding: 0; }
body {  background: #718F24 url("/Files/PageImages/bg.jpg") left top repeat-x; color: #000; font: 62.5% Arial, Helvetica, sans-serif; }

/* to force scrollbar with centered layout */
html { min-height: 100%; margin-bottom: 1px; }

/*  Baseline values for browser consistency  */
p, div, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: 0; }
ul.plainlist { margin-left: 16px; font-size: 1.4em; }
ol li { font-size: 1.2em; }
hr { background: #ddd; color: #ddd; border: 0; height: 1px; margin: 20px 0; _margin: 10px 0; }
a:link, a:visited, a:active { color: #5C751E; text-decoration: underline; outline: 0; }
a:hover { text-decoration: none; }

.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }

input.button { background: transparent url("/Files/PageImages/button.jpg") top left no-repeat;
  width: 105px;
  height: 27px;
  padding: 6px;
  font-size: 1.2em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #434343;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  margin: 0.5em 0 0; }

#ctl00_ctl00_divYouNeedToBeLogedin table { font-size: 1.2em; }
#ctl00_ctl00_ucLoginRegister_divRegister { margin: 20px 0 0; }

.user, .date { text-transform: uppercase; color: #666666; }
.user { color: #5C751E; }


/*--------------------- layout elements ---------------------*/

#toollinks {
  width: 760px;
  height: 31px;
  margin: 0 auto;
  background: transparent url("/Files/PageImages/bg_toollinks.jpg") left 29px no-repeat;
  text-align: right;
  padding-top: 8px;
  color: #E3E8D3; }
	
#container {
  width: 760px;
  margin: 0 auto;
  background: #88A81D url("/Files/PageImages/bg_container.jpg") left top repeat-x; }
		
	#head {
	  background: transparent url("/Files/PageImages/bg_head.jpg") 10px top no-repeat; }
		
		#head h1 {
		  height: 116px;
		  text-indent: -9000px;
		  margin: 0; padding: 0; }
			
	#content {
	  margin: 0 10px;
	  padding: 20px 20px 10px;
	  background: transparent url("/Files/PageImages/bg_content.jpg") left top repeat-y;
	  min-height: 360px;
	  _height: 360px; }
		
	#foot {
	  width: 760px;
	  height: 15px;
	  padding: 8px 0 5px;
	  _padding: 8px 0 0;
	  clear: both;
	  margin: 0 auto;
	  text-align: center; }
	
	#foot p {
	  color: #E3E8D3;
      font-size: 1em; }
		
	#foot a, #foot a:visited {
	  color: #E3E8D3;
	  text-decoration: underline; }
		
	#foot a:active {
	  background: #E3E8D3;
	  color: #718F24; }
	
	#foot a:hover {
	  text-decoration: none; }
		
/*------ Question & Answer pages -----*/

.bubble {
  background: #F2F8DB; margin: 0; padding: 0; }

.s { background: transparent url("/Files/PageImages/bubble/s.gif") bottom left repeat-x; border-bottom: 1px solid white; }	
.sw { background: transparent url("/Files/PageImages/bubble/sw.gif") left bottom no-repeat; }
.nw { background: transparent url("/Files/PageImages/bubble/nw.gif") left top no-repeat; }
.ne { background: transparent url("/Files/PageImages/bubble/ne.gif") right top no-repeat; }
.se { background: transparent url("/Files/PageImages/bubble/se.gif") right bottom no-repeat; }

.question {
  padding: 20px 20px 35px; }
 
.textbubble {  
  padding: 20px 20px 25px; }
  
.textbubble p { font-weight: normal; }

.question p, .answer p {
  font-weight: bold; }

.question a {
  font-size: 1.1em;
  text-transform: uppercase; 
  font-weight: normal;
  color: #5C751E; }	

.answers {
  padding: 0 20px; }
	
.answer {
  padding-top: 7px; }

.answer a { 
  color: #5C751E; 
  font-size: 1em; 
  font-weight: bold; 
  text-transform: uppercase;
  margin:0; padding:0; }

button {
  background: transparent url("/Files/PageImages/button.jpg") top left no-repeat;
  width: 105px;
  height: 27px;
  padding: 6px;
  font-size: 1.2em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #434343;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  margin: 0.5em 0 0; }
  
/* Homepage */

ul.wouldLike li {
  display: block;
  float: left;
  width: 200px;
  height: 90px;
  padding: 10px;
  margin-right: 15px;
  margin-bottom: 15px;
  background: #F3F9DC; }

ul.wouldLike li.action { 
  margin-right: 10px; }

/*--------------------- paragraphs & headings ---------------------*/

p {
  font-size: 1.4em;
  margin: 0 0 0.8em; }

h1 {
  font-size: 1.6em;
  color: #23350B;
  margin: 0 0 0.8em; }
  
h2 {
  font-size: 1.6em;
  color: #486C0D;
  margin: 0 0 0.8em; }

h3 {
  color: #3E5B0B;
  font-size: 1.6em;
  letter-spacing: -1px;
  margin: 0 0 0.6em;
  padding-left: 20px;
  text-transform: uppercase;
  background: transparent url("/Files/PageImages/leaf.gif") left 1px no-repeat; }
	
	.grey { 
	  color: #373737; 
	  background: transparent url("/Files/PageImages/leaf2.gif") left 1px no-repeat; }

h4 {
  font-size: 1.4em;
  color: #486C0D;
  margin: 0 0 0.8em; }
	
h6 {
  font-size: 1em;
  color: #666;
  font-weight: bold;
  margin: 0 0 0.8em;
  text-transform: uppercase; }

/*--------------------- navigation ---------------------*/

a.pagelink { font-size: 1.1em; text-transform: uppercase; }
a.back { font-size: 1.1em; text-transform: uppercase; display: block; margin-bottom: 15px; }

#toollinks a {
  color: #E3E8D3;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0 5px; }

#toollinks a:hover, #toollinks a.MenuOn {
  color: #fff; }
	
ul.level1 {
  list-style: none;
  height: 24px;
  padding-top: 6px;
  padding-left: 25px;	
  background: transparent url("/Files/PageImages/bg_level1.jpg") left top no-repeat;
  margin: 0 10px; }

ul.level1 li, ul.level2 li {
  float: left; }
	
ul.level1 li a, ul.level1 li a:visited, ul.level1 li a:active {
  color: #E3E8D3;
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
  margin-right: 1em;
  text-transform: uppercase;
  letter-spacing: -1px; }
	
ul.level1 li a:hover, ul.level1 li.MenuOn a.MenuOn {
  color: #fff; }
	
ul.level2 {
  list-style: none;
  height: 22px;
  padding-top: 8px;
  padding-left: 25px;
  background: transparent url("/Files/PageImages/bg_level2.jpg") left top no-repeat;
  margin: 0 10px; }

ul.level2 li a, ul.level2 li a:visited, ul.level2 li a:active {
  font-size: 1.2em;
  font-weight: bold; 
  color: #5C751E;
  text-decoration: none;
  margin-right: 1em;
  display: block; float: left; height: 14px; }
	
ul.level2 li a:hover, ul.level2 li a.MenuOn {
  color: #23350B; }

ul.level2 li.MenuOn a.MenuOn {
  padding-bottom: 4px;
  border-bottom: 3px solid #88A91E;
  color: #23350B; }

/*--------------------- forms ---------------------*/

form label {
  cursor: pointer; }
		
fieldset {
  border: none; }
		
input, select, textarea {
  font: 1.2em Arial, Helvetica, sans-serif; }
  
#foot a { padding: 0 3px 0; }

.answerBox { width: 270px; height: 80px; margin-bottom: 15px; }