@charset "utf-8";
body  {
	font: 100% "Times New Roman", Times, serif Georgia, "Times New Roman", Times, serif;
	
	background-image:url('cynbk.png');
background-repeat:repeat;	
	margin: 8px ; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixRtHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #E2C194;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #800000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:8px;
	
} 


.twoColFixRtHdr #header { 

	background:#D29F59;
	text-align:center;
	margin-bottom: 8px;
	padding: 1px;
} 
.mainheaders{
	font: bold 18px Georgia;
}
.maintext{
	font: normal 16px Georgia;
}
.brown{
	color:#400000;
	text-align:center;
	font:"Times New Roman", Times, serif;
	
}
.organize{
	color:#900;
	
}
.site {
	color:#AE0000;
	padding: 0 5px;
	font:"Times New Roman", Times, serif;
}
.twoColFixRtHdr #container #header   #mainContent    {
	color: #B9FFB7;
	
}
.logo{
	color:#AE0000;
	font-family:  "Times New Roman", Times, serif;
}




.twoColFixRtHdr  h2 {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	
}




#navbar {
	margin: 0;
	padding: 0;
	height: 2em;
	width:auto;
	font:100% Georgia, "Times New Roman", Times, serif  ;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc; 
	
	
	}
#navbar li {
	list-style: none;
	float: left; 
	}
#navbar li a {
	display: block;
	padding:6px 13px;
	background-color:  #f2f2f2;
	color: #069;
	text-decoration: none; }
#navbar li ul {
		
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #FFF;
	}
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li {
	float: none; }
#navbar li:hover li a {

	border-bottom: 1px solid #fff;
	color: #069; }
#navbar li li a:hover {
	background-color: #fff;
	color: #c00;
	}
	#navbar li a:hover {
	color: #c00;
	background-color: #fff;
}
	
	
.twoColFixRtHdr #sidebar1 {
	text-align:center;
	color:#FFF;
	float: right;
	padding:0 3px 6px 3px;
	margin:8px 0;
	font:100% "Times New Roman", Times, serif;/* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #A32721; /* the background color will be displayed for the length of the content in the column, but no further */
}


.twoColFixRtHdr #mainContent { 
background:#DCB57E;
color:#400000;
border:1px;
left:auto;
font-size:16px;
font-style: normal;

	margin:8px 215px 8px 0px ; 
	/* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
		padding:  8px ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		font-family: Georgia, "Times New Roman", Times, serif;
	
}

#descriptions{
	border:1px solid #0F6;
	background:#CC9;
	padding:5px;
	}
	#cyndi{
	border:#900;
	background:#FFDBB7;
	padding:3px 6px;
	}
	
#navcontainer
{
background: #f0e7d7;
margin:0 1px; 
padding: 0 ;
font-family: georgia, serif;
text-transform: lowercase;

}

/* to stretch the container div to contain floated list */


ul#navlist
{
list-style: none;
padding: 0 ;
margin:1px;
font-size: 13px;
text-align:center;

	
}

ul#navlist li
{
display: block;
float: left;
width:105px;
margin: 1px;
padding: 0;

}

ul#navlist li a
{
display: block;
padding: 0;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}



ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}



.left
{
        float: left; /*left in our text*/
        margin: 6px; /*space around the image*/
}


/*float right*/
.right
{
         float: right; /*right in our text*/
         margin: 3px; /*space around the image*/
}
img{
margin:0 8px;
border: 1px solid #800000;
}


/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:5px;
		border:1px solid #999;	
		padding:6px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
	float:left;
	position:absolute;
	top:-20px;
	left:-48px;
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
ul#thumbs, li#thumbs{
			
display:block;
			}
		/*  \*/
ul#thumbs, li#thumbs{
min-height:1%;
			}
* html ul#thumbs, * html li#thumbs{
height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;

}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


.twoColFixRtHdr #footer { 
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#AF7E5F; 
} 
.twoColFixRtHdr #footer p {
	background:#D29F59;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#AE0000;
	text-align: center;
	font-weight: bold;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


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