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

		scrollbar-track-color: #BBB199;
		scrollbar-base-color: #383325;
		scrollbar-face-color: #383325;
		SCROLLBAR-ARROW-COLOR: #ffffff;
		padding-top: 10px;
	}
	
	/* 
very-light-brown: #E8D8EB
light-brown: #BBB199
brown: #917046 
dark-brown: #383325
very-light-grey: #EBEBEB
light-grey: #D4D4D4
grey: #666666
orange: #F79238

*/

.button { border: solid 2px #383325; color: #383325; background: #BBB199; font-weight: bold; font-size: 12px; padding: 3px  }

H1 { font-size: 16px; color: #383325; margin-bottom: 8px; margin-top: 0px; font-weight: bold; padding-right: 10px; padding-left: 10px }
H2 { font-size: 12px; color: #383325; margin-bottom: 12px; margin-top: 0px; font-weight: bold; padding-right: 10px; padding-left: 10px; padding-top: 10px; border-top: solid 1px #BBB199; margin-top: 20px; width: 730px }
TD { font-size: 11px; color: #000000; vertical-align: top }
P { font-size: 11px; color: #000000; margin-bottom: 8px; margin-top: 0px; padding-right: 10px; padding-left: 10px }
SELECT { background-color: #ffffff; font-size: 11px; color: #383325 }
OPTION { padding-left: 5px }
TEXTAREA { font-size: 11px; color: #383325; padding: 5px; font-family: arial, helvetica, verdana, sans-serif; }
INPUT { border: solid 1px #88A6D1; background-color: #ffffff; font-size: 11px; color: #383325 }
INPUT.plain { border: 0px; background-color: transparent }
TH { text-align: left }
IMG { border: 0px }
A { color: #F79238; text-decoration: underline }
A:hover { color: #383325; text-decoration: underline }

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

.header-left { width: 250px; height: 170px; background-color: #917046; padding: 0px; border: solid 1px white; border-bottom: 0px }
.header-center { width: 283px; text-align: center; vertical-align: bottom; border-top: solid 1px white }
.header-right { border-top: solid 1px white; border-right: solid 1px white; width: 237px; text-align: right; vertical-align: bottom; background-image: url(../images/header_right_top.jpg); background-position: top left; background-repeat: no-repeat }

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

.subheader { border: solid 1px white; border-bottom: 0px }

.content { width: 770px; padding-top: 10px; background-color: white }

.footer {  width: 770px; margin-top: 0px; margin-bottom: 15px; border: solid 1px white; border-top: 0px }
.footer TD { text-align: center; font-size: 11px; color: white; padding: 5px; border-top: solid 1px white; }

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

.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 }

.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 #383325 !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 }

A#dark-brown-link { color: #383325 !important }
A:hover#dark-brown-link { color: #917046 !important }
A#brown-link { color: #917046 !important }
A:hover#brown-link { color: #383325 !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 }

.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: #383325 !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 }