/* CSS Document */


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
/*	background-color:#E6CCFF;
/*	background-image:url(graphics/bkgnd.GIF); */
	background-image:url(graphics/backing.gif); 
	background-repeat:repeat;
	padding:0;
	margin:0;
	}

#wrapper {
	background-color: #efe8f2; 
/*	background-color: #ffffff; */
	color:#000000;
	padding: 0px;
	width: 1000px;
	margin: 0px auto;
}

.img-wrapper
{	background: url(graphics/Shadow_efe8f2.gif) no-repeat bottom right;
	clear: right;
	float: left; 
	text-align: center;

}
.img-wrapper img
{	background-color: #fff;  /* specifies the color of the frame */
	border: 1px solid #d9d9d9; /* extremely light border around the outside of the frame */
	padding: 10px; /* Adds the frame around the imgae */
	margin: -15px 15px 15px -15px; 
}
/* 	The use of absolute takes the img out of the document flow 
		Since it is applied inside of a container that uses relative positiong, the absolute
		positioning effect is applied against this container NOT the page */

.testcontainer
{	position: relative;
	top: 0px;
	left: 0px;
}

.testcenter
{ width: 800px;
	padding: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: red;
	margin: auto;
	
}

.center 
{	position: absolute;
	left: 50%;
	top: 50%;
}


.header {
	height:152px;
	width:1000px;
	background-color:#FFFFE6;
	margin:0px;
	padding:0px;
	}	

#footer {
	clear: both;
	background-color: #efe8f2;
	background-image:url(/graphics/stripe3.gif);
	height:15px;
	padding: 1px 0px 0px 0px;
	margin: 0px;
}
#mainspace {
	width: 980px;
	margin:0px 10px;
	float:right;
	}
#mainspacefull {
	clear:both;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
#mainspace p {
	margin:9px;
	}
/* Side navigation */
#sidenav {
	width:160px;
	margin:0px;
	float:left;
	clear:left;
	background-color:#FFFFE6;
	color:#660066;
	border: 1px solid #a472bf;
	}
	
#sidenav ul {
	font-size:medium;
	font-weight:bold;
	list-style-type: none;
	padding: 10px;
	margin: 0px;
	font-family:"palatino linotype", "Book Antiqua", Georgia, garamond, "Monotype Corsiva", Arial;
	}

#sidenav li {
	padding:2px;
	margin:0px;
	}
	
#sidenav a {
	color:#660066;
	text-decoration:none;
	display: block;
	width: 100%; /* for IE6 */
	border-bottom-color:#CCCCCC; 
	border-bottom-style:solid;
	border-bottom-width:1px;
	}
	
#sidenav a:hover, #sidenav a:visited:hover{
	color:#990000;
	background-color:#E6CCFF;
	}
	
#sidenav a:visited {
	color:#003300;
	}

/* Links */
a{
	color:#660066;
	}
	
a:hover {
    color:990000;
	text-decoration: none;
	border-bottom: 1px dotted #990000;
	}

/* Layout */	
h1, h2 {
	font-family:"Monotype Corsiva","palatino linotype", "Book Antiqua", Georgia, garamond,  Arial;
	clear: left;
	margin-bottom: 2px;
	margin-top:4px;
	}
h3, h4, h5, h6 {
	font-family:"palatino linotype", "Book Antiqua", Georgia, garamond, "Monotype Corsiva", Arial;
	clear: left;
	}

h3, h4 {
	margin:2px 0px;
	}
	

.centercol {
	width: 53%;
	float:left;
	}
	
.leftcol {
	width: 49%;
	float:left;
	}

	.rightcol {
	width:50%;
	float:right;
	}
.centercol_lg {
	width: 60%;
	float:left;
	}
	
	.rightcol_sm {
	width:38%;
	float:right;
	}
.column1{
	width: 59%;
	margin-bottom:15px;
	float:left;
	}
	
.column2 {
	width: 40%;
	margin-bottom:15px;
	float:right;
	}
