body {
	margin:0px;
	background-color:#DDDDDD;
	}

#IndexPage {
	border:inset;
	border-color:#666666;
	border-width:medium;
}
	
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	}
	
a {
	color: #FF6600;
	font-weight:bold;
	}
	
a:hover {
	color:#FF0000;
	}

/* ID Styles */
.hide{
display: none;
}
#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:3px 3px 3px 26px; /* top, right, bottom, left */
	background-color:#0099FF;
	background: url(gifs/mm_arrow(2).gif) 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background-color:#0000FF;
	background:
	background: url(gifs/mm_arrow2.gif) 14px 45% no-repeat;
	color: #FF6600;
	}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.2em;
	border-top:1px;
	border-right:1px;
	border-bottom:1px;
	border-left:1px;
	border-color:#FFFFFF;
	padding:2px 2px 2px 2px;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	letter-spacing:.1em;
	border-top:1px;
	border-right:1px;
	border-bottom:1px;
	border-left:1px;
	border-color:#FFFFFF;
	padding:2px 2px 2px 2px;
	}
	
#dateformat a:hover {
	color: #000000;
	letter-spacing:.1em;
	display:block;
	border-top:1px;
	border-right:1px;
	border-bottom:1px;
	border-left:1px;
	border-color:#000000;
	padding:2px 2px 2px 2px;
	}
#basicDateTime {
	font-weight: bold;
	color: #FFFFFF;
}	
#basicCountdownTime {
	font-weight: bold;
	color: #FFFFFF;
}
#basicDate {
	font-weight: bold;
	color: #FFFFFF;
}	
#basicTime {
	font-weight: bold;
	color: #FFFFFF;
}	
#timeformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}	
/* Class Styles */
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:0.0em;
}
.bodyTextBold {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.0em;
	}
.bodyText12BoldUnderlined {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}
.bodyTextBoldBlack {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.0em;
	}
.bodyText11 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	text-decoration:none;
	}
.bodyText11Black {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	text-decoration:none;
	}
.bodyText12 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	text-decoration:none;
	}
.bodyText11Bold {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}
.bodyText12Bold {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}
.bodyText11BoldBlack {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}		
.bodyText12BoldBlack {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}		
.bodyTextBold14 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.0em;
}	
.bodyTextBlackBold14 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.0em;
}	
.bodyTextBlackBold16 {
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:22px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.0em;
}	
.bodyTextRed {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:20px;
	margin-top:0px;
	font-weight:normal;
	text-decoration:none;
}
.bodyTextBoldRed {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}
.bodyTextBold12Red {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}
.bodyTextBoldBlue {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}	
.bodyTextBoldBlue12 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}	
.bodyTextBoldWhite {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}
.bodyTextUnderlined {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	font-weight:normal;
	text-decoration:underline;
	}	
.bodyTextBoldUnderlined {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}
.bodyTextBoldRedUnderlined {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}
.bodyTextBoldBlue16 {
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}	
.bodyTextBoldRed16 {
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
	}	
.LinkTextBoldUnderlined10 {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#3366CC;
	line-height:16px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}
.LinkTextBoldBlueUnderlined11 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	line-height:16px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}	
.LinkTextBoldRedUnderlined11 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:16px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}	
.LinkTextBoldBlueUnderlined12 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	line-height:16px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}	
.LinkTextBoldRedUnderlined12 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:16px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}	
.LinkTextBoldRedUnderlined14 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:20px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}	
.LinkTextBoldRedUnderlined16 {
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:22px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}	
.LinkTextBoldRedUnderlined18 {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:24px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:underline;
	}	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.subHeader12Bold {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	line-height:16px;
	letter-spacing:.2em;
	}
.subHeader12BoldBlack {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:16px;
	letter-spacing:.2em;
	}	
.subHeader12BoldRed {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:16px;
	letter-spacing:.2em;
	}	
.subHeader14BoldBlack {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:18px;
	letter-spacing:.2em;
	}	
.subHeader14BoldRed {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	line-height:18px;
	letter-spacing:.2em;
	}	
.subHeader12BoldBlackBoxed {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:16px;
	letter-spacing:.2em;
	border:thin #0000FF;
	}	
