/* CSS */


/* Website colours red=#cc0000 blue=#330099 background="#E6E6FA" */

.background-main { background-color = "#E6E6FA" }



/* Start Table in blue curved box */

/* set millions of background images */
.bluerbroundbox { background: url(picts/blue_nt.gif) repeat; }
.bluerbtop div { background: url(picts/blue_tl.gif) no-repeat top left; }
.bluerbtop { background: url(picts/blue_tr.gif) no-repeat top right; }
.bluerbbot div { background: url(picts/blue_bl.gif) no-repeat bottom left; }
.bluerbbot { background: url(picts/blue_br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.bluerbtop div, .bluerbtop, .bluerbbot div, .bluerbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.bluerbcontent { margin: 0 7px; }
.bluerbroundbox { width: 90%; margin: 1em auto; }

/* End Table in curved box */



/* Start Table in red curved box */

/* set millions of background images */
.redrbroundbox { background: url(picts/red_nt.gif) repeat; }
.redrbtop div { background: url(picts/red_tl.gif) no-repeat top left; }
.redrbtop { background: url(picts/red_tr.gif) no-repeat top right; }
.redrbbot div { background: url(picts/red_bl.gif) no-repeat bottom left; }
.redrbbot { background: url(picts/red_br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.redrbtop div, .redrbtop, .redrbbot div, .redrbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.redrbcontent { margin: 0 7px; }
.redrbroundbox { width: 90%; margin: 1em auto; }

/* End Table in curved box */


/* Text Colours */

TABLE 		{ COLOR: #000000; FONT: 14px "Comic Sans MS", arial, sans-serif; font-weight: normal ;}



/* Web Page Layout */
/* NOTE: Web outer table defined as a class, inside tables defined as id to stop inheritance */

table.webtable {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	spacing:6px; 
}
table.webtable th {
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}
table.webtable td {
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}

/* Tables inside outer table these have no borders */

#outercalendar {
	border-width: 0px;
	border-style: none;
}
#outercalendar th {
	padding: 2px;
	border-color: ;
	border-width: 0px;
	border-style: none;
}
#outercalendar td {
	padding: 3px;
	border-color: ;
	border-width: 0px;
	border-style: none;
}

#innertable {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: ;
	background-color: white;

}
#innertable th {
	border-width: 0px;
	padding: 6px;
	border-style: none;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}
#innertable td {
	border-width: 0px;
	padding: 6px;
	border-style: none;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}

/* Picture table has border but no cell spacing */

#pictable {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	spacing:0px; 
}
#pictable th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}
#pictable td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}


/* Styles for Bevel edge of Mount on Image Page   */



.mountOn {  border-style: solid;

    	    border-top-color:   #DDDDDD;
	
    border-bottom-color:#DDDDDD;

	    border-left-color:  #EEEEEE;

	    border-right-color: #EEEEEE;

	    border-width: 4px;
}

 


.mountOff {
 border-style: solid;

	    border-color: white;
	
    border-width: 1px;
 }



#mounttable {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: ;
	background-color: white;


#mountable th {
	border-width: 0px;
	padding: 0px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}
#mountable td {
	border-width: 0px;
	padding: 0px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}


/* General table for info */
#datatable {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: #DBE6FF;
	font-size: 11px;
	spacing:2px; 
}
#datatable th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: black;
	background-color: #DBE6FF;
	-moz-border-radius: ;
}
#datatable td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: black;
	background-color: #DBE6FF;
	-moz-border-radius: ;
}

/* Round corner box inner tables */

#roundtable {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: #330099;
	spacing:3px; 
}
#roundtable th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: black;
	background-color: #330099;
	-moz-border-radius: ;
	color:white;
	font-size: 12px;
}
#roundtable td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: black;
	background-color: #330099;
	-moz-border-radius: ;
	color:white;
	font-size: 12px;
}


/* Calendar Table code */

#main {
width:160px;
border:1px solid black;
}

#month {
background-color: #330099;
font:bold 12px verdana;
color:white;
}

#daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

#days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: #99FF99;
padding: 2px;
}

#days #today{
font-weight: bold;
color: #330099;
}

#booked {
font-size: 12px;
font-family:verdana;
color:black;
background-color: #cc0000;
padding: 2px;
}

#todaybooked {
font-size: 12px;
font-weight: bold;
font-family:verdana;
color:white;
background-color: #cc0000;
padding: 2px;
}

#todaynotbooked {
font-size: 12px;
font-weight: bold;
font-family:verdana;
color:white;
background-color: #66cc66;
padding: 2px;
}

