/*--- navigation layout/font/colours in one place ---*/
#content #subnav ul li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 80%;
}

#content #subnav ul li a{
    color: red;
    text-decoration: none;
    margin-left: 2px !important;
    margin-right: 0;
    padding-right: 0;
}

#content #subnav ul li a:hover{
    border-bottom: 1px solid red;
    color: white;
    background-color: black;
    outline: 1px solid red;
}

#nav {
  position: relative;
  width: 250px; /*100%;*/
  float: right;
  z-index: 1000;
  background-color: #E4E8CB;
  padding-bottom: 25px;
  font: bold normal 120%/120% "Lucida Sans", Verdana, sans-serif;
  background:#E4E8CB url(/images/sbc/0css/nav_bot.gif) no-repeat bottom right;
}

#nav_marg {
  margin: 7px 7px 0 0;
  background-color: white;
}

#nav ul {padding: 0 0 10px 0;}

#nav ul li ul{padding: 0 0 0 0;}

#nav li {
  padding: 0;
  margin: 0;
  border: none;
  color: white;
}

#nav li a {
  display: block;
  _height: 0.7em; /*force haslayout for IE6 to make blocked a appear*/
  text-align: left;
  /*padding: 7px 0 7px 20px;*/
  padding: 4px 0 4px 20px;
  margin: 0;
  border-style: none;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid #eee;
  font-weight: bold;
  text-decoration: none;
  background: white url(/images/sbc/0css/nav_ptr.gif) no-repeat 2px center;
  color: #888;
}

#nav li ul li a {
  display: block;
  _height: 0.5em; /*force haslayout for IE6 to make blocked a appear*/
  font-size: 90%;
  text-align: left;
  /*padding: 2px 0 2px 40px;*/
  padding: 0px 0 0px 40px;
  margin: 0;
  border-style: none;
  border: none;
  font-weight: bold;
  color: #888;
  background: white url(/images/sbc/0css/nav_ptr__sec.gif) no-repeat 12px center;
}


/*not recognised by IE6 */
#wrapper #nav li:hover{
  color: #FFFFAA;
  background-color: #800;
}
#wrapper #nav li a:hover{
  background-image: none;
  background-color: #E4E8CB;
  color: black;
  background: #E4E8CB url(/images/sbc/0css/nav_ptr_hover.gif) no-repeat 2px center;
}
#wrapper #nav li ul li a:hover {
  background: #E4E8CB url(/images/sbc/0css/nav_ptr__sec.gif) no-repeat 12px center;
}

#nav li a:hover span.sub, #nav li a:hover span.sub2 {
  color: #888;
}

/* single page items in main nav */
#pid_home li#navlnk_home,
#pid_ch_rose li#navlnk_ch_rose,
#pid_ch_rome li#navlnk_ch_rome,
#pid_reviews li#navlnk_reviews,
#pid_about   li#navlnk_about,
#pid_contact li#navlnk_contact
{
  background-color: black;

}
/* single page items in main nav */
#pid_home li#navlnk_home a,
#pid_events li#navlnk_events a,
#pid_groups li#navlnk_groups a,
#pid_about   li#navlnk_about a,
#pid_contact li#navlnk_contact a
{
  background: black url(/images/sbc/0css/nav_ptr_sel.gif) no-repeat 2px center;
  color: #FFFFCC;
  border: 1px solid black;
}
/* hover effects on selected item*/
#pid_home li#navlnk_home:hover,
#pid_events li#navlnk_events:hover,
#pid_groups li#navlnk_groups:hover,
#pid_about   li#navlnk_about:hover,
#pid_contact li#navlnk_contact:hover
{
  background: black url(/images/sbc/0css/nav_ptr_sel.gif) no-repeat bottom center;
}
#pid_home li#navlnk_home a:hover,
#pid_events li#navlnk_events a:hover,
#pid_groups li#navlnk_groups a:hover,
#pid_about   li#navlnk_about a:hover,
#pid_contact li#navlnk_contact a:hover
{
  background: black url(/images/sbc/0css/nav_ptr_sel.gif) no-repeat 2px center;
  color: white;
}


 /* calender - as this is a form of navigation */
.calendarBG {
 background-color: #000;
 margin: 5px 10px 10px 8px;
 width: 95%;
 border: 0;
}

table.calendarBG {
  border: 0;
  border-spacing: 1px;
}

#content .calendarBG td, #contentsec .calendarBG td {
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
  text-decoration:  none;
}

.calendarBlank {
 background-color: #E7EFCE;
 font-size: 80%;
}

.calendarHeader {
 padding:           5px 0;
 font-weight:       bold;
 color:             white;
 background-color:  #000;
}

.calendarHeader th {padding: 5px 0;}
#calendar_large .calendarHeader th{text-align: center;}


