/*---------------------------STYLING FOR CURVED CORNERS-------------------------------*/
.top, .bottom {
display:block; 
background:transparent; 
font-size:1px;
}

.b1, .b2, .b3, .b4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {background:#f69; border-left:1px solid #000; border-right:1px solid #000;}
.b1 {margin:0 5px; background:#000;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}



/*---------------------------STYLING FOR LATEST INFO ITEMS------------------------------*/
div#newsitems, div#newphotos
{	padding: 5px;
	color: #000;
	background-color: #dfdcd9;
	width:	300px;
}
div#newphotos
{	width:	245px;
}
div#newsitems p, div#newsitems h3, div#newsitems h4,
div#newphotos p, div#newphotos h3, div#newphotos h4,
{	border-left:1px solid #000; 
	border-right:1px solid #000;
	margin: 0px;
	display: block;
	font-size:	10px;
	background-color: #ff6699;
	padding: 0 7px;
	line-height: 16px;
	text-align:  left;
}
div#newsitems h3, div#newsitems h4, div#newsitems h4 A,
div#newphotos h3, div#newphotos h4,
{	font-size:	12px;
	font-weight: bold;
	color:	#000;
	padding-top: 12px;
}
div#newsitems h4 {
	padding-bottom:  0px;
}
div#newsitems h3, div#newphotos h3
{	font-size:	14px;
	padding-bottom: 0px;
}
div#newsitems a , div#newphotos a
{	color: #900;
	text-decoration:	none;
	font-size:	10px;
	font-weight: bold;
	background-color: #f69;
}
div#newsitems a {
	padding:	3px 40px 5px 0;
}
div#newsitems h4 a:hover {
  color: #900;
	text-decoration:	underline;
}
div#newsitems a:hover, div#newphotos a:hover
{	text-decoration:	underline;
}
div#newsitems p.datetext {
	font-style:	italic;
}
.datetext {
	font-style:	italic;
}
div#newsitems a.newslink {
	background: url(../images/arrowlink.gif) no-repeat 35px 0px;
}


/*------------------------------ Styling for adding photos within newsitems ------------------------------------*/
div#newsitems P {       /*This makes sure the <P> will expand to contain the floated <IMG> it contains */
  xclear:both;
  xfloat: left; 
  xpadding-right: 20px;
}
div#newsitems IMG.imgfloat {
  float: left;
  padding: 5px 5px 0 0;
}

/*------------------------------------------------------------------------------------------------------------*/

/*---STYLING FOR LAYOUT OF TABLE CONTAINING LATEST PHOTO THUMBS AND LINKS---*/
div#newphotos TABLE
{
	background-color: #f69;
	border-left:1px solid #000; 
	border-right:1px solid #000;
	width:  100%;
}
div#newphotos TD
{
	font-size:	10px;
}

/*---STYLING FOR OTHER ITEMS ON FRONT PAGE---*/
#gymmark {
	text-align: center;
}
#gymmark IMG {
	border: 1px solid #333333;
}
#tryrhythmic	{									
	width: 100%;							/* set same width as newsitems div */
	text-align: center;
	margin-top: 10px;
}
#tryrhythmic IMG	{									
	margin: 0 auto;
}
#gallerylink {
	text-align: center;
	margin-top: 5px;
	width: 245px;
}
	

/*---------------------------STYLING FOR NEWS ITEMS------------------------------*/
#newscontent {
	position:	inline;						/* reset this here to ensure text and photos are separated correctly */
	margin:	20px;
	margin-bottom: 50px;
}
#news {
  color: #333333;
  margin-top: 10px;
}
#news h1 {
  font-size: 14px;
}
#news h2 {
  font-size: 14px;
  padding: 15px 0px 5px 0px;
  margin: 0px;
}
#news h3 {
  font-size: 12px;
  margin: 0px 20px;
}
#news h4 {
  margin-bottom:	5px;						/* to reduce the 25px setting on main.css */
}
#news p {
  font-size: 12px;
  padding-bottom: 5px;
  margin: 0px;
  line-height: 18px;
}
#news ul {
  margin-top: 0px
}
#news li {
  padding-top: 7px
}
#news a {
  font-size: 12px
}
#news IMG {
	border: 1px solid #666666;
}
#news IMG.imgfloat {
  float: left;
  margin: 12px 15px 5px 0;
}
#news IMG.imgfloat2 {
  float: left;
  margin: 5px 15px 5px 0;
}