/* Different green and red colours as problem with table inheritance cannot display table borders  */

#lightdays {
font-size: 12px;
font-family:verdana;
color:black;
background-color: #99dd99;
padding: 2px;
}


#lightbooked {
font-size: 12px;
font-family:verdana;
color:black;
background-color: #dd0000;
padding: 2px;
}


/* Box Font Styles in White */
.boxtitle 	{ COLOR: #FFFFFF; FONT: 18px "Comic Sans MS", arial, sans-serif; font-weight: regular }

.boxtext 	{ COLOR: #FFFFFF; FONT: 14px "Comic Sans MS", arial, sans-serif; font-weight: regular }

.copyright 	{ COLOR: #FFFFFF; FONT: 10px "Comic Sans MS", verdana, sans-serif; font-weight: bold; text-align: center; }


/* Normal Font Styles in Black */

.largetitle 	{ COLOR: #000000; FONT: 32px "Comic Sans MS", arial, sans-serif; font-weight: bold; letter-spacing: 0px }

.title 		{ COLOR: #000000; FONT: 18px "Comic Sans MS", arial, sans-serif; font-weight: bold; letter-spacing: 0px }

.subtitle 	{ COLOR: #000000; FONT: 14px "Comic Sans MS", arial, sans-serif; font-weight: bold; letter-spacing: 0px }

.smalltitle 	{ COLOR: #000000; FONT: 12px "Comic Sans MS", arial, sans-serif; font-weight: bold; letter-spacing: 0px }

.security	{ COLOR: #cc0000 }

.picturetitle 	{ COLOR: #FFFFFF; FONT: 12px "Comic Sans MS", arial, sans-serif; font-weight: bold }

.phonetitle 	{ color: #E0E0E0; font: 14px "Comic Sans MS", arial, sans-serif; font-weight: normal }

.linkcolor	{ color: #cccccc; text-decoration: none }


/* Web Page Navigation Links */

a#navlink:link		{ color: #ffffff; text-decoration: none; font-weight: normal }

a#navlink:visited	{ color: #ffffff; text-decoration: none; font-weight: normal }

a#navlink:active	{ color: #ffffff; text-decoration: none; font-weight: normal }

a#navlink:hover		{ color: #cccccc; text-decoration: none; font-weight: normal }


/* Text Links in bold*/

a:link		{ color: #cc0000; text-decoration: none; font-weight: bold }

a:visited	{ color: #cc0000; text-decoration: none; font-weight: bold }

a:active	{ color: #cc0000; text-decoration: none; font-weight: bold }

a:hover		{ color: #990000; text-decoration: none; font-weight: bold }


/* Contact Form Style */

.shadeform	{ FONT: 14px "Comic Sans MS", verdana, sans-serif;
		text-align: left;
		background-color:#ffffff;
		WIDTH: 250PX;
		BORDER: #000000 1px solid}


.smallshadeform	{ FONT: 14px "Comic Sans MS", verdana, sans-serif;
		text-align: left;
		background-color:#ffffff;
		WIDTH: 150PX;
		BORDER: #000000 1px solid}

.textarea	{ FONT: 14px "Comic Sans MS", verdana, sans-serif;
		text-align: left;
		background-color:#ffffff;
		WIDTH: 300PX;
		HEIGHT: 150PX;
		BORDER: #000000 1px solid}

.largetextarea	{ FONT: 12px "courier new", verdana, sans-serif;
		text-align: left;
		background-color:#ffffff;
		WIDTH: 600PX;
		HEIGHT: 50PX;
		BORDER: #000000 1px solid}

.tickcross      { FONT: 12px Webdings, sans-serif; }     


/* filled circles for lists - see equipment page */
ul { list-style-type: disc; }

/* Lowlight images when hovering */

.rollover 	{ background-color: #999999}

.rolloveron 	{ background-color: #FFFFFF;filter:gray}


/* Drop shadow on pictures */
.out {
  display:block; 
  background:#aaa; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:10px;
  font-weight:normal;
  }
.ltin {
  left:-8px;
  }
.tpin {
  top:-8px;
  }
.narrow {width:8em;} /* change to suit */

/* Text on Photo - see front page */
/* bug in IE with centering so must guess */
.pictext {font-weight:bold;
    color:#000;
    text-align:center;
    position:relative; 
    left:38%;
  }

#shadowtable {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: ;
	border-collapse: collapse;
	background-color: white;

}
#shadowtable th {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: black;
	background-color: white;
}
#shadowtable td {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: black;
	background-color: white;
}