#content 		{width: 500px;}
.navtable a  	{color: #ABCDEF;
				padding-left: 10px;
				padding-right: 10px;
				text-decoration: none;}
.navtable a:hover	{background-color: #ABCDEF;
					color: #663366;
					text-decoration: none;}
.navtable tr  	{padding-top: 10px;}
body 			{color: #F5DEB3; 
	 			background-color: #663366; 
	  			direction: ltr;
	  			font-family: Helvetica,Arial,sans-serif;}
a 			{color: #32CD32;
				text-decoration: none;}
a:hover		{text-decoration: underline;}
#toplogo 		{text-align: center;}
table.contenttable  { border: 0;
					  text-align: center;}
#blog			{font-size: smaller;}
					  
/*  Style for Blog import   */
	  
.labelfield		{ /*CSS for label field in general*/
				color:brown;
				font-size: 90%;}

.datefield		{ /*CSS for date field in general*/
				color:gray;
				font-size: 90%;}


#example2 div	{ /*CSS specific to demo 2*/
				margin-bottom: 5px;}

/*#example2 div a	{ /*CSS specific to demo 2*/
/*				text-decoration: none;
				}*/

/*  style for menu at top */

.chromestyle	{width: 99%;
				font-weight: bold;}

.chromestyle:after	{ /*Add margin between menu and rest of content in Firefox*/
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;}

.chromestyle ul	{border: 1px solid #582C58;
				width: 100%;
				background: url(http://www.purplemusic.org/graphics/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
				padding: 4px 0;
				margin: 0;
				text-align: center; /*set value to "left", "center", or "right"*/}

.chromestyle ul li	{display: inline;}

.chromestyle ul li a	{color: #32CD32;
						padding: 4px 7px;
						margin: 0;
						text-decoration: none;
						border-right: 1px solid #582C58;}

.chromestyle ul li a:hover, .chromestyle ul li a.selected
				{ /*script dynamically adds a class of "selected" to the current active menu item*/
				background: url("http://www.purplemusic.org/graphics/chromebg-over.gif") center center repeat-x; /*THEME CHANGE HERE*/
				color: #663366;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv	{position:absolute;
            	 top: 0;
				border: 1px solid #BBB; /*THEME CHANGE HERE*/
				border-bottom-width: 0;
				font:normal 12px Verdana;
				line-height:18px;
				z-index:100;
				background-color: #F5DEB3;
				width: 200px;
				visibility: hidden;}


.dropmenudiv a	{width: auto;
				display: block;
				text-indent: 3px;
				border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
				padding: 2px 0;
				text-decoration: none;
				font-weight: bold;
				color: #663366;}

* html .dropmenudiv a	{ /*IE only hack*/ width: 100%;}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background-color: #32CD32;}

.initial		{font-weight: bold;
        		 font-size: larger;}