BODY { 
		
		background-color: #ffffff;
		background-image: url(../images/bg.gif);
		background-position: top left; 
		padding: 0px;
		margin: 0px; 
		color: #49381C; 
		font-family: 'Trebuchet MS', arial, helvetica, verdana, sans-serif;

		scrollbar-track-color: #BBB199;
		scrollbar-base-color: #49381C;
		scrollbar-face-color: #49381C;
		SCROLLBAR-ARROW-COLOR: #ffffff;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	/* 
very-light-brown: #E8D8EB
light-brown: #BBB199
brown: #917046 
dark-brown: #49381C
very-light-grey: #EBEBEB
light-grey: #D4D4D4
grey: #666666
orange: #F79238
dark-blue: #113186
blue: #5679B9

*/

.button { border: solid 2px #5679B9; color: #113186; background: #ffffff; font-weight: bold; font-size: 12px; padding: 3px  }

H1 { font-size: 16px; color: #49381C; margin-bottom: 8px; margin-top: 0px; font-weight: bold;  }
H2 { font-size: 12px; color: #49381C; margin-bottom: 12px; margin-top: 0px; font-weight: bold;  }
TD { font-size: 12px; color: #000000; vertical-align: top }
P { font-size: 12px; color: #000000; margin-bottom: 8px; margin-top: 0px }
SELECT { background-color: #ffffff; font-size: 11px; color: #49381C }
OPTION { padding-left: 5px; font-family: 'Trebuchet MS', arial, helvetica, verdana, sans-serif }
TEXTAREA { font-size: 11px; color: #49381C; padding: 5px; font-family: 'Trebuchet MS', arial, helvetica, verdana, sans-serif }
INPUT { border: solid 1px #88A6D1; background-color: #ffffff; font-size: 11px; color: #49381C }
INPUT.plain { border: 0px; background-color: transparent }
TH { text-align: left; font-size: 12px }
IMG { border: 0px }
A { color: #F79238; text-decoration: underline }
A:hover { color: #49381C; text-decoration: underline }
HR { height: 1px; width: 100%; color: #c0c0c0 }

LI { list-style-image: url(../images/bullet.gif); list-style-type: square; padding-left: 2px }

.header-left-top { border-right: solid 1px #cfcfcf; width: 250px; padding-bottom: 15px; padding-top: 0px; text-align: center; vertical-align: bottom }
.header-center-top { width: 280px; text-align: left; vertical-align: bottom; padding: 0px }
.header-right-top { border-left: solid 1px cfcfcf; width: 240px; text-align: center; vertical-align: bottom; padding-bottom: 15px }


.header-left { border-right: solid 1px #cfcfcf; width: 250px; height: 200px; background-color: #113186; padding-bottom: 0px; padding-top: 5px; padding-left: 20px; padding-right: 20px; text-align: center; vertical-align: middle }
.header-center { width: 280px; text-align: center; vertical-align: bottom }
.header-right { border-left: solid 1px cfcfcf; background-color: #49381C; width: 240px; text-align: center; vertical-align: bottom; padding: 20px; padding-bottom: 5px; padding-top: 0px }

.header-left TD { width: 190px; padding-left: 0px; padding-right: 0px; border-bottom: solid 1px #5679B9; text-align: left; padding-bottom: 8px; padding-top: 8px; height: 30px }
.header-left TD.bottom { border: 0px; }
.header-right H1 { color: white; font-size: 12px; width: 200px; padding-bottom: 10px; padding-top: 10px; padding-right: 0px; padding-left: 0px; border-bottom: solid 1px white; text-align: left }
.header-right H2 { color: white; font-size: 8px; width: 200px; padding-top: 0px; text-align: right; border: 0px; padding-right: 0px; padding-left: 0px; margin-bottom: 0px; margin-top: 5px }
.header-right P { color: white; font-size: 10px; width: 200px; padding-bottom: 10px; border-bottom: solid 1px white; text-align: left; margin-bottom: 0px }

.header-menu {  }
.header-menu TD {  }
.header-menu A { text-decoration: none; color: #917046 }
.header-menu A:hover { text-decoration: none }


.availability-table { width: 500px; margin-left: 15px; margin-right: 15px  }
.availability-table TH { border-bottom: solid 1px #cfcfcf; padding: 4px; color: #113186; font-weight: bold   }
.availability-table TD { border-bottom: dotted 1px #cfcfcf; padding: 4px; color: #113186;   }

.availability-table-small { width: 220px; border: solid 1px #5679B9; border-bottom: 0px; margin: 0px  }
.availability-table-small TD { border-bottom: solid 1px #5679B9; padding: 4px; color: #113186;   }

.content-left { width: 250px; padding: 15px; border-right: solid 1px #cfcfcf; vertical-align: top; text-align: center; border-left: solid 1px #cfcfcf; background-color: white; }
.content-right { width: 520px; padding: 20px; vertical-align: top; text-align: left; border-right: solid 1px #cfcfcf; background-color: white; }

.content-right H1 { margin-bottom: 20px }
.content-right H2 { margin-bottom: 10px; color: #49381C; padding-bottom: 10px; border-bottom: dotted 1px #cfcfcf }
.content-right P { margin-bottom: 10px }

.content-left H1 { width: 220px; margin-top: 20px; margin-bottom: 10px }
.content-left P { color: #113186; width: 220px; margin-top: 10px; margin-bottom: 5px }


.footer {  width: 770px; margin-top: 0px; border-top: solid 1px #cfcfcf }
.footer TD { text-align: left; font-size: 11px; color: white; padding: 5px; padding-left: 0px; padding-top: 10px }

.subtable { border: solid 1px #c0c0c0; margin-bottom: 20px }
.subtable TH { background-color: #ededed; padding: 10px; font-size: 12px; font-weight: bold; border-bottom: solid 1px #c0c0c0; text-transform: uppercase }
.subtable TD { padding: 10px; font-size: 11px }


.dotted-line { height: 1px; border-bottom: dotted 1px #49381C }

.normal { font-weight: normal }
.bold { font-weight: bold }
.italic { font-style: italic }
.uppercase { text-transform: uppercase }
.no-decoration { text-decoration: none }

.f8 { font-size: 8px !important }
.f9 { font-size: 9px !important }
.f10 { font-size: 10px !important }
.f11 { font-size: 11px !important }
.f12 { font-size: 12px !important }
.f14 { font-size: 14px !important }
.f16 { font-size: 16px !important }
.f18 { font-size: 18px !important }
.f20 { font-size: 20px !important }
.f22 { font-size: 22px !important }

.p0 { padding: 0px !important }
.p3 { padding: 3px !important }
.p5 { padding: 5px !important }
.p10 { padding: 10px !important }
.p15 { padding: 15px !important }
.p20 { padding: 20px !important }

.w100 { width: 100% !important } 
.w75 { width: 75% !important }
.w50 { width: 50% !important }

.m0 { margin: 0px !important }
.m5 { margin: 5px !important }
.m10 { margin: 10px !important }

.m0b { margin-bottom: 0px !important }
.p0b { padding-bottom: 0px !important }
.m0t { margin-top: 0px !important }
.p0t { padding-top: 0px !important }
.m0r { margin-right: 0px !important }
.p0r { padding-right: 0px !important }
.m0l { margin-left: 0px !important }
.p0l { padding-left: 0px !important }

.m5b { margin-bottom: 5px !important }
.p5b { padding-bottom: 5px !important }
.m5t { margin-top: 5px !important }
.p5t { padding-top: 5px !important }
.m5r { margin-right: 5px !important }
.p5r { padding-right: 5px !important }
.m5l { margin-left: 5px !important }
.p5l { padding-left: 5px !important }

.m10b { margin-bottom: 10px !important }
.p10b { padding-bottom: 10px !important }
.m10t { margin-top: 10px !important }
.p10t { padding-top: 10px !important }
.m10r { margin-right: 10px !important }
.p10r { padding-right: 10px !important }
.m10l { margin-left: 10px !important }
.p10l { padding-left: 10px !important }

.top { vertical-align: top !important }
.bottom { vertical-align: bottom !important }
.middle { vertical-align: middle !important }
.left { text-align: left !important }
.center { text-align: center !important }
.right { text-align: right !important }

.no-border { border: 0px !important }
.brown-border { border: solid 1px #49381C !important }
.orange-border { border: solid 1px #ff3300 !important }
.white-border { border: solid 1px #ffffff !important }

.light-brown-text { color: #BBB199 !important }
.brown-text { color: #917046 !important }
.black-text { color: #000000 !important }
.white-text { color: #ffffff !important }
.yellow-text { color: #F79238 !important }
.orange-text { color: #F79238 !important }
.grey-text { color: #666666 !important }
.blue-text { color: #5679B9 !important }

A#dark-brown-link { color: #49381C !important }
A:hover#dark-brown-link { color: #917046 !important }
A#brown-link { color: #917046 !important }
A:hover#brown-link { color: #49381C !important }
A#light-brown-link { color: #BBB199 !important }
A:hover#light-brown-link { color: #ffffff !important }
A#orange-link { color: #F79238 !important }
A:hover#orange-link { color: #ffffff !important }
A#grey-link { color: #666666 !important }
A:hover#grey-link { color: #D4D4D4 !important }
A#white-link { color: #ffffff !important }
A:hover#white-link { color: #F79238 !important }
A#dark-blue-link { color: #113186 !important }
A:hover#dark-blue-link { color: #5679B9 !important }

.error { color: #cc0000; font-weight: bold }

/*.sipps-bg { background-image: url(../images/sipps_bg.jpg); background-color: #BBB199 }*/
.sipps-bg { background-color: #E8D8EB !important }
.orange-bg { background-color: #F79238 !important }
.light-orange-bg { background-color: #FFE2C6 !important }
.dark-orange-bg { background-color: #ff3300 !important }
.dark-brown-bg { background-color: #49381C !important }
.brown-bg { background-color: #917046 !important }
.light-brown-bg { background-color: #BBB199 !important }
.light-grey-bg { background-color: #EBEBEB !important }
.grey-bg { background-color: #999999 !important }
.dark-grey-bg { background-color: #666666 !important }
.white-bg { background-color: #ffffff !important }

.answer { font-weight: bold }

.stage-1 { padding-left: 30px; padding-bottom: 5px; padding-top: 5px }
.stage-2 { padding-left: 60px; padding-bottom: 5px; padding-top: 5px }

.hidden { display: none }

.submenu { position: absolute; float: right; width: 270px; padding: 1px; border: solid 1px #003366; background-color: #ffffff }