/*@import url('tabber.css');*/

/******************************************
 Klamath County CoC - site-wide styling
 ******************************************/

/*
 * Common stuff - kill browser defaults, etc.
 */

html, body {
	padding: 0;
	margin: 0;
	background-color: white;
}

table, img {
	border: none;
}

table, tr {
	margin: 0;
	padding: 0;
/*	border-collapse: collapse; */

}

td {
	margin: 0;
	padding: 0;
/*	border-collapse: collapse; */
	border-bottom:1px solid #666;
}


/* "Utility" classes... */

.left { float: left; } 
.right { float: right;}
.block { display: block;}
.cleared { clear: both;}
.nowrap { white-space: nowrap;}

.clearer {
	clear: both;
	height: 0;
}


/**************/

body {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	background-image: url(/gw-templates/klamath/images/bg.gif);	/* colored bars */
	background-repeat: repeat-x;
}


/*
 * Much of how we style links on this site is handled by these rules:
 */
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/*
 * Centered container for everything but the body background image
 */
#content-pane {
	margin-left: auto;
	margin-right: auto;
	position: relative;     /* Chamber logo uses absolute positioning (below) */
	width: 900px;
}

/*
 * Masthead
 */

#logo {
	position: absolute;
	top: 0;
	left: 0;
	/*z-index: 1;		/* bottom of logo overflows the masthead box */*/
}

#masthead-content {
	float: right;
	position: relative;
	margin-top: 19px;
	width: 712px;
	height: 109px;
	background-image: url(http://chamber.klamath.org/static/images/masthead-bg.jpg);		/* colored bars + gradient */
}

/*
 * Top and bottom lines of content, positioned within color bars
 */
#masthead-content-top,
#masthead-content-bottom
{
	position: absolute;
	padding-left: 10px;
	padding-right: 10px;
	width: 544px;
}

#masthead-content-top {
	top: 66px;
	color: white;
}
#masthead-content-top a {       /* IE loses 'inherit' */
	color: white;
}

#masthead-content-bottom {
	top: 88px;
	color: #4d6a2f;
}
#masthead-content-bottom a {       /* IE loses 'inherit' */
	color: #4d6a2f;
}

/* Adjust positioning of this image to line up w/ dark green bar */
img#page-title {
  position: relative;
  top: -4px;
}

/*
* Second-level navigation in masthead: horizontal menu
*/

ul#nav-secondary {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#nav-secondary li {
  display: inline;
  margin-left: .4em;
  margin-right: .4em;
  text-transform: uppercase;
}


/*
* Everything under the masthead
*/

table#main {
	clear: both;
	position: relative;             /* Footer absolutely positioned relative to this */
	width: 100%;
	margin-bottom: 2px;
	height: 100%;
}

td#sidebar {
	padding-top: 0px;
	width: 188px;
	background-color: #DAE3D1;  /* #dae2d2; */
	color: #4f4f4f;
}

#sidebar-content {
	padding-left: 10px;
	padding-right: 10px;
}

#sidebar-address {
	padding-bottom: 25px;
	line-height: 1.3em;
	color: #999999;
	font-style: italic;
}

#sidebar a {/* IE blows off 'inherit' :-( */
	color: #4f4f4f;
}

#side-caption {
	float: right;
	width: 210px;
	border: 1px #807766 solid;
	background-color: #D7D3C1;
	padding: 4px; margin: 6px;
}

/*
 * Primary navigation in sidebar: vertical menu w/ current page
 * highlighted
 */

ul#nav-primary {
  margin: 0;
  margin-bottom: 2.0em;
  padding: 0;
  list-style-type: none;
}

ul#nav-primary li {
  margin-top: .3em;
  font-size: 10px;
}

ul#nav-primary a.selected {
  font-weight: bold;
  font-size: 10px;
  color: #006138;
}


/*
 * Area to the right of the sidebar (including the footer)
 */
td#main-main {
	/*width: 561px;*/
	height: 100%;
	background-color: #d2d2d2;
	background-image: url(/gw-templates/klamath/images/body-bg.jpg);
	background-repeat: no-repeat;
}

/*
 * Finally, the real "main" content area, i.e. excluding the footer.
 */