.calendarMonthLinks {
 font-family:       Arial;
 font-weight:		    bold;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

#content .calendarMonthLinks a, #contentsec .calendarMonthLinks a {
 color:             white;
 background-color:  transparent;
}

#content .calendarMonthLinks a:visited, #contentsec .calendarMonthLinks a:visited {
 color:             white;
 background-color:  transparent;
}

#content .calendarMonthLinks a:hover, #contentsec .calendarMonthLinks a:hover {
 color:             #ccc;
 border:            none;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #663300;
 background-color: #7C9531;
}

.calendarToday {
 font-weight:		    bold;
 color:             black;
 background-color: 	#ccc;
 color: white;
 background-color: black;
}

.calendarCell {
 font-weight:		    bold;
 padding:           0 2px;
 font-size:         90%;
 letter-spacing:	  .1em;
 color:             #aaa;
 background-color:  white;
}

#calendar_small p{
  margin-top:-5px;
  text-align: center;
  font-size: 80%;
  text-transform: capitalize;
}

#calendar_large div.table_link {padding-bottom: 5px;}
#calendar_large div.table_link a {
  font-size: 85%;
  padding-left: 9px;
  background: white url(/images/sbc/0css/nav_ptr__sec.gif) no-repeat left center;
}
#calendar_large .calendarCell div.table_link a:hover,
#calendar_large .calendarToday div.table_link a:hover{
  background-color: #E4E8CB;
}

.calendarCell span.no_group{
 color:            black;
 font-size:         85%;
}

.calendarCell a, .calendarToday a {
 color:             black;
 font-size:         110%;
 border:            none;
 text-decoration:   underline;
 padding:           2px 2px;
 background-color:  #EF8C10;
}
#calendar_large .calendarCell a, #calendar_large .calendarToday a{
  background-color: white;
}

.calendarCell a:visited, .calendarToday a:visited {
 color:             black;
 text-decoration:   underline;
 background-color:  #EF8C10;
}

#contentsec .calendarCell a:hover, #contentsec .calendarToday a:hover {
 color:             white;
 text-decoration:   none;
 border:            none;
 background-color:  black;
}

col.calcol1, col.calcol2, col.calcol3,
col.calcol4, col.calcol5, col.calcol6, col.calcol7{
   width: 14%;
}

/*   end of calender  */

#group_info table, #group_dates table {
  width: 100%;
}

#this_week table col.tcol1 {width: 10%;}
#this_week table col.tcol2 {width: 20%;}
#this_week table col.tcol3 {width: 75%;}

#other_groups table col.tcol1 {width: 33%;}
#other_groups table col.tcol2 {width: 33%;}
#other_groups table col.tcol3 {width: 33%;}

#group_info table col.tcol1 {width: 25%;}
#group_info table col.tcol2 {width: 75%;}

#group_dates table col.tcol1 {width: 25%;}
#group_dates table col.tcol2 {width: 75%;}

#group_info table tr, #group_dates table tr{
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 5px solid #ccc;
  }

#this_week table td, #group_info table td, #group_dates table td{
  padding: 5px 0;
  line-height: 120%;
}

#this_week td.cel_item, #group_info td.cel_item, #group_dates td.cel_item{
  text-align: right;
  vertical-align: top;
  font-size: 120%;
  font-weight: bold;
  font-variant: small-caps;
  color: #A57B52; /* #633910;  #00008B;*/
}

#other_groups td.cel_g1{
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  font-variant: small-caps;
  color: #A57B52;
  padding: 10px 5px 5px 5px;
}
#other_groups td strong{color: black;}

#other_groups td.cel_g2, #other_groups td.cel_g3{
  text-align: left;
  vertical-align: top;
  font-size: 100%;
  font-style: italic;
  color: #666;
  padding: 0px 10px 5px 10px;
}

#this_week td.cel_item {font-size: 110%}
#group_dates td.cel_item {font-size: 100%}


#this_week td.cel_desc, #group_info td.cel_desc, #group_dates td.cel_desc{
  padding: 1px 20px 0 20px;
  margin-top: 0;
  font-size: 110%;
  color: #666;
}

#group_dates td.cel_item, #group_dates td.cel_desc{padding-bottom: 15px;}

#content #this_week td.cel_desc p,#content #group_dates td.cel_desc p{
  font-size: 90%;
  font-style: italic;
  line-height: 110%;
}

#this_week td.cel_cat {
  vertical-align:  middle;
  text-align: center;
  padding: 1px 5px 0 5px;
}

#this_week td.cel_item, #this_week td.cel_cat, #this_week td.cel_desc{
   vertical-align: top;
   padding-top: 5px;
}


/* #this_week td.cel_desc {padding: 1px 5px 0 5px;} */