.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}	
#tagline .Verdana16B {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#tagline .Verdana14B {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.MonotypeCorsiva24 {
	font-family: "Monotype Corsiva";
	font-size: 24px;
	color:#FFFFFF;
	text-decoration:none;
}
.MonotypeCorsiva24_Black {
	font-family: "Monotype Corsiva";
	font-size: 24px;
	color:#000000;
	text-decoration:none;
}
.style4 {
	color: #FFFFFF;
	font-weight: bold;
	font-size:12px;
}
.style5 {color: #FFFFFF
}
#NormalDays {
	border: thin inset #0000FF;
}
#SpecialDays {
	border: thin inset #0000FF;
}
.copyright {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
/*	color: #3366CC; */
	line-height:12px;
	}
.USRreference {
	border:thin solid #FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.USRtotalamountdueRED {
	border:medium solid #FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 12px;
}
.USRtotalamountdueBLUE {
	border:medium solid #0000FF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 12px;
}
.USRtotalamountdueGREEN {
	border:medium solid #009900;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 12px;
}
.USRtotalamountdueBROWN {
	border:medium solid #996600;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 12px;
}
.payment_forms_bottom {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.payment_forms_dropdown {
	font: 12px Arial;
	color: #000000;
	font-weight: normal;
}
.payment_forms_bold {
	font: 12px Arial;
	color: #000000;
	font-weight: bold;
}
.payment_amount {
	border:medium solid #00FF00;
	font-weight:bold;
}
.style12_red_bold_underlined {
	font: 12px Trebuchet MS;
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}
.style14_red_bold_underlined {
	font: 14px Trebuchet MS;
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}
.totalise_bold_Red {
	font-weight:bold;
	color:#FF0000;
}
#BookingFormTitle .pageNameBold {
	border:medium;
	border-style:solid;
	border-color:#0000FF;
}
#table3 #SeatNotice {
	border: thin solid #0000FF;
}
.FaxNumber {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#0000FF;
}
.bodyText #table1 {
	border: medium solid #999999;
}
.bodyText #table11 {
	border: medium solid #999999;
}
.bodyText ul li #PictureLinkStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3366FF;
	text-decoration: underline;
}

fieldset {
	border: 1px solid #781351;
}

/* used for the booking reference number box outline */
.ReferenceNumberBox {
	width: auto;
	border: thick double #000000;
}

/*legend {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #0099FF;
	border: 1px solid #781351;
	padding: 2px 6px;
	height:auto;
	position: -150px;
} 
*/
#MembershipButton {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	background:#0099FF;
	height: 25px;
	width:inherit;
	border: 2px outset #0000FF;
/*	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
}

#MembershipButton:hover {
	color: #000000;
	font-weight:normal;
	text-decoration:none;
	background:#0099FF;
	height: 25px;
	width:inherit;
border: 2px inset #0000FF;
}

#SubmitFormButton, #ClearFormButton
{
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#0099FF;
	height: 25px;
	border: 2px outset #000000;
}

#SubmitFormButton:hover {
	color: #000000;
	font-weight:normal;
	text-decoration:none;
	background:#0099FF;
	height: 25px;
	border: 2px inset #FFFFFF;
}
/* GREY submit form button */
#SubmitFormGreyButton, #ClearFormGreyButton
{
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#999999;
	height: 25px;
	border: 2px outset #000000;
}
/* GREY submit form button */
#SubmitFormGreyButton:hover, #ClearFormGreyButton:hover
 {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	background:#666666;
	height: 25px;
	border: 2px inset #FFFFFF;
}

#SubmitPaymentButton {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	width:250px;
	background:#999999;
	height: 25px;
	border: 2px outset #000000;
}
#SubmitPaymentButton:hover {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	width:250px;
	background:#666666;
	height: 25px;
	border: 2px inset #FFFFFF;
}
/* GREY submit form button */
#SubmitPaymentGreyButton {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	width:250px;
	background:#999999;
	height: 25px;
	border: 2px outset #000000;
}
/* GREY submit form button */
#SubmitPaymentGreyButton:hover {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	width:250px;
	background:#666666;
	height: 25px;
	border: 2px inset #FFFFFF;
}

#CheckBox {
	border-top:medium;
	border-right:medium;
	border-bottom:medium;
	border-left:medium;
	border-color:#666666;
}
#SteamInAction {
	border: thin solid #0000FF;
}
.OurPeople {
	border: thin solid #000000;
}
.OurPeople img {
	border:double;
	border-color:#000000;
	}