.leftpart {
	width: 25%;
	float:left;
	}
.leftpart2 {
	width: 30%;
	float:left;
	}
.rightpart {
	width:70%;
	float:right;
	padding-top:8px;
	}
.rightpartfull {
	width:100%;
	float:right;
	padding-top:8px;
	}
.centerpartfull {
	width:100%;
	float:center;
	padding-top:8px;
	}
/* to create a table via css */
div.row {
	width: 100%; 
	clear: both;
}
.col1, .col2, .col3 
{	width:33%;
	float:left;
	margin: auto;
}
.c1, .c2, .c3, .c4, .c5 
{	width: 20%;
	float:left;
}
.c1, .c2, .c3, .c4, .c5 
{	width: 20%;
	float:left;
}

.leftcol_Blank
{	width: 20%;
	float:left;
} 

.leftcol_Adobe
{	width: 100%;
	float:left;
	border: solid 0px;
	padding-left: 3px;
	font-size: 16px;
	text-align: center;
}


.leftcol_Tips  
{	width: 100%;
	float:left;
	background-color: #ffffff;
	border: solid 1px black;
	padding-left: 3px;
	font-size: 16px;
	text-align: center;
}
.leftcol_Tips a:visited, .leftcol_Tips a:link
{	text-decoration: none; }

.rightcol_Tips
{	width: 75%;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	font-size: 14px;
}

.leftcol_Treats  
{	width: 100%;
	float:left;
	background-color: #ffffff;
	border: solid 1px black;
	padding-left: 3px;
	font-size: 16px;
	text-align: center;
}
.leftcol_Treats a:visited, .leftcol_Treats a:link
{	text-decoration: none; }

.rightcol_Treats
{	width: 75%;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	font-size: 14px;
}

.leftcol_Challenge  
{	width: 100%;
	float:left;
	background-color: #ffffff;
	border: solid 1px black;
	padding-left: 3px;
	font-size: 16px;
	text-align: center;
}
.leftcol_Challenge a:visited, .leftcol_Challenge a:link
{	text-decoration: none; }

.rightcol_Challenge
{	width: 75%;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	font-size: 14px;
}

.pic_Left
{	width: 50%;
	float: left
}
.pic_Right
{	width: 50%;
	float: left;
}
	
	
	
	
ul li, ol li {
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	padding:3px;
	}
/* meeting program list */
.programlist ul li {
	list-style-position: outside;
	list-style-image:url(graphics/ministar.jpg);
	margin: 0px 0px 0px 0px;
	padding:5px;
}
.boardlist ul li {
	list-style-position: outside;
	list-style-image:url(graphics/ministar2.jpg);
	margin: 0px 0px 0px 0px;
	padding:2px;
}
	
/* IMAGE DEFINITION */
a img {
	border:0;
	}
	
a:hover img {
	border:0;
	}
	
img {
	padding:0;
	margin:0;
	}
.header img { 
    padding:2px 2px;
	}
	
/* defines website contact information */
.webm {
	font-size:small;
	margin:50px 0px 0px 0px;
	clear:both;
	}
	
/* for copyright credit */
.credit, .tiny {
font-size:x-small;
}

/* for tables */
tr.odd {
	background-color:#E6CCFF;
}

th {
	background-color:#CC99FF;
	}
	
/* fat chance stylings */

.past {
	color:#999999;
	}
.thismonth {
	color:#FF3300;
	font-weight:bold;
	font-size: 14px;
	}
.return {
	clear:both;
	}

/* for quilt show ext. info. list */
.diamond ul {
list-style-type:circle;
}


									
.libraryTitle {	Font-Size: 14px;
text-decoration: none;
Color: #000000;
font-weight: bold;	}

.librarySubTitle {	Font-Size: 14px;
text-decoration: none;
Color: #000000;
font-weight: normal;												}

.libraryBody {	Font-Size: 14px;
text-decoration: none;
Color: #000000;
font-weight: normal;												}