/*
Monochromatic Color Scheme
Hue 170, saturation 20%
#EDDEDE
#DBBDBD
#C99C9C
#B87A7A
#A65959
#854747
#633636
#422424*/

/*
Background of Center Block
#F7F1D4
*/

/*Link and Title Highlight
DDFF33
*/

/* GENERAL SETTINGS */

    html, body {
          /*	  background-image	: url("../images/marb147255246.jpg");*/
	  background-repeat     : repeat;
	  background-color		: #A65959;
	  color                 : #422424;
	  font-family			: "Times New Roman", serif;
	  font-size				: 1.0em;
	  text-align            : left;
        }
	a:link {
      color					: #854747;
	  background-color		: transparent;
	  font-weight			: bold;
	  text-decoration		: underline;
          }
	a:visited {
      color					: #A65959;
	  background-color		: transparent;
	  font-weight			: normal;
	  text-decoration		: underline;
        }
	a:hover {
	  color					: #DDFF33;
	  background-color		: #633636;
	  font-weight			: bold;
	  text-decoration		: none;
        }
	a:active {
	  color					: #633636;
	  background-color		: #DDFF33;
	  font-weight			: bold;
	  text-decoration		: none;
        }
/* TITLE SETTINGS */

    .ttl {
	  width					: 100%;
      font-family			: "helvetica", sans-serif;
      font-size				: 2.0em;
	  font-weight			: bold;
      color					: #C99C9C;
      text-align			: center;
      margin-bottom			: 0.5em;
	  margin-top			: 0.3em;
          }
    h1 {
	  width					: 100%;
      font-family			: "helvetica", sans-serif;
      font-size				: 2.0em;
	  font-weight			: bold;
      color					: #C99C9C;
      text-align			: center;
      margin-bottom			: 0.5em;
	  margin-top			: 0.3em;
          }

  /* adding shadows to title */
	#text{

	display: block;
	line-height: 1em;
	color: #633636 ; /* shadow color */
	background-color: transparent;
	white-space: nowrap; /* wrapping breaks the effect */
	}

	#text, 
	#text:before,
	#text:after{
		content: "Mendocino Coast Cooperative Weed Management Area"; /* generated text */
		display: block;
	}

	#text:before{
		margin-bottom: -1.05em;
		margin-left: 0.1em;
		color: #C99C9C; /* shadow color */
		background-color: transparent;
	}

	#text:after{
		margin-top: -1.05em;
		margin-left: -0.1em;
		color: #F7F1D4; /* text color */
		background-color: transparent;
	}
		.ttl_es {
		  /*width					: 100%; */
		  font-family			: "helvetica", sans-serif;
		  font-size				: 2.0em;
		  font-weight			: bold;
		  color					: #C99C9C;
		  text-align			: center;
		  margin-bottom			: 0.5em;
		  margin-top			: 0.3em;
			  }
		#text_es1, 
		#text_es2{

		display: block;
		line-height: 1em;
		color: #633636 ; /* shadow color */
		background-color: transparent;
		white-space: nowrap; /* wrapping breaks the effect */
	}

	#text_es1,
	#text_es1:before,
	#text_es1:after{
		content: "La Asociación Regional en la Costa Mendocino para"; /* generated text */
		display: block;
	}

	#text_es2,
	#text_es2:before,
	#text_es2:after{
		content: "Gestión contra las Plantas Invasoras"; /* generated text */
		display: block;
	}

	#text_es1:before, #text_es2:before{
		margin-bottom: -1.05em;
		margin-left: 0.1em;
		color: #C99C9C; /* shadow color */
		background-color: transparent;
	}

	#text_es1:after, #text_es2:after{
		margin-top: -1.05em;
		margin-left: -0.1em;
		color: #F7F1D4; /* text color */
		background-color: transparent;
	}