div#main-main-main {
	padding-left: 19px;
	padding-right: 15px;
	padding-bottom: 36px;   /* room for footer */
	padding-top: 5px;
}


#main-main-main b {
	color: #4D4526;
}

#main-main-main a {
	color: #981b1e;
	text-decoration: underline;
}
#main-main-main a:hover {
	color: #FF0000;
}

/*
 * Footer
 */

#footer {
	position: absolute;
	bottom: 0;
	height: 36px;
	width: 712px;
	background-image: url(http://chamber.klamath.org/static/images/footer-bg.gif);
	background-repeat: no-repeat;
}

#footer-content {
    margin-top: 15px;
    padding-left: 8px;
	padding-right: 8px;
	width: 695px;
	font-family: sans-serif;
	font-size: 10px;
	color: #9b9b9b;
}

#footer a:hover {
  color: white;
}

#footer a {					/* IE blows off 'inherit' :-( */
	color: #9b9b9b;
}


/*******************/

h1 {
	font-size: 18px;
	color: #006138;
	line-height: 1.2em;
}


h2, h3 {
	color: #4F5C7E;
	font-size: 14px;
}

h2
{
	font-weight: bold; /* for Win IE */
	font-size: 14px; 
	padding-top: 16px;
}

/******************************************************************************************/

/*
/// NAV STYLES
*/

