* {
  font-family: 'Arial' sans-serif;
  /*font-family: 'Utopia' serif;*/
  /*font: normal 16px/20px 'Arial' sans-serif;*/
}

BODY {
  /*background: #fff url(/alt.gif) repeat-y fixed 0%;*/
  color: #000;
  font-size: 13px;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
}

#main {
  font-size: 13px;
  padding: 0 50px 0 50px;
  z-index: 10;
}

div#sub {
  display: none;
}

div#subgeneral {
  display: none;
}

DIV.news {
  /*background-color: #ffa;*/
  background: #fff url(/bg_gr_l.jpg) repeat-x top;
  border-left: 1px #c33 solid;
  border-top: 1px #c33 solid;
  border-bottom: 1px #c33 solid;
  padding: 0.5ex;
  margin-bottom: 1ex;
}

DIV.comments {
  background-color: #efefef;
  font-size: 13px;
  padding: 0.5em;
}

DIV.comment {
  border-bottom: 1px #ccc solid;
}

DIV.comment-details {
  font-size: 11px;
  text-align: right;
}

#site-name {
  font-size: 200%;
  font-weight: bold;
  background: url(/h1bg.gif) repeat-x top;
  padding: 20px 0px;
  letter-spacing: 0.3ex;
  /*height: 70px;*/
  text-align: center;
}

#h1 {
  margin: 0em 0em 0em 50px;
  padding: 0em 0em 0em 0em;
}

H1 {
  /*background: #fff url(/alt.gif) no-repeat center left;*/
  background: url(/h2bg.jpg) no-repeat center left;
  font-size: 150%;
  text-decoration: overline;
  letter-spacing: 0.3ex;
  /*padding-top: 15px;*/
  /*margin-top: 3em;*/
}

H2, H3, H4, H5, H6 {  
  margin-top: 0.5ex;
  margin-bottom: 0.2ex;
}

H2 {  
  font-size: 130%;
}

H3 {  
  font-size: 120%;
}

H4 {  
  font-size: 115%;
}

H5 {  
  font-size: 110%;
}

H6 {  
  font-size: 105%;
}

#header {
  zoom: 100%; /* solves stupid IE bug */
  color: #fff;
  font-size: 13px;
  /*height: 16ex;*/
  background-color: #c33;
  margin: 0em 0em 0em 0em;
  padding: 0.2em;
  /*font-size: 110%;*/
  /*background-color: #cc9;*/
}

.head {
  background-color: #c33;
  color: #fff;
  font-size: 13px;
  margin: 0.5em 0em 0em 0em;
  padding: 0em 0em 0em 0.2em;
}

H4.head A:link {
  /*color: #ffa;*/
  color: #ffa;
}

H4.head A:active {
  color: #ffa;
}

H4.head A:visited {
  color: #ffa;
}
H4.head A:hover {
  color: #ffa;
}

H2.section {
  clear: left;
  background: url(/h2bg.jpg) no-repeat center left;
  background-color: #fff;
  font-size: 110% /*larger*/;
  letter-spacing: 0.5ex;
  padding-top: 0ex;
  padding-bottom: 0.5ex;
  /*padding-left: 3ex;*/
  margin-top: 2.5ex;
  margin-bottom: 1ex;
  text-decoration: overline;
}

P {
  /*font-size: 13px;*/
  text-indent: 3ex;
  text-align: justify;
  margin: 0ex 0ex 0.5ex 0ex;
}

LI {
  font-size: 13px;
  /*text-align: justify;*/
}

UL {
  margin-left: 0em;
  padding-left: 1em;
  list-style: square;
}

A {
  text-decoration: none;
  color: #c33;
}

A:link {
  /*color: #c66;*/
  color: #c33;
}

A:active {
  color: #000;
}

A:visited {
  color: #c33;
}

A:hover {
  text-decoration: underline;
}

.nav A{
}

.nav A:link {
}

.nav A:active {
  background-color: #ccc;
}

.nav A:visited {
}

.nav A:hover {
  text-decoration: underline;
}

/*
.snav {
  z-index: 1000;
}
.snav A {
  display: block;
}
*/

.dnav A span, .snav A {
  color: #ffc;
  font-weight: bold;
  background-color: #c33;
  padding: 0em 0.2em;
  border-left: 1pt white solid;
  border-right: 1pt white solid;
}

.dnav A:link span, .snav A:link {
}

.dnav A:active span, .snav A:active {
  background-color: #ffc;
}

.dnav A:visited span, .snav A:visited {
  color: #ffc;
}

.dnav A:hover span, .snav A:hover {
  color: #ffc;
  background-color: #900;
  text-decoration: underline;
}