/* NAVIGATION PANEL SETTINGS */

  /* No panel style */
    .hnavbar {
	  width					: 100%;
      text-align			: center;
	  vertical-align		: top;
	  padding				: 0.3em;
          }
  /* Raised button style */
    .buttlg {
	  border-top-color		: #DBBDBD;
	  border-left-color		: #B87A7A;
	  border-right-color	: #854747;
	  border-bottom-color	: #422424;
	  border-width			: 0.3em;
	  border-style			: solid;
      font-family			: "helvetica", sans-serif;
      font-size				: 1.1em;
	  background-color		: #F7F1D4;
      text-align			: center;
	  vertical-align		: top;
	  padding				: 0.2em;
	  margin				: 0.3em;
          }

	.buttlg a:link {
      color					: #854747;
	  background-color		: #F7F1D4;
	  font-weight			: bold;
	  text-decoration		: none;
          }
	.buttlg a:visited {
      color					: #A65959;
	  background-color		: #F7F1D4;
	  font-weight			: bold;
	  text-decoration		: none;
	    }
	.buttlg a:hover {
	  color					: #DDFF33;
	  background-color		: #633636;
	  font-weight			: bold;
	  text-decoration		: none;
	    }
	.buttlg a:active {
	  color					: #633636;
	  background-color		: #DDFF33;
	  font-weight			: bold;
	  text-decoration		: none;
        }

  /* Dropped panel stle */
	.vnavtbl {
	  border-spacing		: 0.2em;
	  }
	.vnavtbld {
	  vertical-align		: top;
	  }
	.vnavtbl2 {
	  border-spacing		: 0.2em;
	  }
    .vnavbar {
	  border-bottom-color	: #DBBDBD;
	  border-right-color	: #B87A7A;
	  border-left-color		: #854747;
	  border-top-color		: #422424;
	  border-width			: 0.2em;
	  border-style			: solid;
	  /*width				: 90pt;*/
      text-align			: center;
	  vertical-align		: top;
	  padding				: 0.0em;
	  background-color		: #DDFF33;
          }

  /* Small button style */
	.buttsm {
	  font-size				: 0.9em;
	}
    .btm {
	  display				: block;
	  width					: 100%;
      font-family			: "Times New Roman", serif;
      font-size				: 0.9em;
      text-align			: right;
          }
	.btm a:link {
      color					: #854747;
	  background-color		: #F7F1D4;
	  font-weight			: bold;
	  text-decoration		: none;
          }
	.btm a:visited {
      color					: #A65959;
	  background-color		: #F7F1D4;
	  font-weight			: bold;
	  text-decoration		: none;
        }
	.btm a:hover {
	  color					: #DDFF33;
	  background-color		: #633636;
	  font-weight			: bold;
	  text-decoration		: none;
        }
	.btm a:active {
	  color					: #633636;
	  background-color		: #DDFF33;
	  font-weight			: bold;
	  text-decoration		: none;
        }

/* CENTRAL PANEL SETTINGS */

    .center {
	  background-color		: #F7F1D4;
	  color                 : #633636;
	  border-style			: solid;
	  border-color			: #633636;
	  font-family			: "Times New Roman", serif;
	  font-size				: 1.0em;
	  text-align            : left;
	  vertical-align		: top;
	  padding				: 0.8em;
	  border-width			: 0.2em;
	  width					: 100%;
        }
	.center a:link {
      color					: #854747;
	  background-color		: transparent;
	  font-weight			: bold;
	  text-decoration		: underline;
          }
	.center a:visited {
      color					: #A65959;
	  background-color		: transparent;
	  font-weight			: normal;
	  text-decoration		: underline;
        }
	.center a:hover {
	  color					: #DDFF33;
	  background-color		: #633636;
	  font-weight			: bold;
	  text-decoration		: none;
        }
	.center a:active {
	  color					: #633636;
	  background-color		: #DDFF33;
	  font-weight			: bold;
	  text-decoration		: none;
        }

	.centerttl {
	  background-color		: #854747;
	  color					: #DDFF33;
	  text-align			: center;
	  width					: 100%;
	  padding				: 0.4em;
	  font-family			: Helvetica, sans-serif;
	  font-weight			: bold;
	  font-size				: 1.2em;
	}
	h2 {
	  background-color		: #854747;
	  color					: #DDFF33;
	  text-align			: center;
	  width					: 100%;
	  padding				: 0.4em;
	  font-family			: Helvetica, sans-serif;
	  font-weight			: bold;
	  font-size				: 1.4em;
	}
	h3 {
	  background-color		: #F7F1D4;
	  color                 : #633636;
	  text-align			: center;
	  width					: 100%;
	  padding				: 0.2em;
	  font-family			: Helvetica, sans-serif;
	  font-weight			: bold;
	  font-size				: 1.3em;
	 }
	 h4 {
	  background-color		: #F7F1D4;
	  color                 : #633636;
	  text-align			: left;
	  width					: 100%;
	  padding				: 0.1em;
	  font-family			: Helvetica, sans-serif;
	  font-weight			: bold;
	  font-size				: 1.2em;
	}
	 h5 {
	  background-color		: #F7F1D4;
	  color                 : #633636;
	  text-align			: left;
	  width					: 100%;
	  padding				: 0.1em;
	  font-family			: Helvetica, sans-serif;
	  font-weight			: bold;
	  font-size				: 1.1em;
	  font-style			: italic;
	}
	.leftttl {
	  text-align			: left;
	  padding				: 0.4em;
	  font-family			: Helvetica, sans-serif;
	  font-weight			: bold;
	  font-size				: 1.1em;
	}
	.hrule {
	  color					: #854747;
	  background-color		: #854747;
	  height				: 0.3em;
	}
  /* required text indicator in forms */
	.required {
		color				: #DDFF33;
		background-color	: #633636;
		font-weight			: bold;
		}
  /* PHP message block */
	.phpmessage {
		color				: #DDFF33;
		background-color	: #633636;
		font-weight			: bold;
		margin-left			: 4em;
		}


  /* List style for top-level */
	.mainlist {
	  margin-bottom			: 1em; /* adds white space below each list item */
	}

  /* Layout table style for center panel, 2 equallty-spaced columns */
    .centerLayout2 {
	  width					: 50%;
	  vertical-align		: top;
	  padding				: 0.2em; /* adds white space around cell contents */
	}
  /* Inline list style */
#inline_list ul, #inline_list li {
	display: inline;
	list-style-type: none;
	margin-left: 0px;
	list-style-position: outside;
}
#inline_list li {
	white-space:nowrap;
	float:left;
	margin-right:3px;
}