/* CSS Document */

html, body {
	margin: 0 0 1px 0;
	padding: 0;
	color: #666666;
	background: #ffffff;

}
/* General Layout */

#page-container {
	width: 780px;
	margin: auto;
	background: #fff;
	border-left: solid 1px #BAB7D2;
	border-right:solid 1px #BAB7D2;
	color: #333;
	}

/* Top Bar */
#top {
	height: 47px;
	background: #fff ;
	background-image: url(../images/bg-top.gif);
	background-repeat: repeat-x;
}
	
/* Top Navigation */

#top-nav { 
	height: 47px;
	float:right;
	background: #fff ;
	background-image: url(../images/bg-top.gif);
	background-repeat: repeat-x;
	height: 47px;
	width:270px
 }
#top-nav ul { 
margin: 0; 
padding: 0; 
list-style:none;
}

/* IE5 Mac Hack \*/ 
#top-nav { padding-left: 0px; } 
/*/ 
#top-nav { padding-left: 0px; overflow: hidden; } 
/* End Hack */


#top-nav li { float: left; }

#top-nav li a {
	display: block;
	height: 0px !important;
	height /**/:47px; /* IE 5/Win hack */ 
	padding: 47px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}


#top-nav li#tophome a  {background-image: url(../images/top-home.gif) ; width: 42px;}
#top-nav li#topcontact a {background-image: url(../images/top-contact.gif) ; width: 88px;}
#top-nav li#topmembers a {background-image: url(../images/top-members.gif) ; width: 108px;}


/* Top Left Link */


#topleft {
	height: 47px;
	margin-right: 259px;
	padding:0 0 0 19px;

	
	}
	
h1.location {
	background: #fff
		url(../images/top-location.gif) no-repeat; 
			width: 91px; 
			height: 47px;
			text-indent: -9999em;
}


/* Header Layout */

#header {
	clear:both;
	background: #fff;
	height: 152px;
}

/* Header images */


h1.home {
	background: #fff
		url(../images/banner-home.jpg) no-repeat; 
			width: 780px; 
			height: 152px;
			text-indent: -9999em;
}

h1.about {
	background: #fff
		url(../images/banner-about.jpg) no-repeat; 
			width: 780px; 
			height: 152px; 
			text-indent: -9999em;
}

h1.help {
	background: #fff
		url(../images/banner-gethelp.jpg) no-repeat; 
			width: 780px; 
			height: 152px; 
			text-indent: -9999em;
}

h1.board {
	background: #fff
		url(../images/banner-board.jpg) no-repeat;
			width: 780px; 
			height: 152px; 
			text-indent: -9999em;
}

h1.services {
	background: #fff
		url(../images/banner-services.jpg) no-repeat;
			width: 780px; 
			height: 152px; 
			text-indent: -9999em;
}

h1.events {
	background: #fff
		url(../images/banner-events.jpg) no-repeat;
			width: 780px; 
			height: 152px; 
			text-indent: -9999em;
}

h1.newsletters {
	background: #fff
		url(../images/banner-newsletter.jpg) no-repeat;
			width: 780px; 
			height: 152px; 
			text-indent: -9999em;
}

h1.partners {
	background: #fff
		url(../images/banner-partners.jpg) no-repeat;
			width: 780px; 
			height: 152px; 
			text-indent: -9999em;
}

h1.news {
	background: #fff
		url(../images/banner-news.jpg) no-repeat;
			width: 780px; 
			height: 152px;
			text-indent: -9999em; 
}

h1.links {
	background: #fff
		url(../images/banner-links.jpg) no-repeat;
			width: 780px; 
			height: 152px; 
			text-indent: -9999em;
}
				


/* Menu */

img {
	margin: 0;
	padding: 0;
	border:0;
	}
	
	
/* Main Navigation */

#menu{
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	height: 46px;
}

/* IE5 Mac Hack \*/ 
#menu { padding-left: 0px; padding-right: 0px; } 
/*/ 
#main-nav { padding-left: 0px; padding-right: 0px; overflow: hidden; } 
/* End Hack */

#menu ul, #menu li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
	}

