/*
Created by:
	Kinesis Inc.
	www.kinesisinc.com
	and
	Rhythm Behavior Design
	www.rhythmbehavior.com

	Graphic Design and web development
	Portland, OR
	
*/
/* ====================================================== Colors */
.green .h1 {
	background:#3c5917 url(../img/site_main/corners/brdr_tlc_3c5917.gif); }
.green h1 {
	background:#3c5917 url(../img/site_main/corners/brdr_trc_3c5917.gif); }

.red .h1 {
	background:#661f24 url(../img/site_main/corners/brdr_tlc_661f24.gif); }
.red h1 {
	background:#661f24 url(../img/site_main/corners/brdr_trc_661f24.gif); }

.purple .h1 {
	background:#37004a url(../img/site_main/corners/brdr_tlc_37004a.gif); }
.purple h1 {
	background:#37004a url(../img/site_main/corners/brdr_trc_37004a.gif); }

.yellow .h1 {
	background:#d2b73d url(../img/site_main/corners/brdr_tlc_d2b73d.gif); }
.yellow h1 {
	background:#d2b73d url(../img/site_main/corners/brdr_trc_d2b73d.gif); }

.orange .h1 {
	background:#f59f1a url(../img/site_main/corners/brdr_tlc_f59f1a.gif); }
.orange h1 {
	background:#f59f1a url(../img/site_main/corners/brdr_trc_f59f1a.gif); }

.white .h1 {
	background:#fff url(../img/site_main/corners/brdr_tlc_fff.gif); }
.white h1 {
	background:#fff url(../img/site_main/corners/brdr_trc_fff.gif); }
	
/*	
Adding Colors:
	Add .color h1 to:
	"General, all boxes" below
	in addition to color scheme
*/

/* ====================================================== General, all boxes */
.green h1, .red h1, .purple h1, .yellow h1, .orange h1, .white h1 {
	background-repeat:no-repeat;
	background-position:right top;
	color:#fff;
	margin-bottom:0;
	padding:11px 29px 9px 0;
	text-align:center;
}
.box {
	position:relative;
	float:left;
}
.box_content {
	background:#fff url(../img/site_main/corners/brdr_l.gif) left repeat-y;
	color:#3c5917;
	padding:0 0 1em 4px;
	position:relative;
	z-index:100;
}
.box_content .right {
	background:url(../img/site_main/corners/brdr_r.gif) right repeat-y;
	padding:10px 23px .2em 15px; 
	position:relative;
	font-size: 1.08em;
	z-index:100;
}
.last {
	margin-bottom:0;
}
.stick_bottom {
	position:absolute; 
	bottom:0;
	margin-right: 8px;
}
.float_over {
	position:absolute;
	top: 0;
	left: -5px;
	margin: 0;
	text-align:center;
	z-index:11000;
}
.h1 img {
	height:25px;
	margin-top:-17px;
	margin-bottom:-8px;
	margin-right:5px;
	vertical-align:middle;
}

/* ====================================================== General Widths */
.small, .small .h1 {
	width:16.1em;
}
.med, .med .h1 {
	width:21.3em;
}
.med .float_over {
	width: 19.7em;
}
.large, .large .h1 {
	width:42.8em;
}
.large .float_over {
	width:39.63em;
}
.xlarge, .xlarge .h1 {
	width:65em;
}
.xlarge .float_over {
	width:60.19em;
}

/* absolute sizing */

.small, .small .h1 {
	width:196px;
}
.med, .med .h1 {
	width:253px;
}
.med .float_over {
	width: 19.7em;
}
.large, .large .h1 {
	width:507px;
}
.large .float_over {
	width:480px
}
.xlarge, .xlarge .h1 {
	width:765px;
}
.xlarge .float_over {
	width:60.19em;
}


/* ================== IE fixes */
.small h1, .med h1, .large h1, .xlarge h1 {
	margin-left:27px;
	padding-left:-27px;
}
.small .h1, .med .h1, .large .h1, .xlarge .h1 {
	padding-left:27px;
	padding:0;
}

/* ====================================================== White, Bottom of Boxes */
.white_btm, .clear_btm {
	background:url(../img/site_main/corners/brdr_blc_fff.gif) top left no-repeat;
	position:relative;
	padding-left:27px;
	margin-top:-1.1em;
	height:24px;
	z-index:101;
}
.white_btm div, .clear_btm div {
	background:#ffffff url(../img/site_main/corners/brdr_brc_fff.gif) right bottom no-repeat;
	position:relative;
	padding-right:27px;
	z-index:101;
}
.white_btm div span, .clear_btm div span {
	background:#ffffff url(../img/site_main/corners/brdr_b_fff.gif) right bottom repeat-x;
	position:relative;
	display:block;
	height:24px;
	width:auto;
	margin-bottom:4px;
	z-index:101;
}
.clear_btm, .clear_btm div, .clear_btm div span {
	height: 0;
	margin: 0;
	padding: 0;
	background:none;
}