@import "clm_common.css";
body {
	background-color:#EAEAEA;
	font-size:small;
}
a {
	color:#666666;
}
a:hover {
	color:#999999;
}
/* IE Div Fix */
.IEdivFix {
	border:1px solid #EAEAEA;
}
.ColHead {
	background:url(/images/chriscodes_logo.gif) top left no-repeat;
}
/* Content Wrap */
/* 7/25/04 - Changed ContentWrap from class to ID */
#ContentWrap, #ContentWrapSmall {
	margin:5px 10px 0px;
	background:#FFFFFF url(/images/art_top_left.gif) top left no-repeat;
}
#ContentWrap {
	min-height:400px;
}
.ContentWrapLeft {
	background: url(/images/art_left_border.gif) top left repeat-y;
}
#ContentWrapTitle, #ContentWrapSmallTitle {
	font-size:large;
	margin-top:0px;
	padding:12px 5px 0px 5px;
	background: url(/images/art_top_right.gif) top right no-repeat;
}
#ContentWrapDetail, #ContentWrapSmallDetail, #RecommendedReadDetail {
	margin:0 0 0 6px;
	padding:5px 15px 15px 15px;
	background:#FFFFFF url(/images/art_right_border.gif) top right repeat-y;
	border:0;
}
#ContentWrapDetail {
	min-height:400px;
}
#ContentWrapDetail p, ul {
	font-size:small;
}
#ContentWrapFoot, #ContentWrapSmallFoot {
	font-size:xx-small;
	text-align:center;
	margin:0px;
	padding:0px 0px 0px 0px;
	background: url(/images/art_bottom_left.gif) bottom left no-repeat;
}
#ContentWrapFoot p, #ContentWrapSmallFoot p {
	padding:12px;
	margin:0px;
	display:block;
	background: url(/images/art_bottom_right.gif) bottom right no-repeat;
}
#ContentWrapFoot p {
	padding:12px;
}
#ContentWrapSmallFoot p {
	padding:5px;
}
/* Menus */
.MenuLeftHead, .MenuRightHead {
	font-weight:bold;
	margin:0px 0px 0px 10px;
	background: url('/images/art_top_right.gif') top right no-repeat;
}
.MenuLeftHead {
	text-align:right;
	padding:10px 15px 0 0;
}
.MenuRightHead {
	text-align:left;
	padding:10px 0px 0 0;
}
.MenuLeft, .MenuRight, #RecommendedRead {
	background:#FFFFFF url('/images/art_top_left.gif') top left no-repeat;
	font-size:.75em;
	
}
.MenuLeft {
	margin:0 1px;
}
.MenuRight {
	margin:0 1px 0 0;
	width:98%;
}
.MenuLeft ul, .MenuRight ul {
	list-style : none;
	padding : 0;
	margin : 0 0 0 10px;
	border : none;
}
.MenuLeft li, .MenuRight li {
	padding : 0;
	margin : 0;
	background:#FFF url('/images/art_right_border.gif') top right repeat-y;
}
.MenuLeft li {
	text-align:right;
}
.MenuRight li {
	text-align:left;
}
.MenuLeft a, .MenuRight a {
	text-decoration:none;
	display:block;
	margin:0px 8px 0px 5px;
	border:1px solid #FFF;
}
.MenuLeft a {
	padding:1px 5px 1px 4px;
}
.MenuRight a {
	padding:4px 5px 2px 4px;
}
.MenuLeft a:hover, .MenuRight a:hover {
	text-decoration:none;
	background-image:url(/images/button_back.gif);
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
.MenuLeftFoot, .MenuRightFoot {
	font-size:xx-small;
	margin:0px;
	padding:0px 0px 0px 5px;
	background: url('/images/art_bottom_left.gif') bottom left no-repeat;
}
.MenuLeftFoot {
	text-align:right;
}
.MenuRightFoot {
	text-align:left;
}
.MenuLeftFoot p, .MenuRightFoot p {
	padding:5px;
	margin:0px;
	display:block;
	background: url('/images/art_bottom_right.gif') bottom right no-repeat;
}
/* Blog */
.BlogFront {
	background-color:#FFFFFF;
	margin:0 10px;
	background: url(/images/art_top_left.gif) top left no-repeat;
}
.BlogTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin-top:0px;
	padding:12px 10px 0px 10px;
	background: url(/images/art_top_right.gif) top right no-repeat;
}
.BlogTitle a {
	background: url(/images/bg_h.jpg) top left no-repeat;
	display:block;
	padding:3px 3px 3px 9px;
	margin:0 3px 0 0;
}
.BlogTitle a:hover {
	background: url(/images/bg_h_over.jpg) top right no-repeat;
}
.BlogEntry img {
	float:left;
	margin:0 8px;
}
.BlogEntry {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#FFF;
	margin:0;
	padding:5px 15px;
	background: url(/images/art_right_border.gif) top right repeat-y;
	font-size:small;
}
.BlogDate {
	font-size:xx-small;
	text-align:right;
	margin:0px;
	padding:0px 0px 0px 10px;
	background: url(/images/art_bottom_left.gif) bottom left no-repeat;
}
.BlogDate p {
	padding:15px;
	margin:0px;
	display:block;
	background: url(/images/art_bottom_right.gif) bottom right no-repeat;
}
/* FrontPage Items */
.WhereArt {
	background:url(/images/where_art.gif) top right no-repeat;
	margin:0 3px 10px 0;
	padding-top:25px;
	padding-bottom:1px;
}
.FrontItem {
	background-color:#FFFFFF;
	margin:0 10px;
	padding:0;
	background: url(/images/art_top_left.gif) top left no-repeat;
	font-size:small;
}
.FrontItemTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin-top:0px;
	padding:8px 3px 0px 10px;
	background: url(/images/art_top_right.gif) top right no-repeat;
}
.FrontItemText {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#FFF;
	margin:0;
	padding:5px 10px;
	background: url(/images/art_right_border.gif) top right repeat-y;
}
.FrontItemDate {
	font-size:xx-small;
	text-align:right;
	margin:0px;
	padding:0px 0px 0px 0px;
	background: url(/images/art_bottom_left.gif) bottom left no-repeat;
}
.FrontItemDate p {
	padding:2px;
	margin:0px;
	display:block;
	background: url(/images/art_bottom_right.gif) bottom right no-repeat;
}
/* Begin Links Page */
.LinkWrap {
	background-color:#FFFFFF;
	border:1px solid #999999;
	margin:0 5px 5px 5px;
}
/* Begin Store Page */
.ProdCatFront {
	background-color:#FFFFFF;
	border:1px solid #999999;
	margin:0 5px 5px 5px;
	padding:5px;
	font-size:x-small;
	float:left;
	width:175px;
	height:220px;
	text-align:center;
}
.ProdFront {
	background-color:#FFFFFF;
	border:1px solid #999999;
	margin:0 5px 5px 5px;
	padding:5px;
	clear:both;
}
.ProdReview {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:10px auto;
}
.ProdReview p {
	margin:4px;
	padding:3px;
}
#ProdRelatedWrap {
	font-size:x-small;
	border:1px solid #CCCCCC;
	font-weight:bold;
	font-style:italic;
	background-image:url(/images/related_bg.gif);
	padding:0px 10px;
	margin:10px 0 0 0;
}
#ProdRelated {
	background:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	margin:5px;
	padding:8px;
}
.ProdRelatedDetail {
	float:left;
	width:45%;
	text-align:center;
	margin:5px;
}