/* ---
    0c6282 = blue/green "H1"
    db7405 = orange
    758f44 = green
    79416b = purple
    075f80 = darker blue/green
--- */ 
@import "lander.css?version=1";
@import "nav.css?version=1";
@import "menu.css?version=1";
@import "ppc.css?version=1";
@import "sitesearch.css?version=1";
@import "search.css?version=1";

/* ---Main Elements--- */
* {
	margin:0;
	padding:0;
	border: none;
}

body {
	font-family:Verdana;
	font-size:11px;
	color: #666;
}

#wrapper {
	width:968px;
	margin:0 auto;
	background: url("/i/background.gif") repeat-y;
}

#wrapper-wide {
	width:1200px;
	margin:0 auto;
	background: url("/i/background2.gif") repeat-y;
}


#header-l {
	width:1200px;
	margin:0 auto;
	height:103px;
	background:url("/i/header-lander2.jpg") no-repeat;
}

#header-l img{
	width:120px;
	height:70px;
	float: left;
	position:relative;
	top:20px;
	left: 18px;
}


#breadcrumbs {
	width: 930px;
	height: 14px;
	padding-top:1px;
	padding-left: 22px;
	font-size:11px;
	color:#fff;
	background: url("/i/breadcrumbs.jpg") no-repeat;
}

#breadcrumbs a { 
	text-decoration:none;
	color:#fff;
}

#breadcrumbs a:hover {
	text-decoration:underline;
}

#breadcrumbs-lander {
	width: 930px;
	height: 14px;
	padding-top:1px;
	padding-left: 22px;
	font-size:11px;
	color:#fff;
	background: url("/i/breadcrumbs.jpg") no-repeat;
}

#breadcrumbs-lander a { 
	text-decoration:none;
	color:#fff;
}

#breadcrumbs-lander a:hover {
	text-decoration:underline;
}

#breadcrumbs2 {
	width: 1200px;
	height: 14px;
	padding-top:0px;
	padding-left: 22px;
	font-size:11px;
	color:#fff;
	background: url("/i/breadcrumbs3.jpg") no-repeat;  
}

#breadcrumbs2 a { 
	text-decoration:none;    
	color:#fff;
}

#breadcrumbs2 a:hover {
	text-decoration:underline;
}

/* Search Elements */

#search form {
	position:relative;	
	float: right;
	width: 400px;
}


#search input {
	float:left;
}

#search #textbox {
	width:247px;
	margin-left:70px;
	margin-top:40px;
	height:24px;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	color:#c8842b;
	line-height: 25px;
	background: #fff;
	border: #0c6282 1px solid;
}

#search #button {
	position: relative;
	top: 40px;
	left: 2px;
}

/* ---Content Page--- */

#contentwrapper{
	width: 1165px; 
	margin-left: 17px;
	background: url("/i/content-wrapper2.gif") repeat-y;  
	border-bottom:#82b1c0 1px solid;
}

#contentwrapper p{
	padding:0px 0px 10px 0px;
	color: #666;
}

#contentwrapper a{
	font-size:11px;
	color:#327c95;
	text-decoration:none;
}

#contentwrapper li {
	margin-left:25px;
	margin-bottom: 5px;
}

#contentwrapper ul {
	padding:5px 0 5px 0;
}

#contentwrapper h1{
	padding-bottom:5px;
	font-size:20px;
	font-family:Verdana;
	color:#075f80;
	font-weight:200;
	text-align:left;
	width: 400px;
}

#contentwrapper h2{
	padding:20px 0 5px 0;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#db7405;

}

#contenwrapper2{
	width: 932px;
	margin-left: 17px;
	border-bottom:#82b1c0 3px solid;
}

#contentwrapper3{
	width: 700px;
	padding: 20px 30px 0px 20px;
}

#contenwrapper2 h2{
	padding:20px 0 5px 0;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#db7405;
	
}

#contenwrapper3 h2{
	padding:20px 0 5px 0;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#db7405;
	
}

#contentwrapper3 li {
	margin-left:50px;
	margin-bottom: 5px;
}

#contentwrapper3 ul {
	padding:5px 0 5px 0;
}

#contentwrapper3 p{
	padding:0px 0px 10px 0px;
	color: #666;
}

#right3{
	width: 300px;
	float: right;
	position: relative;
	background: #dfeef3;
	right: 2px;
}