/*----styling of results lists---*/
#results {
	margin: 20px 0 50px 0;
}
#results H4 {
	margin-left: 20px;
}
#results LI {
	margin: 0;
	padding: 0;
}
#results LI.subhead{
	font-weight: bold;
	margin-top: 5px;
}
BLOCKQUOTE {
	margin: 0;
	padding: 0 25px;
	font-style: italic;
}


/*---------------------------STYLING FOR INFO TABLE ON NEWS PAGES ------------------------------*/
TABLE.detailedinfo {
	margin:		5px 0 15px 0;
}
TABLE.detailedinfo TD {
	padding: 5px 0;
	x-font-size:	14px;
}
TD.label {
	color: #333333;
	font-weight:	bold;
	width:	120px;
	vertical-align:	top;
}
TABLE.detailedinfo TD.label {
	xmargin-right: 25px;
	width:	200px;
}
TR.header {
	background:	#333333;
	color:	#ffffff;
}
TR.header TD {
	width:	135px;
}
#timetable TD {
	padding:	3px 5px;
	text-align:	center;
}

/*---------------------------STYLING FOR RESULTS TABLES ON NEWS PAGES ------------------------------*/
#results{
	xtext-align:	center;
	margin-left: 40px;
	clear: both;
}
#results H4{
	margin-left: 10px;
	padding-bottom: 5px;
}
#results TH {
	xfont-weight: normal;
	font-size: 10px;
	background-color: #aaaaaa;
	color: #333333;
	padding:	3px 15px;
	width: 70px;
	text-align:	center;
}
#results TABLE {
	margin-bottom: 25px;
}
#results TH.wide {
	width:	120px;
}
#results TD{
	xpadding:	1px 15px;
	text-align:	center;
	border: 1px solid #aaaaaa;
	xfont-size: 11px;
}
#results LI{
	padding-left: 0px;
	line-height: 150%;
	list-style-type: disc;
}
.downloadlink {
	font-weight: normal;
	font-size: 11px;
}
.downloadlink A {
	xfont-weight: normal;
	font-size: 9px;
}
BLOCKQUOTE {
	padding: 5px 40px;
}

/*---------------------------STYLING FOR VIDEO CLIPS ON NEWS PAGES ------------------------------*/
#vidclip {
	text-align:	center;
	margin: 20px;
}
#vidclip .caption {
	text-align:	center;
	font-size: 10px;
}



/*---------------------- STYLING FOR BATH OPEN 2007 PAGE-----------------------*/
#poster {
	float: left;
	margin: 10px 15px 0 0;
}
#downloadlinks {
	color: #333333;
	line-height: 160%;
	clear: both;
	padding: 0 20px 35px 20px;

}

/*---------------------------STYLING FOR SECONDHAND SALE PAGE------------------------------*/
TABLE#secondhandsale {
	xborder: 1px solid #666666;
	width: 97%;
}
TABLE#secondhandsale TD {
	border: 1px solid #666666;
	xwidth: 97%;
}



/*---------------------------STYLING FOR LINKS PAGE------------------------------*/
div#links UL {
  xwidth:  75%;
  padding-bottom: 50px;   /* to add space at bottom of page */
}
div#links LI {
  padding-bottom:  6px;
}
div#links A {
  font-size:  14px;
}
div#links P {									/* styling for subtitle link to home on news archive */
  font-size:  12px;
  padding-bottom: 0;
}
div#links P A {									/* styling for subtitle link to home on news archive */
  font-size:  12px;
}
LI.subhead {
  font-size:  12px;
  font-weight: bold;
  padding-top:  18px;
  padding-bottom:  0px;
}


/*---------------------------STYLING FOR INFO BUTTONS------------------------------*/
UL.infobutton {
  PADDING-TOP: 12px;
}
UL.infobutton LI {
  DISPLAY:  inline;
  LIST-STYLE-TYPE: none;
  background: url(../images/infobutton.gif) no-repeat 0px 7px;
  MARGIN-RIGHT: 5px;   /* to put space between buttons */
}
UL.infobutton LI A {
  PADDING: 5px 35px;
  TEXT-ALIGN: center;
  TEXT-DECORATION: none;
  COLOR:  #ff3399;
}
UL.infobutton LI A:hover {
  COLOR:  #990000;
  TEXT-DECORATION: none;
}