LI,P,TD,BODY,BLOCKQUOTE,UL {
		font-family: Tahoma,Verdana,Arial,sans-serif; 
		font-size: 12px;
		line-height:140%;
	}
	blockquote
	{
		font-style:italic;
		background-color:#EEEEEE;
		padding:3px;
	}
	BODY	
	{
		background-color:#FFFFFF;    
		margin:0;
	}
	H1,H2,H3,H4 {
		font-family: Tahoma, "Arial black", Georgia, Times New Roman; 
		color: #005366;
		color: #333333;
	}
	H1 {font-size: 20px}
	H2 {font-size: 18px; padding-top:9px;}
	H3 {font-size: 16px}
	H4 {font-size: 14px}
	A,A:visited 
	{
		color:#003399;
		text-decoration:none;
		font-weight:bold;
	}
	A:hover 
	{
		text-decoration:underline;
		color:#003399;
	}
	INPUT, SELECT, textarea {
		font-family: Arial, sans-serif;
	}
	textarea {font-size:12px;}
	
	TD {padding:0}

	UL {list-style:url('/images/gray-bullet.gif') outside}
	UL UL {list-style:disc;}
	UL.left
	{
		padding-left:16px;
		margin-left:5px;
		text-align:left;
	}	
	ol
	{
		padding-left:26px;
		overflow:auto;
	}	
	img
	{	border:none }

	/* text characteristics */
	.small {font-size: .9em;line-height:13px}
	.red {color: #FF0000}
	.gray {color: #999999}
		
	/* table or cell characteristics */
	.bluebar
	{
		background-image:url('/images/bg/smaqua.png');
		background-repeat:repeat-x;
		text-align:center
	}
	.searchResult
	{
		padding-left: 12px;
		padding-bottom: 12px;
		padding-right:12px;
		background-color:#DDEEFF;
	}
	.searchResultsHeader td
	{
		border-top:thin black solid;
		border-right:thin black solid;
		border-left:thin black solid;
		text-align:center;
	}
	.searchResults
	{
		/* width:100%; */
	}
	
	.searchForm
	{
		display:none;
	}
	
	.capsulehead
	{
		font-size:14px;
		font-family: Tahoma, "Arial Black", Georgia, Times New Roman; 
		color: #005366;
		color: #333333;
	}	
	
	.capsuletitle
	{
		margin-top:10px;
		margin-bottom:5px;
	}	
	
	.tags
	{
		margin-top:10px;
		padding:5px;
		border:thin solid  #A6A7A7;
		clear:both;
		overflow:auto;
		background:white;
		margin-top:15px;
		margin-bottom:15px;
	}
	
	
	/******************/
	/* nagivation bar */
	/******************/
	
	table.grayback	/* table containing entire nav system */
	{
		background-image: url(/images/bg/gray.png);
		padding:0;
		padding-bottom:0px;
		margin: 0px 0px 6px 0px;
		margin:0;
		border-collapse:collapse;
		width:100%;
	}
		
	
	/* first line of nav containing logo, ad, lang flags, and login buttons */
	
	.logoblock	{	/* ChoralNet logo */
		height: 68px;
		width:100%;
		border-width:0;
		padding:0;
		margin:0;
		border-spacing:0;
		border-collapse:collapse;
	}
	table.logoblock td
	{
		padding:0;
		margin:0;
		text-align:center;
		vertical-align:top;
	}

	.site-slogan	/* the global choral community */
	{
		text-align: left;
		text-transform: uppercase;
		text-indent: 5px;
		font-size: 8pt;
		color: #005566;
		font-weight:bold;
		vertical-align: middle;
		padding: 1px 1px 3px 12px;
		letter-spacing: 5px;
	}
	
	.adblock	/* contains display ad */
	{
		width:100%;
		text-align:center;
		vertical-align: middle;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	
	.langbutton /* language flags */
	{
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left:4px;
	}
	
	.loginlink	/* login button */
	{
		background-image: url(/images/bg/button.gif);
		background-repeat: repeat-x;
		min-width: 120px;
		text-align: left;
		border: 1px solid #888888;
		padding: 2px 10px 2px 10px;
		font-weight:bold;
		white-space:nowrap;
	}
	
	#menu-login, #menu-search
	{
		position:absolute;
		z-index:5;
		visibility:hidden;
		/* background-image:url('/images/bg/gray.png'); */
		background:#EEEEEE;
		text-align:left;
		padding:5px;
		/*
		border-left:solid thin black;
		border-bottom:solid 1px black;
		border-right:solid 1px black;
		*/
		border:gray thin solid;
		color:#00339B;
		opacity:.88;
		filter:alpha(opacity=88); /* IE hack */
		top:17px;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
	}
	#menu-login
	{
		left:-80px;
	}
	#menu-search
	{
		left:-40px;
		padding:5px 10px 10px;
	}
	#menu-login a
	{
		color:#003399
	}
	
	/* second line; contains nav buttons and search form */
	
	.second-line
	{
		width:100%; 
		margin:0; 
		border:0; 
		padding:0;
		border-collapse:collapse;
		background: url(/images/bg/bigltslateinv.png) repeat-x bottom;
	}
	.navbar	/* div containing nav buttons */
	{
		margin-bottom:0;
		padding-bottom:0;
		height:17px; 
		/* vertical-align:bottom; */
	}
	
	.navbar img
	{
		 vertical-align:bottom; 
	}
	
	.topmenu	/* individual nav button 	*/
	{
		text-align:center;
		padding: 2px 18px 1px 3px; /* top right bottom left */
		margin-left:2px;
		white-space:nowrap;
		margin-bottom:0;
		border-bottom:0;
		vertical-align:bottom;
		position:relative;
		border-top-left-radius:6px;
		border-top-right-radius:6px;
	}
	.topmenu a,
	.topmenu a:visited
	{
		color:white;
		font-weight:bold;
		font-family:Arial, sans-serif;
	}
	.topmenu a:hover
	{
		color:white;
		font-weight:bold;
		text-decoration:underline;
	}
	.with_triangle
	{
		padding-right:5px;
	}
	
	
	/* drop-down menus */
	.dropdown
	{	
		position: absolute;
		left:0;
		top:17px;
		visibility: hidden;
		opacity:.88;
		filter:alpha(opacity=88); /* IE hack */
		margin: 0;
		padding: 0;
		background:#E5E7EC;
		background:#eeeeee;
		border:gray thin solid;
		border-top:none;
		z-index:200;
		border-bottom-right-radius:6px;
		border-bottom-left-radius:6px;
		text-align:left;
	}

	.dropdown a,
	.dropdown a:visited
	{
		color: #00186A;
		position: relative;
		display: block;
		margin: 0px;
		padding: 3px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	}
	.dropdown div /* used for non-clickable items */
	{
		font-style:italic;
		padding: 1px 10px 3px 15px;
		cursor:pointer;
		margin: 0px;
		white-space: nowrap;
		text-align: left;
	}

	.dropdown a:hover
	{
		background: #D4D8DF;
		color:black;
		position: relative;
		display: block;
		margin: 0px;
		padding: 3px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	}
	
	/* chat items in community menu */
	.chatMenuItem
	{
		color:#E05E2C !important;
	}

	.shiftleft /* variant of dropdown */
	{
		right:0px;
		left:auto;
	}
	
	.modMenu
	{
		background:url('/images/bg/navy.png') repeat-x;
		overflow:hidden;
		min-height:0;
		bottom:0px;	
		left:0px;
		padding-top:1px; 
		padding-bottom:0;
		position:absolute;
		margin-left:0;
		min-height:0px;
		height:0px;
	}
	
	/* breadcrumb line */
	.crumb {padding-bottom:3px;
		background:#C4CBDE url(/images/chevron1.png) no-repeat right;
		padding-right:20px;
		padding-bottom:2px;
		padding-left:5px
		}
		
	/* last breadcrumb */
	.lastcrumb {
		background:#C4CBDE url(/images/chevron2.png) no-repeat right;
		padding-right:25px;
		padding-bottom:2px;
		padding-left:5px;
	}
	
	.searchbar /* td containing search form */
	{
		padding: 0px 5px 2px 6px; /* top right bottom left */
		text-align:right;
		float:right; 
		white-space:nowrap;
		margin-left:10px;
		background:url(http://localhost:8888/images/bg/bigltslateinv.png) repeat-x 50% 100%
	}
	
	.searchbar form	/* search form */
	{
		margin:0;
		padding:0;
	}
	INPUT.sbbutton	/* search button */
	{
		color:#003399;
		background-image: url(/images/bg/button.gif);
		font-family: Arial, sans-serif;
		border: 1px solid #888888;
		padding: 1px 10px 1px 10px;
		margin-bottom:0;
		font-size: 12px;
		font-weight:bold;
	}

	INPUT.sbsearch	/* search input field */
	{
		border: 1px solid #888888;
		font-size: 12px;
		margin: 3px 0 ;
		padding: 2px 2px 2px 2px;
		width: 154px;
	}
	
	/********/
	
	/* breadcrumb bar */
	.breadcrumb
	{
		padding-left:3px;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:3px;
	 	background:white; 
	}
	/* users have bouncing mail */
	.bouncing {
		float:right; 
		color:green;
		font-size:8pt;
		padding-right:5px;
		overflow:hidden;
		white-space:nowrap;
	}
	
	/* social bar including FB, Twitter, G+ */
	.social {
		padding:3px;
		padding-bottom:5px;
	}

	/* main container of content area */
	TABLE.main	{
		width:100%;
		border-width:0;
		padding:0;
		margin:0;
		border-spacing:0;
		border-collapse: collapse;
		margin-top:2px;
	}
	
	table.main td	{
		vertical-align:top;
	}
	
	td.body-cell	/* cell containing body of entire page */
	{
		margin:10px;
		padding-left: 20px;
		padding-right:20px;
		width:auto;
		position:relative;
		padding-bottom:85px;
	}
	
	/* navigation tabs for choir, groups, etc */
	.navtabs {
		width:100%;
		border-top: 5px solid #0A479D;
		margin-bottom:20px;
		white-space:nowrap;
	}
	.navtabs ul {
		margin:0;
		margin-left:40px;
		padding:0;
		list-style:none;
	}
	.navtabs li {
		display:inline;
		margin: 0 2px 0 0;
		padding:0;
	}
	.navtabs a {
		text-decoration:none;
		color:black;
		margin: 0 1px 0 0;
		padding: 5px 10px 5px 10px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-right-radius: 5px;
	}
	.navtabs li a:hover {
		background-color: #0A479D; 
		padding-top:5px;
		padding-bottom:5px;
		color:white;
	}
	.navtabs .current a {
		background-color: #0A479D;
		padding-top:5px;
		padding-bottom:5px;
		color:white;
	}
	
	.subnav {
		padding-left:40px;
		padding-top:5px;
	}
	
	.alphabet, .alphabet a {
		font-size:14px;
	}
	
	
	
	/* sidebar */
	
	.sidebar	/* div within sidebar */
	{
		margin:0;
		background-color:white;
		border-left: #A6A7A7 thin solid;
		width:170px;
		padding:4px;
		margin-right:10px;
		padding-bottom:80px;
	}
/* section of sidebar with colored bg; some modules redefine this style to have a different-colored bg image */
	.sidebarframetop	
	{
	}
	
	.sidebarframe	/* standard sections of sidebar such as Partners */
	{
		background-image:url("/images/bg/smltslate.png");
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		background-repeat:repeat-x;
		padding:2px;
		font-size:9pt;
	}
	
	.sidebartitle	/* headline at top of sidebarframe */
	{
		font-weight:bold;
		text-align:center;
		padding-bottom: 2px;
		padding-top:2px;
	}
	
	/* sidebar items */
	#smpframe, #amazonframe {
		border:thin solid gray;
		margin-right:20px;
		margin-left:20px;
	}

	/* content of node */	
	
	.subtitle
	{	
		font-style:italic;
		margin-bottom:5px;
		padding-left:20px;
	}
	
	.actionButtons
	{
		float:right;
		text-align:right;
		white-space:nowrap;
		margin-top:22px;	/* to align with header */
		position:relative;  /* so that absolute div will work */
	}
	.actionLink		/* link within such button */
	{
		background-image: url(/images/bg/button.gif);
		background-repeat: repeat-x;
		border: 1px solid #DDDDDD;
		padding: 2px 10px 2px 10px;
		font-weight:bold;
		border-radius:4px;
	}

.untag, .untagv		/* similar to actionLink, used for "Make editor" buttons */
{
	background-image: url(/images/bg/button.gif);
	background-repeat: repeat-x;
	border: 1px solid #DDDDDD;
	padding: 0px 10px 0px 10px;
	font-weight:bold;
	display:none;
}
.untagv	/* same but visible */
{
	display:inline;
}

	/* subscription options */
	.suboptions
	{
		position:absolute;
		right:3px;
		top:17px;
		text-align:left;
		padding:5px;
		background-color:#eeeeee;
		border:solid gray thin;
		visibility:hidden; 
		z-index:1;
		
	}
	
	.byline	/* by Joe User */
	{
		font-style:italic;
		margin-top:0;
		padding-top:0;
	}
	
	
	table.title	/* title of node */
	{
		margin-bottom:0;
		padding-bottom:0;
		width:95%;
		border-collapse: collapse;
	}
	
	table.flag	/* user flag */
	{
		margin: 10px;
		width:95%;
		border-collapse: collapse;
		background-color:#EEEEFF;
		padding: 10px;
	}
	table.flag td
	{
		padding: 10px;
	}
	
	.status	/* status pending moderation, deleted, etc. */
	{
		color: #005367;
		margin-bottom:10px;
	}
	
	.node
	{
		margin-top:12px;
		overflow-y:auto;
	}
	.node img
	{
		margin:10px;
	}
	.popcapsule img
	{
		margin:5px;
	}
	.infoline img
	{
		margin:0;
	}
	.actionLink img
	{
		margin:0;
	}
	.byline img
	{
		margin:0;
	}
	
	.dimmed
	{
		background-color:#F0F0F0;
	}
	
	/* form table */
	table.form-table
	{
		border-collapse:collapse;
		width: 95%;
		clear:both;
	}
	td.form-tip	/* explanatory text */
	{
		font-family:Arial,sans-serif;
		font-size:11px;
		padding-bottom: 5px;
		padding-right:5px;
	}
	td.form-valindent	/* indented item, for radio buttons and the like */
	{
		padding-left: 20px;
	}
	
	td.form-descr, td.form-descr-mandatory	/* user-viewable field name in form */
	{
		vertical-align:top;
		padding-top: 3px;
		font-weight:bold;
		text-align:right;
		padding-right:5px;
	}
	td.form-descr-mandatory
	{
		color:red;
	}
	td.form-value
	{
		padding-top:3px;
	}
	
	table.errors	/* table showing errors in a submitted form */
	{
		background-color:#FFCCCC;
		width:100%;
		margin-top:10px;
		margin-bottom:2px;
	}
	
	.error
	{	
		color:red;
	}
	
	.popcapsule	/* frame containing content opened via JS pop-open */
	{
		display:none;
		border:thin solid gray;
		padding:3px;
		overflow-y:auto;
	}
	.popcapsule h4
	{
		margin-top:5px;	/* default = 17 */
	}
	
	/* div containing "previous page" and "next page" buttons */
	.paging
	{
		background-color:#DDDDDD;
		background-image: url(/images/bg/gray.png);
		text-align:center;
		padding:3px 3px 0px;
		border-right:#888888 thin solid;
		border-bottom:#888888 thin solid;
		border-top:#EEEEEE thin solid;
		border-left:#EEEEEE thin solid;
		margin:0;
		clear:both;
	}
	.paging a
	{
		padding:1px 8px;
		margin:2px;
		border:thin gray solid;
		background:white;
	}
	.paging a:hover
	{
		border:thin black solid;
		text-decoration:none;
	}
	.paging b
	{
		padding:1px 8px;
		margin:2px;
	}
	.paging .ghost
	{
		padding:1px 8px;
		margin:2px;
		border:thin gray solid;
		font-weight:bold;
		color:gray;
	}
	
	
	/* embedded photos */
	.embed
	{
		border:0;
		padding:5px;
	}
	.node img
	{
		border:0;
		padding:5px;
	}
	
	.grayback .embed
	{
		padding:0;
	}
	
	.caption
	{
		text-align:center;
	}
	.capsule .caption,
	.sidebar .caption
	{
		margin-left:auto;
		margin-right:auto;	
	}
	
	/* Comment blocks */
	.commentblock
	{
		border:1px solid #CCCCCC;
		border-spacing:0;
		margin: 10px;
		margin-right:3px;
		padding-bottom: 5px;
		clear:both;
		background-color:white;
	}
	.commentblock.dimmed
	{
		background-color:whiteSmoke;
	}
	.commenthead
	{
		padding-left: 5px;
		background-color: #EEEEFF;
	}
	.dimmed .commenthead
	{
		background-color: #ddddee;
	}
	.commentbody
	{
		padding-left: 8px;
		padding-right:3px;
	}
	.cblock
	{
		padding: 5px;
		visibility: hidden;
		position: absolute;
	}

	.editComment	/* "Edit" link at the right for comments */
	{
		float:right;
		padding-right:5px;
	}
	
	/* forum block */
	/* also used by classifieds and announcements */
	.catlist
	{
		width:100%;
	}
	.catdate, .catDateLeft
	{
		font-size:smaller;
		white-space:nowrap
	}
	.catdate {
		padding-left:15px;
	}
	
	.listItem,
	.listRightItem
	{
		padding: 3px;
		width:50%;
		width:auto;
	}
	.listRightItem a
	{
		font-weight: normal;
	}
	.cmore 
	{
		color:white;
		//background-color:#8E9FC5;
		padding-left:2px;
		padding-right:2px;
	}
	.cathome
	{
		width:100%;
	}
	.cathome td {width:50%}
	.cathead
	{
		font-size:16px;
		color:#333333;
		font-weight:bold;
		padding-top:5px;
		padding-left:7px;
		font-family: Tahoma, "Arial Black", georgia, times new roman;
	}
	.cathead a
	{
		color:#333333;
	}
	.biglemon
	{
		background-image:url('/images/bg/biglemon.png');
		background-repeat:repeat-x;
	}
	.biglemon ul
	{
		/* background-color:#FCF8D0; */
	}
	.biglemon img
	{
		border:0;
	}
	a
	{	
		outline:none;
	}
	a:focus
	{
	-moz-outline-style: none;
	}	
	a.plain	
	{
		font-weight:normal;
	}
	
	/* special forum posts */
	.rqtitle
	{
		font-weight: bold;
		color: #003300;
	}
	
	/* log display */
	.logtable
	{
		width:100%;
	}
	.logtable td
	{
		margin:1px;
		background-color:#EEEEEE;
	}
	
	/* search results */
	.searchsidebar {
		float:left;
		padding:5px;
		margin-right:10px;
		margin-bottom:10px;
		border:thin solid;
		margin-top:15px;
	}
	.searchsidebar div
	{
		font-weight:bold;
		padding:2px;
		padding-left:8px;
	}

	
	
	/* footer */
	.footer, .footer p,.footer a,.solidfooter, .solidfooter p,.solidfooter a
	{
		font-size: .9em;
		line-height:13px;
		text-align:center;
	}
	.footer, .solidfooter
	{
		width:100%;
		position:fixed;
		bottom:0px;
		z-index:10;
		vertical-align:bottom;
		height:28px;
		overflow:visible;
		background:#CBCCCC;
		background-image:url(/images/bg/smsilverinv.png);
		background-repeat:repeat-x;
		padding-top:8px;
		clear:both;
	}
	.footer
	{
		display: none; /* shown via javascript */
	}
	.footerleft, .footerright
	{
		position:fixed;
		bottom:0px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
	}
	.footer .footerleft, .footer .footerright
	{
		display:none; /* shown via javascript */
	}
	.footerright
	{		
		right:0px;
	}
	.footerright img , .footerleft img
	{
		
	}
	.footerpartnerlogo 
	{
		background-color:#CBCCCC;
		background-image:url(/images/bg/smsilverinv.png);
		background-repeat:repeat-x;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		vertical-align:top;
		padding-top:8px;
		padding-left:2px;
		padding-right:2px;
		margin-left:1px;
		margin-right:1px;
	}
	#closebox {
		vertical-align:
		bottom;
		background:#CBCCCC;
		padding-right:0;
		cursor:pointer;
		margin-bottom:10px;
		padding-left:2px;
	}
	.footermobile
	{
		background:#CBCCCC;
		background-image:url(/images/bg/smsilverinv.png);
		background-repeat:repeat-x;
		padding-top:8px;
		font-size: .9em;
		line-height:13px;
		text-align:center;
		clear:both;
	}