/* BODY ------------------------------------------------------------ */
*
{
	margin  : 0;
	padding : 0;
	border  : none;
}

body, td
{
	color           : black;
	font-family     : "Lucida Grande", Verdana, sans-serif;
	font-size       : small;
}

body
{
	margin              : 0;
	padding             : 0;
	background          : white url(./images/css/cherrylogo.png) no-repeat fixed;
	background-position : 0 0;
}

#wrapper 
{
	position        : absolute;
	padding         : 0;
	margin-top      : 80px; 
	margin-bottom   : 10px;
	
	right           : auto;    
	left            : 50%;
	width           : 800px;   /* page width (w) */
	margin-left     : -400px;  /* w/2            */

	border-top      : 1px solid #d2d6d9;
	border-left     : 1px solid #d2d6d9;

	background          : white url(./images/css/cherry_fade.png) no-repeat fixed;
	background-position : 0 0;
	
}

#wrapperinner
{
	margin  : 0;
	padding : 0;
	z-index : 100;

	background          : transparent url(./images/css/cherrydrawcroprot2.png) no-repeat;
	background-position : bottom right;
}

#maintext 
{
	float    : left;
	padding  : 10px;
	margin   : 10px 20px 10px 10px;
	width    : 590px;
}

#footer
{
	clear      : both; /* clear maintext and menu */
	height     : 64px;
	margin     : 10px 10px 0 10px;
	padding    : 10px 10px 10px 70px;
	font-size  : 80%;
	background : transparent url(./images/css/scroll.png) no-repeat top left;
}

#footer p
{
	margin: 0 0 6px 0;
}

/* MENU ------------------------------------------------------------ */

#menu 
{
	float       : right;
	padding     : 0px;
	margin      : 10px 0px 10px 0;
	width       : 150px;
	
	/* background  : #f1eded url(./images/css/menu.png) no-repeat;
	border      : 2px solid #ecd1d8;
   */

	border      : 1px solid #d2d6d9;
	font-size   : 95%;
}

#menu ul
{
	margin  : 0;
	padding : 0;
}

#menu ul li
{
	margin     : 0;
	padding    : 0px 0px 0px 10px;
	list-style : none;
}

#menu ul li, #menu a
{
	line-height   : 3em;
	height        : 3em;
}

#menu a
{
	text-decoration : none;
	color           : #3c0000;
	display         : block;
}

#menu li.selected
{
	background : black url(./images/css/highlight.png) no-repeat;
	color      : white;
}

#menu a:hover
{
	color : gray;
}

#menu li.selected a
{
	color : white;
}

/* HEADERS and TYPOGRAPHY -------------------------------------------------- */

#maintext h1
{
	font-size       : 125%;
	text-decoration : underline;
	margin-bottom   : 2em;
}

#maintext h2
{
	font-size     : 115%;
	font-weight   : normal;
	display       : block;
	border-bottom : 1px solid black;
	margin        : 2em 0 1em 0;
}

#maintext h3
{
	font-size       : 110%;
	font-weight     : normal;
	text-decoration : underline;
	margin          : 1em 0 1em 0;
}

#maintext p, div.graphic, table, #maintext ul
{
	margin        : 0 0 20px 0;
}

#maintext h2, #maintext h2, #maintext h3
{
	clear : both;
}

#maintext p
{
	/* text-align: justify; */
}

#maintext ul, #maintext ol
{
	margin-left : 2em;
}

/* LISTS -------------------------------------------------------- */

#maintext li
{
	margin-bottom : 0.5em;
	text-align    : justify;
}

#maintext ul
{
	list-style      : square;
}

/* LINKS -------------------------------------------------------- */

#maintext a, #maintext a:visited, #maintext a:active, #footer a, #footer a:visited, #footer a:active
{
	color           : #762510;
	text-decoration : none;
}

#maintext a:hover, #footer a:hover
{
	border-bottom: 1px solid #762510;
}

a.imageLink:hover
{
        border: none !important;
}

a img
{
	border: none; /* for IE7 */
}

/* TABLES -------------------------------------------------------- */

.colTable, .colTableInner
{
	border          : 1px solid black;
	padding         : 10px;
	border-collapse : collapse;
}

.syllTable td
{
	vertical-align : top;
	padding        : 10px;
	width          : 50%;
}
 
.syllTable td.innerTitle
{
	border-bottom : 1px solid black;
	padding       : 2px;
}

.syllTable ul
{
	margin  : 0;
	padding : 0;
}

.syllTable ul li
{
	list-style-position : inside;
	margin              : 0;
	padding             : 0 0 0 5px;
}
 
.syllTable h3
{
	text-decoration    : none !important;
	margin             : 0 0 2px 0;
	padding            : 0;
}

/* GALLERIES ----------------------------------------------- */

.imageGroup
{
 		clear           : both;
}

.image .imageComment
{
        font-size       : 80%;
}

.image
{
		background : black;
      float    : left;
		width    : 128px;
		height   : 96px;
    	margin   : 5px;
		padding  : 3px;
		overflow : hidden;
}