html,body{
      margin:0;
      padding:0;
      height:100%;
     /*border:none*/
   }


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

		scrollbar-track-color: #7984B2;
		scrollbar-base-color: #005391;
		scrollbar-face-color: #005391;
		SCROLLBAR-ARROW-COLOR: #ffffff;
		padding: 0px;
	}
	
	/* 
very-light-grey: #EBEBEB
light-grey: #D4D4D4
grey: #666666
orange: #F79238
dark-blue: #005391
blue: #7984B2

*/

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

H1 { font-size: 14px; color: #49381C; margin-bottom: 8px; margin-top: 0px; font-weight: bold;  }
H2 { font-size: 11px; color: #49381C; margin-bottom: 12px; margin-top: 0px; font-weight: bold;  }
TD { font-size: 11px; color: #000000; vertical-align: top }
P { font-size: 11px; color: #000000; margin-bottom: 8px; margin-top: 0px }
SELECT { background-color: #ffffff; font-size: 11px; color: #49381C }
OPTION { padding-left: 5px; font-family: verdana, sans-serif, 'Trebuchet MS', arial, helvetica }
TEXTAREA { font-size: 11px; color: #49381C; padding: 5px; font-family: verdana, sans-serif, 'Trebuchet MS', arial, helvetica }
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 {  }
UL { padding-left: 30px; padding-right: 30px; font-size: 12px} 
LI { list-style-image: url(../images/bullet.gif); list-style-type: square; padding-left: 2px; color: #7984B2; margin-bottom: 3px; font-size: 12px }


.left-strip { text-align: right; width: 80px; padding: 0px; background-color: #7984B2; background-image: url(../images/left_strip_bg.gif); background-position: left top;  }
TABLE.left-strip-stripe { margin: 0px; width: 80px; height: 100%; background-color: transparent; background-image: url(../images/left_strip_stripe_bg.gif); background-position: top right; background-repeat: repeat-y  }
.left-strip-stripe TR { height: 100% }

.menu-column { width: 205px !important; margin: 0px; padding: 0px; border-right: solid 1px #5679B9; background-image: url(../images/menu/column_bg.gif); background-position: 195px 90px; background-repeat: no-repeat }
.menu { width: 165px; margin: 0px; margin-left: 25px; margin-right: 15px; margin-bottom: 35px }
.sub-menu { background-image: url(../images/life_bg.gif); background-position: left top; background-repeat: no-repeat; background-color: #DFE7F4; width: 205px; margin: 0px; height: 100%; border-top: dotted 1px #5679B9 }
.sub-menu H1 { font-size: 14px; color: #005391; margin-bottom: 12px; margin-top: 15px; padding-left: 30px; padding-right: 30px; font-weight: bold  }
.sub-menu H2 { font-size: 11px; color: #333333; margin-bottom: 12px; margin-top: 0px; padding-left: 30px; padding-right: 30px; font-weight: bold; background-image: url(../images/h1_arrow_bg.gif); background-position: middle left; background-repeat: no-repeat  }
.sub-menu H3 { font-size: 11px; color: #005391; margin-bottom: 12px; margin-top: 0px; padding-left: 30px; padding-right: 30px; font-weight: bold;  }
.sub-menu P { font-size: 11px; color: #005391; margin-bottom: 10px; margin-top: 0px; padding-left: 30px; padding-right: 30px; }
P.submenu-point { margin: 0px; padding: 0px; border-bottom: solid 1px white }
.submenu-point A { color: #005391 }
.submenu-point A:hover { color: #ffffff }


.logo-column { width: 485px !important; margin: 0px; padding: 0px; border-right: solid 1px #5679B9; }
.logo-bar { width: 485px; margin: 0px; margin-top: 15px; height: 75px }
.logo-bar TD { padding-left: 20px; padding-right: 20px; }

TD.the-rest-top { border-top: solid 1px #5679B9; padding: 0px; margin: 0px }
TD.the-rest-bottom { border-bottom: solid 1px #5679B9; padding: 0px; margin: 0px }

.main-content { border-top: solid 1px #5679B9; width: 485px; margin: 0px; margin-bottom: 20px }
.main-content TD { padding: 0px; padding-top: 20px }
.main-content H1 { font-size: 14px; color: #005391; margin-bottom: 12px; margin-top: 0px; padding-left: 30px; padding-right: 30px; font-weight: bold; background-image: url(../images/h1_arrow_bg.gif); background-position: middle left; background-repeat: no-repeat  }
.main-content H2 { font-size: 12px; color: #7984B2; margin-bottom: 12px; margin-top: 0px; padding-left: 30px; padding-right: 30px; font-weight: bold;  }
.main-content P { font-size: 12px; color: #005391; margin-bottom: 10px; margin-top: 0px; padding-left: 30px; padding-right: 30px; }

.blue-box { margin-bottom: 12px; margin-top: 0px; margin-left: 30px; margin-right: 30px; border: dotted 2px #7984B2 }
.blue-box TD { background-color: #DFE7F4; color: #7984B2; padding: 12px; font-weight: bold }

UL.ticks { padding-left: 0px; padding-right: 30px }
.ticks LI { list-style-image: url(../images/true_tick.gif); list-style-type: square; padding-left: 8px; color: #005391; margin-bottom: 8px }

UL.crosses { padding-left: 15px; padding-right: 15px }
.crosses LI { list-style-image: url(../images/false_cross.gif); list-style-type: square; padding-left: 8px; color: #005391; margin-bottom: 8px }

.corner-bottom-right { background-image: url(../images/content_main_bottom_right_corner.gif); background-position: bottom right; background-repeat: no-repeat }
.corner-bottom-left { background-image: url(../images/content_main_bottom_left_corner.gif); background-position: bottom right; background-repeat: no-repeat }
.corner-top-right { background-image: url(../images/content_main_top_right_corner.gif); background-position: bottom right; background-repeat: no-repeat }
.corner-top-left { background-image: url(../images/content_main_top_left_corner.gif); background-position: bottom right; background-repeat: no-repeat }

.footer {  width: 485px ; margin-top: 0px; border-top: solid 1px #5679B9 }
.footer TD { text-align: left; font-size: 9px; padding: 5px; padding-left: 0px; padding-top: 10px }
.footer A { color: #333333 }
.footer A:hover { color: #666666 }

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

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