#menu li a, .menu li a:visited {
	padding: 0;
	margin: 0;
	display: block;
	text-decoration: none;
	color:#554f7f;
	background-repeat: no-repeat;
}

#menu li a:hover, #menu li a:active, .menu li a:hover {
	color:#554f7f;
}


/* CSS abouts - Horizontal CSS about with Dropdown and Popout abouts - 20050131 */

*{margin:0;padding:0;border:none;}


/* Begin CSS Popout about */

#about{
width:110px;
float:left;
height:46px;
}

#about a {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;
}

 
#about h2 {
	margin:0;
	padding:0;
	border:none;	
	display:block;
	color: #000;
	text-transform: uppercase;
}


#about a{
background:#fff;
color:#554f7f;
text-decoration:none;
}

#about a, #about a:visited{
color:#554f7f;
}

#about a:hover{
color:#554f7f;
background:#eee;
}

#about a:active{
color:#554f7f;
background:#fff;
}

#about ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:110px;

}

#about li{
position:relative;
}

#about ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#about ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#about h2:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#about li:hover{
cursor:pointer;
z-index:100;
}

div#about li:hover ul ul,
div#about li li:hover ul ul,
div#about li li li:hover ul ul,
div#about li li li li:hover ul ul
{display:none;}

div#about li:hover ul,
div#about li li:hover ul,
div#about li li li:hover ul,
div#about li li li li:hover ul
{display:block;}


#services{
width:103px;
float:left;
height:46px;
}

#services a {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;
}

 
#services h2 {
	margin:0;
	padding:0;
	border:none;	
	display:block;
	color: #000;
	text-transform: uppercase;
}


#services a{
background:#fff;
color:#554f7f;
text-decoration:none;
}

#services a, #services a:visited{
color:#554f7f;
}

#services a:hover{
color:#554f7f;
background:#eee;
}

#services a:active{
color:#554f7f;
background:#fff;
}

#services ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:103px;

}

#services li{
position:relative;
}

#services ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#services ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#services h2:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#services li:hover{
cursor:pointer;
z-index:100;
}

div#services li:hover ul ul,
div#services li li:hover ul ul,
div#services li li li:hover ul ul,
div#services li li li li:hover ul ul
{display:none;}

div#services li:hover ul,
div#services li li:hover ul,
div#services li li li:hover ul,
div#services li li li li:hover ul
{display:block;}
/* End of non-anchor hover selectors */

/* Styling for Expand */

#about a.x, #about a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#about a.x:hover{
color:#fff;
background:#000;
}

#about a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout about */


#events {
float: left;
width:160px;
}

#newsletters {
float: left;
width:131px;
}

#partners {
float: left;
width:109px;
}

#news {
float: left;
width:84px;
}

#links {
float: left;
width:83px;
}

/* Breadcrumbs */

#breadcrumbs {
	border-bottom:1px dotted #BAB7D2;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #554f7f;
	text-decoration: none;
	vertical-align:middle;
	margin:10px 0 0;

}

#breadcrumbs .padding{
	padding: 0 0 10px 20px;

}

#breadcrumbs a:link, #breadcrumbs a:visited {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #554f7f;
	text-decoration: none;

}

#breadcrumbs a:hover {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #554f7f;
	text-decoration: underline;

}

#breadcrumbs a:active {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #56507F;
	text-decoration: underline;

}


/* 2 Column */

#sidebar {
	margin-top:13px;
	margin-bottom:13px;
	margin-right:13px;
	float: right;
	width: 280px;
	background: #fff;
	line-height: 18px;
	border: 2px solid #BAB7D2;
	padding:0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size:12px;
}


#sidebar.homebar {
border: none;
}

.hup {
border:2px solid #BAB7D2;
margin-bottom: 13px; /* god knows why */
}

#sidebar h1 {
	background: #BAB7D2
		url(../images/bg-sidebar-h1.gif) no-repeat;
	padding:8px 0 9px 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	vertical-align:middle;
	text-indent:43px;
	
}

#sidebar .hup h1 {text-indent: 0; padding-left: 43px}

#content, #content2 {
	width:450px;
	margin-left:13px;
	margin-top:13px;
	margin-bottom:13px;
	margin-right: 280px;
	background: #fff;
