@charset "utf-8";
/* CSS Document */

body {
	margin:0; 
	padding:0;
	background: #663333 url(images/design/bkgd-site.gif) top left repeat-x; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
}

/******** TEXT FORMATTING ***************/

p { margin: 0px 0px 10px 0px; }

em { font-style:italic; }
strong { font-weight:bold; }
b  { font-weight:bold; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size:150%; font-weight:bold; color:#000000; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size:130%; font-weight:bold; color:#000000; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold; color:#000000; }

ul { list-style-image: url(images/design/bullet-squ8x8.gif); }
li { margin-bottom: 10px; }

.smaller { font-size: smaller; }
.monospace { font-family:"Courier New", Courier, monospace; }
.attention { color:#FF9900; background-color:#FFFFCC; font-weight: bold; font-size: larger; }

p.quote { 
	font-family: Arial, Helvetica, sans-serif; 
	background: #E9D2BC;
	color: #996666;
	padding: 5px;
	font-size: 90%; 
	line-height: 140%;
/*	border-style: dashed;
	border-color: #CC99FF; 
	border-color: #9999CC; */
	border-width: 1px;
	}

p.testimony { 
	font-family: Arial, Helvetica, sans-serif; 
	padding: 5px 15px;
	line-height: 120%;
	}
	
p.testimonyName { 
	margin-left: 25px;
	padding-bottom: 10px;
	font-style:italic;
	font-weight:bold;
	color: #996666;
	}

/******** LINK FORMATTING **********************/

a:link { 
	color: #0558c8;
	text-decoration:underline;
	}
a:visited { 
	color: #663366;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #c67d35;
	}
	
/******** IMAGE FORMATTING **********************/

img { border:1px solid #000000; }
.imgnoborder { border:0px; }

/******** LAYOUT ELEMENTS ***********************/

#container { 
	width: 1000px;  /* Think about: using 20px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	background:none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header {
	margin: 0;
	padding: 0;
	height: 197px;
	background: url(images/design/gayle-logo-sig.gif) 0 30px no-repeat; 
	}

.headerLinks { margin: 5px 0 0 0; padding: 0; text-align: right; float:right; color: #bf6ca5; font-size: 90%; }
.headerLinks a:link { 	color: #cccc66;	text-decoration:none; font-weight:bold; }
.headerLinks a:visited { 	color: #bf6ca5;	text-decoration:none; font-weight:bold; }
.headerLinks a:hover { 	color: #FFFF99;	text-decoration:none; font-weight:bold; }

h1.pageTitleHome { margin: 25px 0 0 0; padding: 0; text-align: right; float:right; color: #CC9999; font-size: 90%; font-weight:normal; } /* FOR HOME PAGE */
p.pageTitle { margin: 25px 0 0 0; padding: 0; text-align: right; float:right; color: #CC9999; font-size: 90%; font-weight:normal; } /* FOR SUB-PAGES: */

/* #logo { margin: 40px 0 0 30px; border: none; } */    /* NOT IN USE */
#header p.galleryDoors { margin: -35px 0 0 300px; float:left; display:block; white-space:nowrap; }
#header img.galleryDoors { border:4px solid #000000; margin: 0 8px; }

#homeContent {
	margin: 0px 0 10px 0;
	padding: 0;
	}

#footer {
	margin: 0;
	padding: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif
	color: #828181;
	}
#footer p { font-size: 80%; color: #828181; }
#footer a:link { color: #cccc66; }
#footer a:visited { color: #bf6ca5;	}
#footer a:hover { color: #FFFF99; }

.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;
}

/********* FORMATTING FOR 3 COLUMNS *****************/

td.homeContentLeft {
	margin:0;
	padding: 0 0 0 20px;
	vertical-align: top; 
	text-align: left;
	width:225px;
	}

/* h2.homeContentLeft { margin-top: 0; padding-top: 0; } */

.sideNav a:link { padding-left: 17px; color: #cccc66;	text-decoration:none; }
.sideNav a:visited { padding-left: 17px; color: #bf6ca5;	text-decoration:none; }
.sideNav a:hover { padding-left: 17px; color: #FFFF99;	text-decoration:none; background:url(images/design/icon-flower.gif) left no-repeat; }

td.homeContentMiddle {
	margin:0 5px 0 0;
	padding: 0 20px 10px 20px;
	vertical-align: top; 
	text-align: left;
	width:450px;
	display:block;
	background: #ebe2d1;
	border: 2px solid #3f2929;
	border-top: 1px solid #663333;
/*	border-left: 4px solid #CCCCCC;
	border-right: 4px solid #CCCCCC; */
	}

td.homeContentMiddle h2 { padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size:130%; font-weight:bold; color:#000000; background: url(images/design/bkgd-headings.jpg) no-repeat; }

td.homeContentRight {
	margin:0;
	padding: 0px;
	vertical-align: top; 
	text-align:left;
	width:275px;
	}

h2.homeContentLeft { margin-top: 0; padding-top: 0; }

/********* FORMATTING FOR BOXES *****************/

.lightBox {
	margin:0 0 10px 10px;
	padding: 20px 15px;
	width: 200px;
	display:block;
	background: #e0d5d6 url(images/design/bkgd-box-headings.jpg) top left no-repeat;
	border: 1px solid #3f2929;
	border-top: 1px solid #663333;
/*	border-bottom: 4px solid #3f2929;
	border-right: 4px solid #3f2929; */
	text-align: left;
	}
	
.darkBox {
	margin:0 15px 10px 10px;
	padding: 20px 15px;
	width: 200px;
	display: block;
	background: #3f2929 url(images/design/bkgd-box-headings-drk.jpg) top left no-repeat;
	border: 1px solid #663333;
	text-align: left;
	color: #cccc66;
	}
h2.lightText { color: #cccc66; }

/********* FORMATTING FOR SINGLE COLUMN PAGE *****************/

td.pageContent {
	margin:0;
	padding: 20px 20px 10px 20px;
	vertical-align: top; 
	text-align: left;
	width: 650px;
	display:block;
	background: #ebe2d1;
	border: 2px solid #3f2929;
	border-top: 1px solid #663333;
	}
	
h1.pageContent { margin-top:0; margin-bottom: 20px; font-size:160%; color:#663333; border-bottom: 2px solid #663333; }