FORM {
  margin: 0px 0px 1px 0px;
}

#sub FORM {
  font-size: smaller;
}

.submit {
  background-color: #dda;
  border: 0.5px #c33 outset;
  padding: 0px;
}

INPUT, SELECT, TEXTAREA {
  background-color: #ffe;
  border: 1px #c33 solid;
  color: #c33;
}

TH, TD {
  padding: 0.3ex 0.2ex;
  font-size: 13px;
  vertical-align: top;
}

TH {
  border: 1px #ccc solid;
}

IMG {
  margin: 1ex;
  border: 1px #ccc solid;
  vertical-align: middle;
}

HR {
  width: 80%;
  border: 1px #ccc solid;
}

.date, .copy, .contr {
  font-size: 11px;
  margin-bottom: 0.5ex;
}

.contr {
  text-align: right;
}

.update {
  font-size: 12px;
  text-align: left;
}

.img {
  background-color: #f6f6f6;
  padding: 0ex;
  margin-left: 0.3em;
  text-align: center;
  width: 340px;
}

.snd {
  margin: 1ex;
  text-align: left;
  font-size: small;
  border-bottom: 1px #c33 dotted;
}

.nav {
  /*background: #ffa;*/
  /*background: #fff url(/bg_gr.jpg) repeat-x top;*/
  text-align: left;
  font-size: 14px;
  padding-left: 0.2em;
  /*border-left: 1px #c33 solid;*/
}

.compnav {
  border: 1px solid #c33;
  font-size: 13px;
}

.see-groups {
  margin: 1ex 1em;

}

.ccdad {
  padding: 0.2em 0.5em;
  /*width: 50%;
  float: right;*/
  background: #f5f5f5;
  font-size: 13px;
  /*border-left: 1px solid #c33;
  border-right: 1px solid #c33;
  border-top: 1px solid #c33;
  border-bottom: 1px solid #c33;*/
}

.emusicad {
  padding: 0.2em 0.5em;
  /*margin-left: 0.5em;
  width: 35%;
  float: right;*/
  background: #fff;
  font-size: 13px;
  border: 1px solid #999;
  /*border-right: 1px solid #c33;
  border-top: 1px solid #c33;
  border-bottom: 1px solid #c33;*/
}

#ccdpresentation {
  padding: 0.2em 0.5em;
  background: #f5f5f5;
  /*background: #9cf;*/
  border: 2px solid #999;
  /*border-left: 2px solid #c33;
  border-right: 2px solid #c33;
  border-top: 2px solid #c33;
  border-bottom: 2px solid #c33;*/
}

#loginform {
  display: none;
}

#loginform a {
}

#topnav {
  display: none;
  /*color: white;*/
  position: relative;
  margin-bottom: 0ex;
}

#mnav {
  display: none;
}

.snav {
  position: absolute;
  /*background: #dda;
  margin: 0pt 1pt;*/
}

.dnav {
  margin-top: 5ex;
  border-bottom: 1pt #fff solid;
}

.aff {
  /* border: 1px #999 solid; */
}

.smp {
  clear: both;
  /*border: 1px #ccc solid;*/
  /*border-left: 1px #999 solid;*/
  padding-left: 0.5em;
  font-size: 13px;
  background-color: #fff;
}

.events {
  font-size: 13px;
  background-color: #fff;
}

.item {
  clear: both;
  font-size: 13px;
  border-top: 1px #333 dotted;
  margin-bottom: 0.5ex;
}

.itemimg {
  float: left;
  margin-right: 0.5em;
}

.timeline IMG {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.timeline A {
  font-size: 13px;
}

.error_message {
  border: 1px solid red;
  color: red;
}

.status_message {
  border: 1px solid #ccc;
  color: green;
  padding: 0.5em;
}

.refine_group {
  float: right;
  background-color: #f9f9f9;
  border: 1px #ccc dotted;
  padding: 1em;
  margin: 2.5ex 0em 1em 1em;
}

.refine_group DIV A {
  font-size: 11px;
}

#quick_search {
  display: none;
}

#nav_begin {
  /*background-color: #fff;
  background: #fff url(/bg_gr_l.jpg) repeat-x top;*/
}

/*
.content {
  background-color: #eee;
  border: 1pt solid #ccc;
  margin: 1em;
  padding: 1em;
}
*/

/*
** Collapsing fieldsets [taken from Drupal]
*/
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
}

html.js fieldset.collapsed * {
  display: none;
}

html.js fieldset.collapsed table *,
html.js fieldset.collapsed legend,
html.js fieldset.collapsed legend * {
  display: inline;
}

html.js fieldset.collapsible legend a {
  padding-left: 15px;
  background: url(/js/menu-expanded.png) 5px 50% no-repeat;
}

