@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, td {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
    vertical-align: top;
}

/* "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(/static/images/bg.gif);	/* colored bars */
	background-repeat: repeat-x;
}


/*
 * Much of how we style links on this site is handled by these rules:
 */
a {
  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(/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: 685px;
}

#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.level-2 {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.nav.level-2 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: 45px;
	width: 188px;
	background-color: #DAE3D1;  /* #dae2d2; */
	color: #4f4f4f;
}

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

#sidebar-address {
	padding-bottom: 10px;
	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;
}

#side-caption ul {
	padding-left: 10px; 
	margin-left: 0px;
	padding-top: 0px;
	list-style-type: none;
}

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

ul.nav.level-1 {
  margin: 0;
  margin-bottom: 1.25em;
  padding: 0;
  list-style-type: none;
}

ul.nav.level-1 li {
  margin-top: .15em;
  font-size: 11px;
}

ul.nav.level-1 li.current {
  font-weight: bold;
  font-size: 11px;
  color: #006138;
}

/*
 * Sponsor logo at bottom of sidebar
 */
#sponsor-logo {
	text-align: center;		/* IE kludge */
}

#sponsor-logo h4 {
	font-size: 10px;
	text-align: left;		/* undo IE kludge */
	color: #857642;
}

#sponsor-logo-img {
  display: block;
  margin: auto;
}

/*
 * Area to the right of the sidebar (including the footer)
 */
td#main-main {
	width: 712px;
	height: 100%;
	background-color: #D1D1D1;
	/*background-image: url(/static/images/body-bg.gif);
	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: #007E48;
}

#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(/static/images/footer-bg.gif);
	background-repeat: no-repeat;
}

#footer-content {
    margin-top: 13px;
	padding-left: 20px;
	padding-right: 20px;
	width: 675px;
	font-family: sans-serif;
	font-size: 10px;
	color: #777777;
}

#footer a:hover {
  color: white;
}

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

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

/*
 * Table row alternation
 */

table.listing {
	width: 300px;
	border: solid 1px #807766;
	margin-bottom: 10px;
}

table.listing.dues {
	width: 200px;
	margin-left: 30px;
	margin-top: 10px;
}

table.listing.wide {
	width: 526px;
}

table.listing th,
table.listing td
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
	border-right: solid 1px #807766;
}

table.listing.dues th,
table.listing.dues td
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}


table.listing thead,
tr.order-total
{
	background-color: #B2A68E;
	font-weight: bold;
}

table.listing .even {
	background-color: #C4C0B7;
}

table.listing .odd {
	background-color: D9D5CE;
}

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

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


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

h3 {
	color: #007E48;
	font-size: 13px;
}

h4 {
	color: #981B1E;
	font-size: 12px;
}

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

.news-headers {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #A4ACA5;
	padding: 3px;
	color: #395847;
}

.business-name
{
	color: #4F5C7E;
}

.business-listing {
  /* background-color: #808080; */
  color: #4F5C7E; /*#c3cce5;*/
  margin-bottom: -1px;
  font-size: 12px;
}

h2.business-listing {
  background-color: #808080;
  color: #c3cce5;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
}

img.picture {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.picture, #sponsor-logo-img {
	border: 1px solid #807766;
}

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

/* Business listing. */

.yellow-pages
{
    margin-top: 2pt;
    color: #857642;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

div.business div.content
{
    margin-top: 0;
}

.business table.phones
{
    margin-top: 3pt;
}

table.phones td
{
    font-size: 10px; 
    padding-right: 8pt;
}

.business .description
{
    margin-top: 0;
}

.business-category
{
    color: #857642;
}

ul.business-categories {
  list-style-type: none;
  margin-bottom: 1.0em;
}

ul.alpha-links {
  display: inline;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.alpha-links li {
  display: inline;
}


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


.calendar-month-links {
  margin-top: 1.0em;
  margin-bottom: 1.0em;
}


/* forms stuff ******************/

td.forms-label {
    vertical-align: top;
}

.forms-validation-error {
    color: maroon;
}

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

.cc-logo {
    margin-bottom: 5px;
}

tr.order-total {
	border-top: 1px solid #A2A3A1;
}


.order-summary-label {
    width: 10em;
	color: #4F5C7E;
    font-size: 14px;
}

.basebold {
  font-size: 12px;
  font-weight: bold;
  color: #006138;
}

.divider {
	border-top: solid 1px #807766;
	margin: 20px 0px 15px 0px;
}

.calendar-event {
	padding-bottom: 5px;
}

.question {
	padding: 5px 0px 5px 0px;
}

.answer {
	padding: 5px 10px 8px 10px;
}

.alert {
    size: 80%;
    color: red;
}

.inset,
{
	border: solid 1px #87600C;
	
}

.inset2 {
    margin-bottom: 0.5em;
	width: 190px; 
	border: solid 1px #87600c;
    font-size: 11px;
    font-style: italic;
    background-color: #C4C0B7;
    margin: 0px 0px 5px 5px;
}

.inset-text {
    margin: .5em;
}

.outline {
	border: 1px solid #807766;
	margin-left: 5px; margin-bottom: 5px;
}

/* Member forms fun. */
label.error {
    display: block;
    padding: 5px;
    margin: 2px 0 7px 0;
    background-color: #e0ff92;
}

table.form td {
    vertical-align: top;
}

/**/

td.date {
    white-space: nowrap;
}

td.time {
    white-space: nowrap;
}