#left3{
	width: 830px;               
	padding-top: 10px;
	margin-right: 5px;
	margin-left:10px;
	padding-bottom: 10px;
	float: left;
}

#left3 a{
	font-size:11px;
	color:#db7405;
	text-decoration:none;
}

#left3 a:hover {
	text-decoration:underline;
	color: #758f44;
}

/* ---Text Formatting--- */

#content {
	margin-top:20px;
	margin-right: 20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#666;
}

#content p {
	padding:5px 0;
	color: #666;
}

#content a {
	font-size:12px;
	font-weight:bold;
	color:#db7405;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
	color: #db7405;
}

#content ul {
	padding:5px 0;
}

#content li {
	margin-left:20px
}

#content-left {
	float:left;
	width:290px;
}

#content-right {
	float:right;
	width:291px;
}

#content-left p, #content-right p {
	display:block;
	color:#333333;
}

#content-left h2, #content-right h2 {
	margin-top:10px;
}

h1 {
	padding-bottom:15px;
	font-size:20px;
	font-family:Verdana;
	color:#075f80;
	font-weight:200;
	text-align:left;
	width: 400px;
}

.main{
	padding-bottom:5px;
	padding-left: 0px;
	font-size:18px;
	font-family:Verdana;
	color:#79416b;
	font-weight:200;
	text-align:left;
	width: 200px;
}

h2 {
	padding:10px 0;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#db7405;
	
}

.callout1-l{
	padding-bottom:0px;
	padding-left: 8px;
	font-size:18px;
	font-family:Verdana;
	color:#79416b;
	font-weight:200;
	text-align:left;
	width: 200px;
}

.callout2-l{
	padding-bottom:0px;
	padding-top: 4px;
	padding-left: 8px;
	font-size:18px;
	font-family:Verdana;
	color:#758f44;
	font-weight:200;
	text-align:left;
	width: 200px;
}

.callout3-l{
	padding-bottom:0px;
	padding-left: 8px;
	padding-top: 4px;
	font-size:18px;
	font-family:Verdana;
	color:#0c6282;
	font-weight:200;
	text-align:left;
	width: 200px;
}

h3 {
	padding:7px 0;
	font-size:14px;
	font-weight:bold;
	color:#6ba9aa;
}

#home-middle-links p{
	padding:1px 0 0 0;
	display:block;
	color:#666;
}

#home-middle-links a {
	text-decoration:none;
	color:#666;
}

#home-middle-links a:hover{
	text-decoration:underline;
}


/* ---Header Elements--- */
#header-home {
	width:968px;
	margin:0 auto;
	height:96px;
	background:url("/i/header.jpg") no-repeat;
}


#header-home img {
	width:120px;
	height:70px;
	float: left;
	position:relative;
	top:20px;
	left: 18px;
}

/* ---Top 3 Callouts--- */

#callouts-top {
	background: url("/i/callouts-top.jpg") no-repeat;
	height: 243px;
	width: 968px;
}

#ctwrapper1{
	width: 200px;
	margin-top: 177px;
	float:left;
}

#ctwrapper2{ 
	width: 200px;
	margin-left: 8px;
	margin-top: 160px;
	float:left;
}

#ctwrapper3{ 
	width: 190px;
	margin-left: 0px;
	margin-top: 173px;
	float:left;
}

#ctwrapper4{
	width:300px; 
	height: 200px;
	margin-left: 0px;
	float:left;
}

#callout-top1 a{
	width: 88px;
	height: 42px;
	position: relative;
	left: 82px;
	display: block;
	background:url("/i/polaroid-title-pottery.gif") no-repeat;
}

#callout-top1 a:hover{
	background:url("/i/polaroid-title-pottery-over.gif") no-repeat;
}

#callout-top2 a{
	width: 108px;
	height: 44px;
	position: relative;
	left: 40px;
	top: 16px;
	display: block;
	background:url("/i/polaroid-title-knitting.gif") no-repeat;
}

#callout-top2 a:hover{
	background:url("/i/polaroid-title-knitting-over.gif") no-repeat;
}

#callout-top3 a{
	width: 152px;
	height: 44px;
	position: relative;
	left: 20px;
	top: 15px;
	display: block;
	background:url("/i/polaroid-title-woodworking.gif") no-repeat;
}