html.js fieldset.collapsed legend a {
  background-image: url(/js/menu-collapsed.png);
}

/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsible legend a {
  display: block;
}

/*
** Resizable text areas
*/
textarea {
  display: block;
  width: 95%;
}

.resizable-textarea {
  width: 95%;
}
.resizable-textarea .grippie {
  height: 6px;
  background: #eee url(/js/grippie.png) no-repeat 50% 100%;
  border: 1px solid #ddd;
  border-top-width: 0px;
  cursor: s-resize;
}

/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  z-index: 1000;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: default;
}
#autocomplete li.selected {
  background: #c33;
  color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(/js/throbber.gif);
  background-repeat: no-repeat;
  background-position: 100% 2px;
}
html.js input.throbbing {
  background-position: 100% -18px;
}




/* account pages */

#create_account, .text_ad {
  border: 1px solid #999;
}

.acc_field {
  margin-bottom: 1em;
  padding-left: 0.5em;
  border-left: 5px solid #ccc;
}

.acc_field sup {
  color: red;
  padding-left: 1em;
}

/* user detail pages */

.user_name {
  font-size: larger;
}
.user_place {
  border-top: 1px solid #ccc;
  margin-top: 1em;
}
.user_email {
  
}
.user_created {
  border-bottom: 1px solid #ccc;
}
.user_interest_head {
  font-size: larger;
  margin: 1em 1em 0em 1em;
}
.user_interest_descr {
  border: 1px solid #ccc;
  margin: 0em 1em 1em 1em;
}

/*
*/
#eventdatespan {
  color: #c33;
  border: 1px solid #c33;
  padding: 0em 0.5em;
}
.stitle {
  font-size: 82%;
}
.comp_list {
  /*width: 100%;*/
  border: 1px #c33 dotted;
}
.comp_list .comp_header {
  font-weight: bold;
  background-color: #eee;
  border: 1px #ccc dotted;
}
.comp_list .comp_type {
  font-size: 82%;
  background-color: #efefef;
  border: 1px #eee dotted;
}
.comp_list .comp_item {
}
.comp_list .comp_opus {
  border-right: 1px #ccc dotted;
  width: 15%;
  text-align: right;
}
td ul {
  margin: 0px;
}
.instr_item {
  list-style-image: url(/li1.gif);
}
.solo_instr li {
  padding-left: 0.5em;
  border-left: 3px #c33 solid;
}
.ens_instr li {
  padding-left: 0.5em;
  border-left: 3px #03c solid;
}

.remove_button_form {
  display: inline;
  font-size: smaller;
}

.work_list_message {
  border: 1pt #ccc solid;
  padding: 0.2em 1em;
}

.search_prev {
  padding: 0.2em 1em;
  color: #666;
}

.tab_active {
  border-collapse: collapse;
  display: inline;
  font-weight: bold;
  padding: 2px 5px;
  background: #fff;
  border-width: 1pt;
  border-color: gray;
  border-style: solid solid none solid;
  /*border-top: 2pt solid gray;
  border-left: 2pt solid gray;
  border-right: 2pt solid gray;*/
}

.tab_inactive {
  border-collapse: collapse;
  display: inline;
  font-weight: bold;
  padding: 0px 5px;
  background: #eee;
  border: 1pt solid #gray;
  /*border-top: 1pt solid gray;
  border-left: 1pt solid gray;
  border-right: 1pt solid gray;*/
}

.tab_box {
}
.tab_box ul {
  border-collapse: collapse;
  border-bottom: 1pt solid gray;
}
.pager {
  text-align: center;
}


/* begin two-level drop down menu code (adapted from Suckerfish) */

#ddnav, #ddnav ul { /* all lists */
  display: none;
}

#ddnav a {
  color: white;
  display: block;
  width: 7.6em;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid #c33;
  border-right: 1px solid #c33;
}

#ddnav a:hover {
  color: black;
  background-color: #eee;
  text-decoration: none;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid #c33;
  border-right: 1px solid #c33;
}

#ddnav li { /* all list items */
  float: left;
  background-color: #c33;
  width: 7.8em; /* width needed or else Opera goes nuts */
}

#ddnav li ul { /* second-level lists */
  position: absolute;
  background: #c33;
  width: 7.8em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#ddnav li ul ul { /* third-and-above-level lists */
  margin: -1em 0 0 7.8em;
}

#ddnav li:hover ul ul, #ddnav li.sfhover ul ul {
  left: -999em;
}

#ddnav li:hover ul, #ddnav li li:hover ul, #ddnav li.sfhover ul, #ddnav li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

/* end drop down menu code */