/* Ruff Life PDX CSS */



body {

  background: #006600;

  margin: 0px;

  padding: 0px;

  text-align: center;

  font-family: Trebuchet MS;

  font-size: 14px;

}



img {  border: 0px;  }



a, a:active, a:visited {

  color: #ff9900;

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}



#wrapper {

  background: url(images/bg.gif) #00a500 top repeat-x;

  width: 100%;

  margin: 0px;

  padding: 0px;

}



#container {

  width: 961px;

  height: auto;

  margin: 0 auto 0 auto;

  padding: 0px;

}



#header {

  width: 961px;

  height: 509px;

  margin: 0px;

  padding: 0px;

  position: relative;

}



#header_info {

  width: 400px;

  height: 120px;

  color: #fbd95b;

  padding: 50px 10px 0 0;

  text-align: right;

  float: right;

  font-size: 12px;

  font-weight: bold;

}



#header_info a, #header_info a:visited, #header_info a:active {

  color: white;

  text-decoration: none;

}



#header_info a:hover {

  text-decoration: underline;

}



#header_sub {

  width: 961px;

  height: 325px;

  margin: 0px;

  padding: 0px;

  position: relative;

}



#banner {

  width: 961px;

  position: absolute;

  bottom: 0px;

  left: 0px;

  margin: 0px;

  padding: 0px;

}



#nav {

  height: 40px;

  margin: 0 0 0 30px;

  padding: 0px;

}



#nav li {

  display: inline;

  float: left;

  text-align: center;

  line-height: 40px;

  font-family: Georgia;

  font-size: 15px;

  font-weight:bold;

}



#nav li a, #nav li a:hover, #nav li a:active, #nav li a:visited {

  text-decoration: none;

  color: #000;

}



/* Navigational Buttons */

#about {  border-right: 1px solid #c48a00;  }

#about a {

  display: block;

  width: 148px;

  height: 40px;

}

#about a:hover {

  background: url(images/nav_over.gif) repeat-x;

}

#about a:active {

  background: url(images/nav_over.gif) repeat-x;

}



#bio {  border-left: 1px solid #ffce3b; border-right: 1px solid #c48a00;  }

#bio a {

  display: block;

  width: 96px;

  height: 40px;

}

#bio a:hover {

  background: url(images/nav_over.gif) repeat-x;

}

#bio a:active {

  background: url(images/nav_over.gif) repeat-x;

}



#services {  border-left: 1px solid #ffce3b; border-right: 1px solid #c48a00;  }

#services a {

  display: block;

  width: 96px;

  height: 40px;



}

#services a:hover {

  background: url(images/nav_over.gif) repeat-x;

}

#services a:active {

  background: url(images/nav_over.gif) repeat-x;

}



#gallery {  border-left: 1px solid #ffce3b; border-right: 1px solid #c48a00;  }

#gallery a {

  display: block;

  width: 88px;

  height: 40px;

}

#gallery a:hover {

  background: url(images/nav_over.gif) repeat-x;

}

#gallery a:active {

  background: url(images/nav_over.gif) repeat-x;

}



#testimonials {  border-left: 1px solid #ffce3b; border-right: 1px solid #c48a00;  }

#testimonials a {

  display: block;

  width: 135px;

  height: 40px;

}

#testimonials a:hover {

  background: url(images/nav_over.gif) repeat-x;

}

#testimonials a:active {

  background: url(images/nav_over.gif) repeat-x;

}



#links {  border-left: 1px solid #ffce3b; border-right: 1px solid #c48a00;  }

#links a {

  display: block;

  width: 74px;

  height: 40px;

}

#links a:hover {

  background: url(images/nav_over.gif) repeat-x;

}

#links a:active {

  background: url(images/nav_over.gif) repeat-x;

}





#contact {  border-left: 1px solid #ffce3b;   }

#contact a {

  display: block;

  width: 135px;

  height: 40px;



}

#contact a:hover {

  background: url(images/nav_over.gif) repeat-x;

}