#callout-top3 a:hover{
	background:url("/i/polaroid-title-woodworking-over.gif") no-repeat;
}

#callout-top4{
	width:250px;
	position: relative;
	top: 20px;
	left: 30px;
	float: left;
	font-size:11px;
	color: #666;
}

#callout-top4 p{
	font-size:13px;
	color: #666;
	text-align: left;
}


/* ---Middle 3 Callouts--- */

#callouts-middle {
	background: url("/i/callouts-middle.jpg");
	height: 161px;
	width: 968px;
}

#cmwrapper1{
	width:300px; 
	margin-left: 19px;
	float:left;
}

#cmwrapper2{
	width:300px; 
	margin-left: 12px;
	float:left;
}

#cmwrapper3{
	width:300px; 
	margin-left: 12px;
	float:left;
}

#callout-middle1 {
	width:150px;
	position:relative;
	top: 28px;
	left: 28px;
	font-size:11px;
	float: left;
	text-align: left;
	color: #0c6282;
}

#callout-middle2{
	width:150px;
	position:relative;
	top: 28px;
	left: 28px;
	font-size:11px;
	float: left;
	text-align: left;
	color: #db7405;
}

#callout-middle3{
	width:150px;
	position:relative;
	top: 28px;
	left: 28px;;
	font-size:11px;
	float: left;
	text-align: left;
	color: #79416b;
}

#readmore {
	margin-top: 10px;
	margin-bottom: 5px;
	height:9px; 
	width:80px;
}

#launch1 { 
	padding-top:2px;
	background:url("/i/button-blue.jpg") repeat-x; 
	width: 137px;
	height: 21px;
}

#launch2 { 
	padding-top:2px;
	background:url("/i/button-orange.jpg") repeat-x; 
	width: 137px;
	height: 21px;
}

#launch3 { 
	padding-top:2px;
	background:url("/i/button-purple.jpg") repeat-x; 
	width: 137px;
	height: 21px;
}

#launchtext1 { 
	width:137px; 
	height: 21px; 
	padding:1px 0px 1px 3px; 
}

#launchtext2 { 
	width:137px; 
	height: 21px;
	padding:1px 0 1px 3px; 
}

#launchtext3 { 
	width:137px; 
	height: 21px; 
	padding:1px 0 1px 3px; 
}

#launchtext1 a, #aclaunchtext a, #wflaunchtext a, #wslaunchtext a {
	font-size:11px; 
	font-weight:bold;
	color:#fff; 
	text-decoration:none;
}

#launchtext2 a, #aclaunchtext a, #wflaunchtext a, #wslaunchtext a {
	font-size:11px; 
	font-weight:bold;
	color:#fff; 
	text-decoration:none;
}

#launchtext3 a, #aclaunchtext a, #wflaunchtext a, #wslaunchtext a {
	font-size:11px; 
	font-weight:bold;
	color:#fff; 
	text-decoration:none;
}

#launchtext1 a:hover, #aclaunchtext a:hover, #wflaunchtext a:hover, #wslaunchtext a:hover {
	text-decoration:underline;
}

#launchtext2 a:hover, #aclaunchtext a:hover, #wflaunchtext a:hover, #wslaunchtext a:hover {
	text-decoration:underline;
}

#launchtext3 a:hover, #aclaunchtext a:hover, #wflaunchtext a:hover, #wslaunchtext a:hover {
	text-decoration:underline;
}


/* ---Bottom 2 Callouts--- */

#callouts-bottom {
	background: url("/i/callouts-bottom.jpg");
	height: 146px;
	width: 968px;
}

#cbwrapper1{
	width:460px; 
	margin-left: 19px;
	float:left;
}

#cbwrapper2{
	width:450px;
	margin-left: 10px;
	float:left;
	color: #db7405;
}

#callout-bottom1 {
	width:250px;
	position:relative;
	top: 35px;
	left: 14px;
	line-height: 16px;
	font-size:11px;
	float: left;
	text-align: left;
}

#callout-bottom2 {
	width:250px;
	position:relative;
	top: 35px;
	left: 14px;
	font-size:11px;
	line-height: 16px;
	float: left;
	text-align: left;
}

#callout5-box li, #callout4-box li {
	padding: 3px;
	list-style:disc;
	list-style-position:inside;
	color:#4daab7;
}

