/*
 * green    #7f9b74
 * brown    #8a5849
 * dk green #135408
 * lt green #d0dec9
 * lt brown #9f766a
 */

body {
  margin: 0; padding: 0;
  font: 12px verdana, sans-serif;
  color: #8a5849;
  background-color: #7f9b74;
}

h1 {
  font-size: 100%; color: #8a5849;
  text-align: left;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin: 0 0 1em 0; padding: 0;
}

h2 {
  font-size: 80%; color: #8a5849;
  text-align: left;
  letter-spacing:0.2em;
  text-transform: uppercase;
  margin: 1em 0 0.5em 0; padding: 0;
}

h3 {
  font-size: 80%; color: #8a5849;
  text-align: center;
  letter-spacing:0.2em;
  text-transform: uppercase;
  margin: 1em 0 0.5em 0; padding: 0;
}

p { margin: 1em 0; }

a { text-decoration: none; }

a:link    { color: #7f9b74; }
a:active  { color: #7f9b74; }
a:visited { color: #7f9b74; }
a:hover   { color: #999; }

#hdr {
 width: 750px; height: 145px;
 background: #fff url(images/bcp.gif) center center no-repeat;
 margin: 10px 0;
}

#stripe {
  width: 750px; height: 10px; margin-bottom: 10px; background-color: #d0dec9;
}
	
#container {
  width: 750px; background-color: #fff;
  margin: 10px auto; padding: 0;
  border: 10px solid #d0dec9;
}
		
#side {
  float: left; width: 130px;
  margin-right: 10px; padding-bottom: 15px;
}

#nav {
  width: 126px;
  margin: 0 0 0 3px; padding: 0;
  text-align: left;
  font-size: 105%; line-height: 1.5em;
}

#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav ul li { margin: 0; padding: 0; }
#nav ul li a { display: block; height: 19px; padding: 0 0 2px 3px; color: #7f9b74; }
#nav a:link.active, #nav a:visited.active { color: #135408; }
#nav a:hover.active, #nav a:hover { background-color: #7f9b74; color: #fff; }

#content {
  margin-left: 130px; padding: 0 15px;
  text-align: justify; font-size: 100%;
  border-left: 1px dotted #7f9b74;
}

#ftr {
  height: 25px;
  width: 590px; margin: 15px 0 0 0; padding: 0;
  clear: both; text-align: right;
  text-align: left; line-height: 9px;
  font: 9px verdana, sans-serif;
}
#ftr a:hover { text-decoration: underline; }

#lownav { float: left; text-align: left; color: #555; }
#lownav ul { margin: 0; padding: 0; list-style-type: none;}
#lownav ul li { display: inline; margin: 0; padding: 0; }
#lownav ul li a:hover { color: #fff; background-color: #7f9b74; text-decoration: none; }

#credit { float: right; }

#ss {
	width: 575px; height: 410px;
	margin: 0 auto 5px auto; padding: 3px;
	border: 1px solid #ccc;
}

#tip {
	width: 544px;
	margin: 15px 0; padding: 15px;
	font-size: 10px; text-align: left;
	color: #fff; background-color: #7f9b74; border: 3px double #7f9b74;
}

.vigl { float: left;  margin: 0 15px 0 0;    padding: 1px; border: 1px solid #7f9b74; }
.vigr { float: right; margin: 0 0 30px 15px; padding: 1px; border: 1px solid #7f9b74;}
.fr { padding: 1px; border: 1px solid #7f9b74; }

ul.nobul { list-style-type: none; margin: 0; padding: 0; }
ul.nobul li { margin: 2px 0; padding: 0;}

.clear { height: 0; clear: both; }
.sm { font-size: 70%; text-transform: uppercase; letter-spacing: 0.2em;}
.btfont { font-family: "Century Gothic", verdana, sans-serif; }