.BookingTotal {
	border:thin;
	border-color:blue;
}
.calendar {
position:inherit;
}
.booking_table #submitbooking {
	width: 150px;
	border: thin solid #0000FF;
}
/* database form button */
#SubmitDetailsButton {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#0099FF;
	height: 25px;
	border: 2px outset #0000FF;
	width:120px;
}
/* database form button */
#SubmitDetailsButton:hover {
	color: #000000;
	font-weight:normal;
	text-decoration:none;
	background:#0099FF;
	height: 25px;
	border: 2px inset #0000FF;
	width:120px;
}
/* Grey database form button */
#SubmitDetailsGreyButton, #ClearFormGreyButton {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#999999;
	height: 25px;
	border: 2px outset #000000;
	width:120px;
}
/* Grey database form button */
#SubmitDetailsGreyButton:hover, #ClearFormGreyButton:hover {
	color: #000000;
	font-weight:normal;
	text-decoration:none;
	background:#DDDDDD;
	height: 25px;
	border: 2px inset #000000;
	width:120px;
}
/* new booking form buttons */
#NewCheckAnswer {
	border: thin solid #0000FF;
	background:#0099FF;
	color:#FFFFFF;
	width:150px;
}
/* new booking form buttons */
#NewCheckAnswer:hover {
	border: thin solid #0000FF;
	background:#0099FF;
	color:#000000;
	width:150px;
}
/* new booking form buttons */
#SubmitNewFormButton {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#999999;
	height: 25px;
	border: 2px outset #000000;
	width:220px;
}
/* new booking form buttons */
#SubmitNewFormButton:hover {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#666666;
	height: 25px;
	border: 2px inset #FFFFFF;
	width:220px;
}
#ClearNewFormButton {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#999999;
	height: 25px;
	border: 2px outset #000000;
	width:100px;
}
#ClearNewFormButton:hover {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#666666;
	height: 25px;
	border: 2px inset #FFFFFF;
	width:100px;
}
/* new payment form button */
#SubmitNewAuthoriseButton {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#999999;
	height: 25px;
	border: 2px outset #000000;
	width:180px;
}
/* new payment form button */
#SubmitNewAuthoriseButton:hover {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#666666;
	height: 25px;
	border: 2px inset #FFFFFF;
	width:180px;
}
/* new booking form buttons */
#ProceedToPaymentButton {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#999999;
	height: 25px;
	border: 2px outset #000000;
	width:220px;
}
/* new booking form buttons */
#ProceedToPaymentButton:hover {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#666666;
	height: 25px;
	border: 2px inset #FFFFFF;
	width:220px;
}
#Database {
	height:10px;
	width:10px;
	background-color:#000000;
	border:0px;
}
#Database1, #Database2, #Database3, #Database4 {
	height:10px;
	width:10px;
	background-color:#000000;
	border:2px;
}
.WhiteBackground16BoldRed
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#FF0000;
	background-color:#FFFFFF;
}
.FaxBackground16BoldBlue
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#0000FF;
	background-color:#FFFFFF;
}
.FaxBackground18BoldBlue
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#0000FF;
	background-color:#FFFFFF;
}
.WhiteBackground12RedBold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size: 12px;
	font-weight: bold;
	background-color:#FFFFFF;
}
#MainTable {
	border: thin solid #000000;
}
#DebugTable, #PaymentRefTable {
	border: thin solid #FF0000;
}
#table3 #PaymentReferenceBox {
	border: thin solid #0000FF;
}
#NewTrips {
	border:#0000FF;
	border-width:thin;
}
ul #IndexList {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	margin-top:0px;
	text-decoration:none;
	line-height: 25px;
}
#MainIndexTable {
	border: thin solid #000000;
	background-color: #CCCCCC;
}
#table_terms {
	font-size:12px;
	line-height: 25px;
}
#table_terms_bold {
	font-size:12px;
	line-height: 25px;
	font-weight:bold;
}

#hintbox { /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: yellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor { /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}
.BookingReferencePrefix {
text-align:center;
}
/* use INPUT and FOCUS to create a box around the entry */
input { 
 border: 2px solid #ccc; 
} 
input:focus { 
 border: 2px solid #000; 
} 
#TextBorderOutline {
	border: 1px solid #000;
}
#TextBorder {
	border: 2px solid #0000FF;
}