/* ---Footer Elements--- */
#footer {
	width:1200px;
	height:70px;
	clear:both;	
	margin:0 auto;
	padding-top:10px;
	text-align:center;
	font-size:11px;
	color:#818285;
	background: url("/i/footer-bkg2.jpg");
}

#footer-lander {
	width:968px;
	height:70px;
	clear:both;	
	margin:0 auto;
	padding-top:10px;
	text-align:center;
	font-size:11px;
	color:#818285;
	background: url("/i/footer-bkg.jpg");
}

#footer a, #footer-wide a, #footer-lander a {
	padding:0 4px;
	text-decoration:none;
	color:#818285;
}

.footer img, .footer-wide img, .footer-lander img {margin:0; padding:0;} 

#footer a:hover, #footer-wide a:hover, #footer-lander a:hover {
	text-decoration:underline;
}

.copyright {
	padding:0 4px;
}

.next-article {      
   margin:10px 0;
   padding-left:95px;
   background:url("/i/next-article.gif") 0 2px no-repeat;
}

.next-article a.link {
    font-size:14px !important;
    font-weight:bold;
    text-decoration:underline !important;
    color:#758F44 !important;
}

.next-article a:hover {
    text-decoration:none !important;    
}

textarea {
	border:1px solid #ccc;
	padding:5px;
}

/*-- Yieldy --*/
div.ad {
}

.outTop {
}

.outLft {
    position: absolute;
    top: 25px;
    margin-left: -176px;
    width: 160px;
    height: 600px;
    background-color:#ccc;
}

.outRt {
    position: absolute;
    top: 25px;
    margin-left: 980px;
    width: 160px;
    height: 600px;
}

#rtRlTop-H
{   width: 300px;
    height: 250px;
    background-color: #ccc;
    margin-left: 605px;
}


/* ---- UX DIV TAXONOMY ---*/
/*-- Yieldy --*/

#outTop-C, #outTop-H, #outTop-S, #outTop-SS, #outTop-SL {margin:0 auto; margin-bottom:10px; width: 728px; }
#outLft-C, #outLft-H, #outLft-S, #outLft-SS, #outLft-SL {position:absolute; top: 25px; margin-left:-176px; }
#outRt-C, #outRt-S, #outRt-SS {position:absolute; top: 25px; margin-left:1210px; width: 160px; height: 600px; }
#outRt-H, #outRt-SL {position:absolute; top: 25px; margin-left:980px; }

#navBtm-C, #navBtm-S, #navBtm-SS { margin:0 auto;}
#navBtm-H, #navBtm-SL {  margin:0 auto;}

#navTop-H, #navTop-SL {margin:0 auto;}
#navTop-C, #navTop-S, #navTop-SS { margin:0 auto;}

#lftRlTop-C, #lftRlTop-S, #lftRlTop-SS, #lftRlTop-SL {float:left;}
#lftRlBot-C, #lftRlBot-S, #lftRlBot-SS, #lftRlBot-SL {float:left;}

#conTop-C, #conTop-H { margin:5px auto; float:right;}
#rtRlTop-C, #rtRlTop-S, #rtRlTop-SS {margin:10px 0; float:right;}
#rtRlBot-C, #rtRlBot-S, #rtRlBot-SS {margin:10px 0; float:right;}

#rtRlBot-SL {width: 309px; height:267px; background-color:#fff; margin-top:2px;}

#conBot-C {margin:10px auto; text-align:center;}
#conTop-S, #conTop-SS, #conTop-SL {margin:10px auto; text-align:center;}
#conBot-S, #conBot-SS, #conBot-SL {margin:20px auto; text-align:center; padding-top:10px; float:left;}

#ppcTop-C, #ppcTop-S, #ppcTop-SS, #ppcTop-SL {margin-bottom:10px;}
#ppcBot-C, #ppcBot-S, #ppcBot-SS, #ppcBot-SL {margin-top:10px;}
#ppcLft-C, #ppcLft-S, #ppcLft-SS, #ppcLft-SL  {float:left; margin-right:10px;}
#ppcRt-C, #ppcRt-S, #ppcRt-SS, #ppcRt-SL  {float:right; margin-left:10px;}

#btmRl-C, #btmRl-H, #btmRl-S, #btmRl-SS, #btmRl-SL {text-align:center; margin:10px auto;}