@charset "UTF-8";
/* ---- patchwork.ca ---- */
/* #4B4B4B - link - dark grey
/* #CC3300 - hover - red
/* #EBEBEB - bgrd - light grey
/* #006699 - titles - dark teal
/* ----------------------  */

a {color: #4B4B4B; text-decoration: underline;}
a:hover {color: #CC3300; text-decoration: none;}

body {
	background-color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #4B4B4B;
	margin:0;
	padding:0;
	text-align:center;
	}

.titleBanner { font-size: 110%; font-weight:bold; text-align: center; color: #CC3300; height:25px; padding-top:5px; padding-bottom:5px;}
.listingTitle { font-size:115%; }
.listingTitle a {color: #006699; text-decoration: none;}
.listingTitle a:hover {color: #CC3300; text-decoration: none;}

p { text-align: left; margin-left: 15px; margin-right: 15px; }
h1 { font-size:110%; font-weight:bold; color:#006699;}
.h1-style { font-size:110%; font-weight:bold; color:#006699;}
h2 { font-size: 110%; text-align: center; color: #006699; }
h3 { font-style: italic; text-align: left; margin-left: 15px; clear: right; color: #CC3300; }
h5 { font-weight: bold; text-align: left; margin-left: 15px; clear: right; }
h6 { text-align:center; font-size:150%; font-weight:bold; color:#CC3300;}

hr { height: 1px; width: 95%; margin-left: 15px; border: 0; color: #cc3300; text-align: center;}

.center { text-align: center;}
.colorRed { color: #CC3300;}
.colorRedBold { font-weight:bold; color: #CC3300;}
.colorTeal-bold { font-weight:bold; color: #006699;}
.colorOrange { color:#F60; font-weight:bold;}
.bold100-red {font-size:100%; font-weight:bold; color:#CC3300;}

.justify { text-align:justify;}

.space10 {height:10px;}
.space20 {height:20px;}
.space30 {height:30px;}
.spaceTB {height:20px;}

.title1 { font-size: 140%; color: #06F; text-align:center; padding: 5px 0 5px 0; font-family:"Comic Sans MS", cursive; letter-spacing:2px;}
.title2 { font-size: 115%; color: #06F; padding: 5px 0 5px 0;}
.title3 { font-size: 115%; color: #06F; text-align:center; padding: 5px 0 5px 0;}
.border000 { border:1px solid #000000;}
.subText { font-size:80%; color:#999;}
.textBox { text-align:justify; padding:10px 0}
.textBoxRed { font-weight:bold; padding:0 15px 0 15px; text-align:center; color:#CC3300;}

.boxClientWrap { margin:auto; padding:0 5px 10px 5px;}
.boxClientClip { text-align:center;}
.boxIndex1 {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F6F6F6),
	color-stop(0.50, #FFFFFF));
	background-image: -o-linear-gradient(bottom, #F6F6F6 0%, #FFFFFF 50%);
	background-image: -moz-linear-gradient(bottom, #F6F6F6 0%, #FFFFFF 50%);
	background-image: -webkit-linear-gradient(bottom, #F6F6F6 0%, #FFFFFF 50%);
	background-image: -ms-linear-gradient(bottom, #F6F6F6 0%, #FFFFFF 50%);
	background-image: linear-gradient(to bottom, #F6F6F6 0%, #FFFFFF 50%);
	padding:0 0 8px 0;
	line-height:150%;
	}


/*----- PHOTO PAGE -----*/
.photopageDesc { font-family:Verdana, Geneva, sans-serif; margin-left:50px; margin-right:50px; text-align:justify; letter-spacing:.5px;}
.photopageDescCenter { font-family:Verdana, Geneva, sans-serif; margin-left:50px; margin-right:50px; text-align: center; letter-spacing:.5px;}
#containerPhoto { width:1080px;}
#headerPhoto { text-align:center; background-color:#DAECFF;}
#maincontentPhoto {
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;
	}

#boxPhotoWrap {border-top:solid 1px #CC3300; border-bottom:solid 1px #CC3300; margin:20px 0 20px 0; padding:10px 0 10px 0;}
#boxPhotos { text-align:center;}
#footerPhoto {color:#fff; text-align:center;}

/*---------------------------------------*/



#header {
	background-color: #DAECFF;
	border: 1px solid #E5E5E5;
	height:200px;
	padding:0 0 15px 0;
	}

#headerImage {
	width:990px;
	margin:auto;
	text-align:center;
	}

#headerMenu {
	width:990px;
	margin:auto;
	padding:15px 0;
	font-size: 120%;
	text-align: center;
	letter-spacing: 2px;
	}
#headerMenu a {color: #006699; text-decoration: none;}
#headerMenu a:hover {color: #CC3300; text-decoration: underline;}

#maincontent {
	width:990px;
	margin:auto;
	padding:100px 20px 15px 20px;
	text-align:left;
	}

#footer {
	min-height:300px;
	text-align:center;
	background-color: #666;
	margin:0;
	padding:0 0 15px 0;
	text-align:center;
	}

#footerBanner {
	width:990px;
	margin:auto;
	font-size:120%;
	text-align:center;
	color:#FFF;
	letter-spacing: 1px;
	padding:0 0 15px 0;
	}

#footerMenu {
	padding:0 0 15px 0;
	text-align: center;
	}
#footerMenu a {color: #ACACAC; text-decoration: none;}
#footerMenu a:hover {color: #FFF; text-decoration: none;}

#footerLinks {
	margin:auto;
	text-align:center;
	padding:0 0 15px 0;
	}

#copyright { color:#ACACAC; font-size:80%; text-align: center;}
#copyright a {color: #ACACAC; text-decoration: none;}
#copyright a:hover {color: #FFF; text-decoration: none;}

#footerAds {
	margin:auto;
	width:990px;
	padding:15px 0;
	}

/*----------*/

.td-xsmall{font-size: x-small;}
.td-small{font-size: small;}
.td-medium{font-size: medium;}
.td-large{font-size: large;}
.td-xlarge{font-size: x-large;}

.td-10px{font-size: 10px;}
.td-13px{font-size: 13px;}
.td-16px{font-size: 16px;}
.td-19px{font-size: 19px;}
.td-24px{font-size: 24px;}

.td-70{font-size: 70%;}
.td-80{font-size: 80%;}
.td-100{font-size: 100%;}
.td-125{font-size: 125%;}
.td-150{font-size: 150%;}

/*----- Miscellaneous classes for reuse -----*/
.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}

.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}