A:link 			{ color: #B99335; text-decoration: none}
A:visited 		{ color: #B99335; text-decoration: none}
A:active 		{ color: #B99335; text-decoration: none }
A:hover 		{ color: #B99335; text-decoration: underline }

gP 			{ margin: 0px; padding: 0px 0px 10px 0px; }
P 			{ margin-top: 0px; }
TD, LI	 		{ font-family: tahoma, verdana, helvetica, sans-serif; font-size: 11px; color: #333 }
BODY			{ background-color: #fff; font-family: helvetica, tahoma, verdana, arial; font-size: 11px; color: #333 }
H1			{ font-size: 12px; color: #222; padding-bottom: 0; border-bottom: 1px solid #aaa; margin-bottom: 10px }
P B, P STRONG		{ color: #000 }
.mceContentBody		{ margin: 5px; }
HR.listSeparator	{ border: 1px solid #1e1e1e; border-bottom: 1px dotted #dadada; width: 80% }


UL#menu			{ background: transparent url(images/menu.gif) no-repeat 0px 0px; height: 49px; font-size: 12px; text-align:left; padding: 0px; margin: 0px; list-style: none }
UL#menu LI		{ float: left; margin: 0px; }
UL#menu A 		{ background: transparent url(images/menu.gif) no-repeat; display: block; height: 49px; text-indent: -9000px; text-decoration: none; overflow: hidden; }

#menu #home A		{ background-position: 0px 0px; width: 76px; margin-left: 0px; }
#menu #home A:hover,
UL#menu.home #home A	{ background-position: 0px -49px; }

#menu #agency A		{ background-position: -76px 0px; width: 79px; margin-left: 0px; }
#menu #agency A:hover,
UL#menu.agency #agency A	{ background-position: -76px -49px; }

#menu #dj A		{ background-position: -155px 0px; width: 57px; margin-left: 0px; }
#menu #dj A:hover,
UL#menu.dj #dj A	{ background-position: -155px -49px; }

#menu #artist A		{ background-position: -212px 0px; width: 82px; margin-left: 0px; }
#menu #artist A:hover,
UL#menu.artist #artist A	{ background-position: -212px -49px; }

#menu #venues A		{ background-position: -294px 0px; width: 82px; margin-left: 0px; }
#menu #venues A:hover,
UL#menu.venues #venues A	{ background-position: -294px -49px; }

#menu #eventmgmt A		{ background-position: -376px 0px; width: 78px; margin-left: 0px; }
#menu #eventmgmt A:hover,
UL#menu.eventmgmt #eventmgmt A	{ background-position: -376px -49px; }

#menu #audio A		{ background-position: -454px 0px; width: 70px; margin-left: 0px; }
#menu #audio A:hover,
UL#menu.audio #audio A	{ background-position: -454px -49px; }

#menu #gallery A		{ background-position: -524px 0px; width: 83px; margin-left: 0px; }
#menu #gallery A:hover,
UL#menu.gallery #gallery A	{ background-position: -524px -49px; }


.news-top-content	{ font-size: 11px; padding-left: 7px; padding-right: 5px; color: #1e1e1e }
.news-top-content A:visited, .news-top-content A:link, .news-top-content A:active { color: #FFFFFF; text-decoration: underline; }
.news-top-content A:hover { color: #FFFFFF; text-decoration: none; }

.news-top-title		{ padding-top: 5px; text-align: center }
.news-top-separator	{ padding-top: 5px; padding-bottom: 5px; text-align: center }

.content-box		{ vertical-align: top; padding: 17px 0 10px }

.page-title h1		{ font: normal 18px arial; color: #2222; text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; padding-left: 1px; border: 1px solid #aaa; border-left: 0; border-right: 0 }
.page-title-spacer	{ height: 10px }
.content-area, .content-area P	{ line-height: 150% }
.content-area IMG	{ border: 1px solid #444 }

IMG.contentImage	{ border: 1px solid #444 }
IMG.galleryThumb	{ border: 1px solid #444; margin-left: 5px }
IMG.bannerImage		{ border: 2px solid #ba8e23 }
IMG.clearPixel		{ border: 0px }

.footer {
	padding-top: 2px; 
	color: #EEEEEE; 
	font-size: 10px; 
	text-align: center;
}
.footer A:visited, .footer A:link, .footer A:active { color: #EEEEEE; text-decoration: none; }
.footer A:hover { color: #444444; text-decoration: underline; }

.audioFiles DIV		{ padding-bottom: 5px }
DIV.afTitle		{ font-size: 14px; font-weight: bold; padding-top: 10px; color: #333; border-bottom: 1px solid #999; margin-bottom: 10px; padding-bottom: 3px }

DIV.artistList		{ padding-left: 10px; padding-bottom: 3px; color: #333; padding-bottom: 1px; margin-bottom: 3px; padding-top: 10px }






/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	display: none;
	position: absolute;
	top: 1.0em; margin-top: 35px; /* I'm using ems and px to allow people to zoom their font */
	left: -1px;
	width: 100px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	top: -1px; margin-top: 0;
	left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	display: block;
	position: relative;
	background: #b99335;
	border: 0px;
	margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	float: none;
	margin: 0;
	margin-bottom: -1px;
}
.menulist ul>li:last-child {
	margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
	display: block;
	padding: 0px;
	color: #FFFFFF;
	text-decoration: none;
}

.menulist ul li a, .menulist ul li a:active, .menulist ul li a:visited {
	display: block;
	padding: 4px;
	color: #FFFFFF;
	border: 1px solid #edd075;
	text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #a6790e;
}
.menulist a.highlighted {
	color: #FFFFFF;
	text-decoration: underline;
	//background-color: #C86;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
	display: none;
}
.menulist ul a .subind {
	display: block;
	float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
	float: left;
}
.menulist ul a {
	float: none;
}
/* \*/
.menulist a {
	float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */