/* ---------------------------------------
	Body and Frame
--------------------------------------- */

body {
text-align: center;
width: 100%;
margin:0;
padding: 0;
background-color: #E8EAE7;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}

#siteframe {
background-color: #FFF;
margin: 0 auto;
width: 100%;
}

#masthead {
height: 115px;
}

#dottedlines {
background: transparent url("../images/dottedlines_color.gif") no-repeat center bottom;
height: 55px;
margin: 0;
padding: 0;
}

#content {
text-align: center;
width: 740px;
padding: 10px 0 20px 0;
margin: 0 auto;
}

#content p {line-height: 16px; margin: 2px 0 15px 0;}

/*table td {
padding: 0 30px 0 0;
}*/

#full {
width: 100%;
text-align: left;
padding: 0 20px 0 0;
}

#main {
width: 565px;
text-align: left;
padding: 0 20px 0 0;
}

#sidebar {
width: 150px;
text-align: left;
float: right;
}

#footerline {
background: transparent url("../images/footerline.gif") repeat left top;
height: 2px;
}

a:link, a:visited {color: #5B9696; text-decoration: underline;}
a:hover {color: #546350; text-decoration: underline;}

img.left {float: left; margin: 0 15px 15px 0; border: 0;}
img.right {float: right; margin: 0 0 15px 15px; border: 0;}


/* ---------------------------------------
	Navigation
--------------------------------------- */

#navigation {
width: 740px;
height: 40px;
/*background: transparent url("../images/logo_ckmedia.gif") no-repeat left bottom;*/
padding: 18px 0 0 0;
margin: 0 auto;
}

ul#nav, ul#nav li {
float: right;
list-style: none;
margin: 0;
padding: 0;
}

ul#nav {
font-size: 10px;
font-weight: bold;
color: #546350;
}

ul#nav a, ul#nav a:visited {
color: #546350;
text-decoration: none;
display: block;
margin: 0 0 0 8px;
padding: 6px;
}

ul#nav a:hover {
color: #5B9696;
text-decoration: none;
display: block;
}

#home #nav-home a,
#scrapbooking #nav-scrapbooking a,
#quilting #nav-quilting a,
#sewing #nav-sewing a,
#retail #nav-retail a,
#aboutus #nav-aboutus a,
#advertise #nav-advertise a,
#contact #nav-contact a {color:#5B9696;}

/* ---------------------------------------
	Sub Navigation
--------------------------------------- */

#subnavigation {
padding: 0;
margin: 0;
width: 150px;
}

ul#subnav, ul#subnav li {
list-style: none;
margin: 0;
padding: 0 0 1px 0;
}

ul#subnav {
font-size: 11px;
font-weight: bold;
color: #546350;
}

ul#subnav a, ul#subnav a:visited {
color: #546350;
text-decoration: none;
display: block;
margin: 0;
padding: 6px;
background-color: #E7F0F0;
}

ul#subnav a:hover {
color: #546350;
text-decoration: none;
display: block;
background-color: #CEE0E0;
}

/** scrapbooking **/
#ck #subnav-ck a,
#simplescrapbooks #subnav-simplescrapbooks a,
#papercrafts #subnav-papercrafts a,
#digitalscrapbooking #subnav-digitalscrapbooking a,
#specialpublications #subnav-specialpublications a,
#cku #subnav-cku a,
#ckconventions #subnav-ckconventions a,
#qvc #subnav-qvc a,
#src #subnav-src a,
#licensing #subnav-licensing a {background-color:#CEE0E0;}

/** quilting **/
#quiltersnewsletter #subnav-quiltersnewsletter a,
#mccallsquilting #subnav-mccallsquilting a,
#mccallsquickquilts #subnav-mccallsquickquilts a,
#quiltmaker #subnav-quiltmaker a,
#quiltershome #subnav-quiltershome a,
#specialpublications_q #subnav-specialpublications_q a,
#quiltersvillage #subnav-quiltersvillage a,
#mccallscruises #subnav-mccallscruises a,
#quiltersrewards #subnav-quiltersrewards a,
#quiltingsymposium #subnav-quiltingsymposium a {background-color:#CEE0E0;}

/** sewing **/
#sewnews #subnav-sewnews a,
#sewsimple #subnav-sewsimple a,
#cme #subnav-cme a {background-color:#CEE0E0;}

/** retail **/
#craftrends #subnav-craftrends a,
#memorytrends #subnav-memorytrends a,
#memorytrendsexpo #subnav-memorytrendsexpo a {background-color:#CEE0E0;}

/** about **/
#companyoverview #subnav-companyoverview a,
#sandler #subnav-sandler a,
#team #subnav-team a {background-color:#CEE0E0;}



/* ---------------------------------------
	Footer Nav & Copyright
--------------------------------------- */

#copyright {
width: 740px;
margin: 0 auto;
padding: 10px 0 35px 0;
font-size: 10px;
color: #999999;
}

#copyright p {font-size: 10px; color: #999999; margin: 4px 0 0 0;}

#copyright a:link, #copyright a:visited {
color: #5B9696;
text-decoration: none;
}

#copyright a:hover {
color: #546350;
text-decoration: none;
}


/* ---------------------------------------
	Typefaces
--------------------------------------- */

h1 {
font-size: 16px;
font-weight: bold;
margin: 0;
color: #546350;
}

h2 {
font-size: 22px;
font-weight: normal;
color: #5B9696;
}

h3 {
font-size: 16px;
font-weight: normal;
color: #5B9696;
}

h4 {
font-size: 14px;
font-weight: bold;
color: #5B9696;
font-variant: small-caps;
margin: 0;
}

h5 {
font-size: 12px;
font-weight: normal;
color: #5B9696;
margin: 0;
}

h6 {
font-size: 16px;
font-weight: bold;
color: #546350;
font-variant: small-caps;
margin: 0;
}