#contact a:active {

  background: url(images/nav_over.gif) repeat-x;

}



#calendar {  border-left: 1px solid #ffce3b;  border-right: 1px solid #c48a00;  }

#calendar a {

  display: block;

  width: 108px;

  height: 40px;



}

#calendar a:hover {

  background: url(images/nav_over.gif) repeat-x;

}

#calendar a:active {

  background: url(images/nav_over.gif) repeat-x;

}



/* content */



#content {

  float: left;

  width: 648px;

  margin: 20px 0 10px 0;

  padding: 10px 0 20px 0;

  color: white;

  text-align: left;

}



.content_content {

  width: 100%;

  padding: 0 0 10px 0;

  margin: 0 0 10px 0;

}



#content img {

  margin: 5px;

  border: 5px solid #006600;

}



#content h1 {

  font-size: 26px;

}

#content h2 {

  font-size: 20px;

}



/* sidebar */



#sidebar {

  float: right;

  width: 277px;

  margin: 20px 0 0 0;

  padding: 10px 0 0 0;

  color: white;

  text-align: left;

}



.sidebar_content {

  width: 100%;

  padding: 0 0 10px 0;

  margin: 0 0 10px 0;

}

.sidebar_content h1 {

  font-size: 16px;

}





/* footer */



#footer {

  background: #006600;

  width: 100%;

  height: auto;

  margin: 20px 0 0 0;

  padding: 20px 0 20px 0;

}

#footer_content {

  width: 961px;

  margin: 0 auto 0 auto;

  padding: 0px;

  font-size: 12px;

  color: #66cc66;

}

#footer_content a {

  color: #ccffcc;

  text-decoration: none;

}



#footer_content a:hover {

  text-decoration: underline;

}



/* Componant Classes */



.top_left {

  position: absolute;

  top: 0px;

  left: 0px;

}



.top_right {

  position: absolute;

  top: 0px;

  right: 0px;

}

.border_top {  border-top: 1px solid #66cc66;  }



.border_bottom {  border-bottom: 1px solid #66cc66;  }



.clear {  

  clear: both;

  margin: 0px;

  padding: 0px;

}



.note {

  background: #59bd59;

  margin: 5px;

  padding: 5px;

  border: 1px solid #bfe5bf;

  font-size: 12px;

}

.note a, .note a:active, .note a:visited {

  text-decoration: none;

  color: #005400;

}



.note a:hover {

  color: #006600;

  text-decoration: underline;

}



.list {

  width: 100%;

  background: #006600;

  margin: 0px;

  padding: 0px;

  list-style-type: none;

}

.list li {

  list-style-type: none;

  display: inline;

  float: left;

}

.list li img {

  margin: 5px;

}

.row {

  text-align: left;

  font-weight: bold;

  margin: 0px;

  padding: 0px;

}



.input {
	padding: 3px 3px 3px 19px;
	border: 1px solid #005400;
	margin: 3px;
	color: #006600;
	font-size: 11px;
	background-color: #FFFFFF;
	background-image: url(images/arrow_input.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



#signup {

  width: 93px;

  height: 25px;

  line-height: 25px;

  font-size: 12px;

  margin: 2px;

  padding: 0;

  border: 0;

  background: transparent url(images/signup.gif) no-repeat center top;

  cursor: pointer; /* hand-shaped cursor */

}



#reset {

  width: 93px;

  height: 25px;

  line-height: 25px;

  font-size: 12px;

  margin: 2px;

  padding: 0;

  border: 0;

  background: transparent url(images/signup.gif) no-repeat center top;

  cursor: pointer; /* hand-shaped cursor */

}



#contact_submit {

  width: 93px;

  height: 25px;

  line-height: 25px;

  font-size: 12px;

  margin: 2px;

  padding: 0;

  border: 0;

  background: transparent url(images/signup.gif) no-repeat center top;

  cursor: pointer; /* hand-shaped cursor */

}