#nav-gateway
{
	padding:5px 0px 5px 5px;
	margin:0px -10px 10px 0px;
}
#nav-gateway div.title
{
	padding:5px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	overflow:hidden;
}
#nav-gateway ul
{

	margin:0px;
	list-style-type:none;
	padding:0px;
}
#nav-gateway ul li
{
text-transform:capitalize;
}
#nav-gateway li.weblink, #nav-gateway li.link
{

	margin:0px;
	padding:0px;
}
#nav-gateway li.weblink a, #nav-gateway li.link a
{

	display:block;

	padding:3px 0px 3px 5px;
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
#nav-gateway li.weblink a:hover, #nav-gateway li.weblink a.on,
#nav-gateway li.link a:hover, #nav-gateway li.link a.on
{
	text-transform:uppercase;
}
#nav-gateway li.address
{
	margin-top:2px;
}
#nav-gateway li.address a
{
	display:block;

	padding:5px;
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
#nav-gateway li.address a:hover
{
	
}

/*
/// GATEWAY CONTENT STYLES
*/

#bizsite-biztitle
{
	padding:10px 0px 10px 0px;
	border-bottom:3px black double;
}
#bizsite-biztitle h1
{
	margin:0px;
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-size:22px;
}
#bizsite-pagetitle
{
	margin-bottom:15px;
}
#bizsite-pagetitle h2
{
	margin:0px;
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:black;
}
#bizsite-homephoto
{
	position:relative;
	float:right;
	display:inline;
	margin-left:10px;
	margin-bottom:5px;
}
#bizsite-credits
{
	position:relative;
	text-align:center;
	padding:10px;
	font-size:10px;
	margin-top:15px;
	border-top:3px black double;
	clear:both;
}

/*
/// PRODUCTS PAGE / LINKS PAGE
*/

td.bizsite-prodtitle, div.bizsite-prodtitle
{
	position:relative;
	padding:5px;
	font-weight:bold;
}
td.bizsite-prodpic, div.bizsite-prodpic
{
	position:relative;
	padding:2px;
}
td.bizsite-prodtext, div.bizsite-prodtext
{
	position:relative;
	padding:5px;
}
td.bizsite-prodlink, div.bizsite-prodlink
{
	position:relative;
	padding:5px 0px 5px 0px;
	font-size:10px;
}
td.bizsite-prodspace, div.bizsite-prodspace
{
	position:relative;
	padding-top:10px;
}

/*
/// CONTACT PAGE
*/

div.contactmsg
{
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
}

hr {
border: 1px solid white;
}

/***************************************************************************************************/
/*
/// NAVIGATION COLORS
*/

#nav-gateway
{
	border:1px white solid;
	border-right:0px;
	background-color:#D2D4D3;
}
#nav-gateway div.title
{
	background-color:#981B1E;
	color:#DAE3D1;
	border-bottom:1px #D2D4D3 solid;
}
#nav-gateway ul
{
	
}
#nav-gateway li.weblink, #nav-gateway li.link
{

}
#nav-gateway li.weblink a, #nav-gateway li.link a
{
	color:#981B1E;
	border-top:1px #D2D4D3 solid;
	border-bottom:1px #D2D4D3 solid;
}
#nav-gateway li.weblink a:hover, #nav-gateway li.weblink a.on,
#nav-gateway li.link a:hover, #nav-gateway li.link a.on
{
	background:white url(/gw-templates/klamath/images/gw_nav_bg.jpg) left top repeat-y;
	color:#981B1E;
	border-top:1px #981B1E solid;
}
#nav-gateway li.weblink a
{

	font-size:11px;
}
#nav-gateway li.address a
{
	color:black;
	background-color:#BDBFBE;
	border-top:1px #D2D4D3 solid;
}
#nav-gateway li.address a:hover
{
	color:#981B1E;
	background-color:#E5E5E5;
	border-top:1px white solid;
}


/*
/// CONTENT STYLES
*/

#bizsite-biztitle
{
	
}
#bizsite-biztitle h1
{
	color:#981B1E;
}
#bizsite-pagetitle
{
	
}
#bizsite-pagetitle h2
{
	
}
#bizsite-homephoto
{
	border:5px #E5E5E5 solid;
}
#bizsite-credits
{
	color:#858586;
}

/*
/// PRODUCTS PAGE / LINKS PAGE
*/

td.bizsite-prodtitle, div.bizsite-prodtitle
{
	background-color:#DAE3D1;
	border-top:1px #858586 solid;
}
td.bizsite-prodpic
{
	/*border:5px #E5E5E5 solid;
	border-top:0px;*/
	background-color:#DAE3D1;
	padding:0px 5px 5px 5px;
}
td.bizsite-prodlink a, div.bizsite-prodlink a
{
	display:block;
	_height:1%;
	border-top:1px #858586 solid;
	padding:3px;
	padding-bottom:5px;
	font-size:10px;
	font-weight:bold;
	background-color:#E5E5E5;
	text-decoration:none;
}
td.bizsite-prodlink a:hover, div.bizsite-prodlink a:hover
{
	background-color:white;
}
	
/*
/// OTHER STYLES
*/

div.contactmsg
{
	border-top:1px #858586 solid;
	border-bottom:1px #858586 solid;
}

/*
/// SIDENAV, CALLOUT STYLES
*/

#sidenav
{
	border:1px #333333 solid;
	background-color:#E5E5E5;
}
#sidenav a
{
	color:#981B1E;
	border-top:1px #E5E5E5 solid;
	border-bottom:1px #E5E5E5 solid;
	text-decoration:none;
}
#sidenav a:hover
{
	color:white;
	background-color:#981B1E;
	border-top:1px #FFFFFF solid;
	border-bottom:1px #FFFFFF solid;
}
.callout
{
	border:#FFECB3 2px solid;
	color: black;
}

/*
/// FORM STYLES
*/

input.off
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	border:1px #858586 solid;
	width:300px;
	height:20px;
	padding:5px 0px 0px 5px;
	background:white url(/templates/images/formfield_bg.jpg) top left repeat-x;
}
input.on
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	border:1px red solid;
	width:300px;
	height:20px;
	padding:5px 0px 0px 5px;
	background-color:#FFFFFF;
}
input.submit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #E5E5E5;
	padding:5px;
	background:#750205 url(/templates/images/formbutton_bg.jpg) left top repeat-x;
}
select.off
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: black;
	border:1px black solid;
	width:300px;
	background-color:#E5E5E5;
}
select.on
{
	background-color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: black;
	border:1px black dashed;
	width:300px;
	background-color:#FFFFFF;
}
textarea.off
{
	background-color:#FFECB3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	border:1px #858586 solid;
	width:300px;
	height:150px;
	padding:5px 0px 0px 5px;
	background:white url(/templates/images/formfield_bg.jpg) top left repeat-x;
}
textarea.on
{
	background-color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	border:1px red solid;
	width:300px;
	height:150px;
	padding:5px 0px 0px 5px;
	background-color:#FFFFFF;
}