line-height: 18px;
	border: 2px solid #BAB7D2;
	padding:0;
	_width: 440px;
}

#content h1, #content2 h1, #contentfull h1, #board1 h1, #board2 h1, #board3 h1, #board4 h1, #board5 h1, #board6 h1 {
	background: #BAB7D2
		url(../images/bg-sidebar-h1.gif) no-repeat;
	padding:8px 0 9px 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	vertical-align:middle;
	text-indent:43px;
	
}

#content .bold, #contentfull .bold, #content2 .bold {
	font-weight:bold;
	}

/* 1 Column */

#contentfull {	
	margin-left:13px;
	margin-top:13px;
	margin-bottom:13px;
	margin-right:13px;
	background: #fff;
	line-height: 18px;
	border: 2px solid #BAB7D2;
	padding:0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

#board1, #board2, #board3, #board4, #board5, #board6 {	
	margin-left:13px;
	margin-top:13px;
	margin-bottom:13px;
	margin-right:13px;
	background: #fff;
	line-height: 18px;
	border: 2px solid #BAB7D2;
	padding:0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #333;
}

/* Content Styles */

#content h2, #contentfull h2, #content2 h2 {
	margin: 0;
	padding: 10px 0 5px 0;
	color: #554f7f;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 14px;
	
}

#content p, #contentfull p, #board1 p, #board2 p, #board3 p, #board4 p, #board5 p,#board6 p, #content2 p, #sidebar p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

#content  ul li, #contentfull ul li, #content2 ul li, #sidebar ul li {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	text-decoration: none;
	list-style-image: url(../images/arrow.gif);
}

#content  ul, #contentfull  ul, #content2 ul, #sidebar ul {
	margin: 0 10px;
	padding:  0 10px;
}

#content .padding, #contentfull .padding, #sidebar .padding {
	padding: 0 20px;
}

#sidebar .padding, #content .padding, #contentfull .padding, #board1 .padding, #board2 .padding, #board3 .padding, #board4 .padding, #board5 .padding, #board6 .padding, #content2 .padding {
/*padding: 17px 10px 10px 43px;*/
padding: 20px;

}

.col1 {width: 45%; float: left; display: inline;}
.col2 {width: 45%; float: right; display: inline;}



/* Footer */

#footer {
	clear: both;
	background: #BAB7D2;
	text-align: center;
		color: #fff;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
}

#footer .padding {
padding: 15px;
}


#footer a:link, #footer a:visited {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;

}

#footer a:hover {
font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #56507F;
	text-decoration: none;
}

#footer a:active {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #B82A68;
	text-decoration: none;
}



/* Other Styles */

.hidden {
	display: none;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;

}


#contentfull a:link { 
	text-decoration: none; 
	color: #2D236B;
	}
a:visited { 
	
	text-decoration: none; 
	color: #D4CDDC;
	}
#contentfull a:hover, a:active { 
	text-decoration: underline; 
	color: #B82A68;
	}
	
/* Drop Down About Us */

#drop, #drop ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#drop a {
	display: block;
	width: 10em;
}

#drop li {
	float: left;
	width: 10em;
}

#drop li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#drop li:hover ul {
	left: auto;
}

#drop li:hover ul, #drop li.sfhover ul {
	left: auto;
}

a:link, a:visited {
	color:#554f7f;
	text-decoration:underline;
}

a:hover, a:active {
	color:#333333;
	text-decoration:underline;
	}
	
table.line {
	border: 1px solid #554f7f;
}	

#playlist tbody {
	padding:2px;

}
#playlist tbody tr.even td {
      background-color: #eee;
	  	padding:2px;
    }
#playlist tbody tr.odd  td {
      background-color: #fff;
	  	padding:2px;
    }
.jump{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#554f7f;
	text-decoration:none;
}
	
.header {
	color:#554f7f;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.bolditalic {

	font-weight:bold;
	font-style:italic;
	}	
.bold{

	font-weight:bold;
	}		
	
	
	
/* added */
table.lister tr td {padding: 15px 0; line-height: 140%;}