body {margin:0; padding:0; height:100%; background: #fff url(images/bkg.jpg) repeat-x left top; font-family: Arial, Helvetica, Tahoma, sans-serif;}

.pchide{display:none}

#white {position: relative; height:100%; width : 950px; margin: 0 auto 0 ; background:none; border: solid green 0px}
/*for fullscreen mode - without it there is a gap between footer and bkg*/

#container {margin: 0 auto 0; width: 950px; min-height:100%; background: none; border: solid green 0px}

p {text-align : justify; ; margin:10px 0; padding: 0; font-size:14px;  font-weight:normal ; line-height:18px; color:#333;}
h1{width:800px; margin:0 0 15px 0; padding: 0; font-size:24px; font-weight: 900; letter-spacing: 1px; color:#333; border: solid blue 0px}
h2{margin:15px 0 10px 0; font-size:16px; font-weight: 600; color: #666;}
hr.pageline{float:left; width: 100%; height:1px; background: #aaa; border: none; margin:10px 0 }
/**********Top Banner**********/

#header {padding: 0;}

#banner-f{height: 300px; width:950px; background: #fff url(images/banner-training.jpg) no-repeat top center; margin: 0; border: solid yellow 0px}
#banner-f a.page{ background-color:#ff0000; color:#fff;}

#subbanner{height: 25px; width:950px; margin: 0;padding:0;  background:none; border: solid blue 0px}

ul.links{list-style-type:none; display:block; height:25px;width:800px; margin:0; padding:0;background: none; border: solid red 0px}
ul.links li {display:inline;padding:0; margin:0;font-size:13px;font-weight:bold;line-height:24px;letter-spacing: 1px;}
.links a:link, a:visited{display:block; float:left; padding:7px 23px; margin:0;height:25px;text-decoration:none; color:#fff; border: solid blue 0px}
.links a:hover {color:#fff;background-color:#6E0003}

p.navigation{margin: 0; padding:196px 0 0 25px; font-size: 12px; font-weight: normal ; letter-spacing : 0px; line-height:10px;color:#fff;}
p.navigation a{text-decoration: none; color:#fff;}
p.navigation a:hover{text-decoration: underline}

#contact{float:right;height: 40px; margin:10px 30px 0 0; border: solid red 0px}
#contact img{float:right;margin:0; border: solid red 0px}
#contact a{text-decoration : none;color : #000;margin: 0;} 
#contact a:hover{color : #1F9400;text-decoration : none;}

/**********mid pic section**********/

#mid-index {float:left; height: 30px; width:950px; text-align : left; margin: 0 0 10px 0; border: solid red 0px}
#mid h2 {margin:0; padding: 0; font-size:22px; font-weight:bold ; letter-spacing: 1px; color:#111;}

#mid-right-content{float:right; height:50px; width:475px; margin: 220px 0 0 0; background-color:#000; border: solid red 0px}
#mid-right-content p {height:200px; width:435px; text-align : justify; margin:0; padding: 0 20px; font-size:16px; font-weight:normal ; line-height:24px; color:#620002;}

/**********Centre Content**********/

#white-bkg{width: 950px; min-height:100%; background: #fff}

#centre-holder-full {float:left; width: 950px; margin: 0; padding: 0; border: solid blue 0px}
#centre-holder-full h2{margin:5px 0 10px 0; font-size:16px; font-weight: 600; color: #666;}
#centre-holder-full h3{float:left; width:160px; margin:0; padding:20px 50px; text-align: left; font-family:ERASLGHT; font-size:14px; font-style:italic; font-weight: 600; color: #666;}
#centre-holder-full h4{width:300px; margin:10px 0 20px 40px; padding: 0; font-size:18px; font-weight:bold; color: #c3201f; border: solid blue 0px}

#centre-holder-left {float:left; width: 700px; margin: 0; padding: 0; border: solid blue 0px}
#centre-holder-left h3{float:left; width:160px; margin:0; padding:20px 50px; text-align: left; font-size:14px; font-style:italic; font-weight: 300; color: #666;}
#centre-holder-left h4{width:300px; margin:10px 0 20px 40px; padding: 0; font-size:18px; font-weight:bold; color: #c3201f; border: solid blue 0px}

#centre-holder-left a, #centre-holder-full a, #centre-holder-page a{color: #c3201f;}
#centre-holder-left a:hover, #centre-holder-full a:hover, #centre-holder-page a:hover{text-decoration:none}

#centre-col-full {width: 850px; margin: 20px auto 0; padding: 0; background: none; border: solid red 0px}
#centre-col-left {width: 600px; margin: 20px auto 0; padding: 0; background: none; border: solid red 0px}

#centre-holder-right {float:right; width: 250px; margin: 0; padding: 0; border: solid blue 0px}

#rightlink ul{float:right;list-style-type:none; display:block; height:25px;width:200px; margin:10px 0 0 0; padding:0;background: none; border: solid red 0px}
#rightlink li {width:200px; padding:0; margin:0;font-size:13px;font-weight:bold;line-height:28px; border: solid green 0px}
#rightlink a.red{width:205px;display:block; float:right; padding:7px 23px; margin:0;height:25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; 
text-decoration:none; color:#f19c9c; background-color:#c3201f; border-bottom: solid #ad1b1a 1px}
#rightlink a.red:hover{background-color:#da2322; color:#fff;}
#rightlink a.blue{width:205px;display:block; float:right; padding:7px 23px; margin:0;height:25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; 
text-decoration:none; color:#b3b3f1; background-color:#1b1bb2; border-bottom: solid #13137c 1px}
#rightlink a.blue:hover{background-color:#2727e7; color:#fff;}
#rightlink a.green{width:205px;display:block; float:right; padding:7px 23px; margin:0;height:25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; 
text-decoration:none; color:#79c579; background-color:#0c550c; border-bottom: solid #083808 1px}
#rightlink a.green:hover{background-color:#117711; color:#fff;}

#benefitsbox {float:left; width: 890px; margin:20px 0 0 60px; border: solid blue 0px}

#centre-holder-page {float:left; width: 890px; margin: 0 0 0 50px; padding: 0; border: solid blue 0px}

ul.yes {float:left; margin:25px 0 30px 50px;border: solid red 0px}
li.yes {float:left;list-style-type: none; min-height:30px; width:450px; padding-left: 30px; margin:0 ; background: url(images/yes.jpg) no-repeat top left; font:normal bold 12px arial;}
ul.yesbenefits {width:300px; margin:5px 0 10px 0;border: solid red 0px}
#listbox{float:left; width:420px; border: solid red 0px}
#listbox h4{width:300px; margin:10px 0 20px 40px; padding: 0; font-size:18px; font-weight:bold; border: solid blue 0px}
ul.sublist {float:left; margin:-10px 0 20px 100px;border: solid red 0px}
li.sublist {float:left;list-style-type: none; width:400px; margin:0 ; font:normal bold 12px arial;}

img.leftimg {float:left; margin:10px}
img.rightimg {float:right; margin:10px 0 10px 10px}

span.redtext {font-size: 17px; color: #CD222B}
span.redtext2 {font-size: 12px; font-weight: 900; color: #CD222B}
#moreinfo-cont {float:left; height:100px; width:850px; margin:0 15px 0 20px; border:solid red 0px}
#moreinfo {float:left; height:100px; width:240px; margin:0 13px 0 20px; border:solid red 0px}

#index-bullets-list{float:left; width:642px; margin: 10px 0 20px 0; border:solid red 0px}
#index-bullets{width:600px; height:60px; margin: 10px 0 0 20px; background: url(images/index-bullet.jpg) no-repeat left top; border:solid red 0px}
#index-bullets a{display:block; width:535px; height:45px; margin:0; padding: 15px 0 0 65px; font-size:19px; color: #fff; text-decoration : none; border:solid red 0px}
#index-bullets a:hover{background: url(images/index-bullet2.jpg) no-repeat left top; color: #ff0000}

span.hilite{color: #ffcc00}
p.contact {font-size: 20px;line-height : 18px;color: #004C05; margin: 10px 0 10px 0;text-align:justify}

#legal-requirements {width: 620px; margin: 0 0 0 10px}
ul.legal {float:left; margin:20px 0 10px 10px; border: solid red 0px}
li.legal {float:left; width:540px; margin:0 0 25px 0; font:normal bold 12px arial; text-align: justify; border: solid red 0px}
#legal-requirements h1 {margin: 20px 0; font-weight:bold; font-size: 22px; color:#fff}
#legal-requirements p {margin: 0 0 15px 0; font-weight:normal ; font-size: 12px;line-height : 18px; text-align:justify; color:#000}
ul.standard {float:left; margin:20px 0 10px 10px; border: solid red 0px}
li.standard {float:left; width:540px; margin:0 0 25px 0; font:normal bold 13px arial; text-align: justify; border: solid red 0px}
li.less {float:left; width:540px; margin:0 0 15px 0; font:normal bold 13px arial; text-align: justify; border: solid red 0px}

table.pricing{float:left; width: 612px; margin: 5px 10px 20px 10px }
tr.pricing-hd {width: 612px; height: 40px; margin: 0}
td.pricing-hd {width: 204px; height: 30px; margin: 0; padding: 0 0 0 10px; font-size:16px; font-weight: 600; color: #fff; background-color: #C20303;}
td.pricing-box {width: 204px; height: 30px; margin: 0; padding: 0 0 0 10px; font-weight:normal ; font-size: 12px; color: #fff; background-color: #444;}


/**********right col**********/

#right-col{float:right; width: 225px; margin: 0; padding: 10px 0 0 0; background:none; border: solid red 0px}
#right-col p {width:160px; text-align : justify; margin:10px 0; padding: 0 20px; font-size:12px; font-weight:normal ; line-height:16px; color:#444;}
#right-col h1 {text-align : left; margin:10px 0 10px 10px; padding: 0; font-size:18px;  font-weight:bold ;line-height:18px; color:#444;}
#right-col h2 {text-align : left; margin:10px 0 10px 10px; padding: 0; font-size:26px;  font-weight:bold; line-height:18px; color:#CD222B;}
#right-col hr {width: 180px; height: 5px; margin:15px 10px; background: #b0b0b0; border: none}
img.right-col-align {margin:0 0 0 20px;}

#right-col-top{float:left; width : 225px; min-height: 188px; margin: 0 auto 0 ; padding:0 ; background-color: none; border: solid blue 0px}

/***********Contact Form
see contact.css
***********/

/**********Footer**********/

#footer-header-f {float: left; height:120px; width : 100%; margin: 0; padding:0; background: url(images/footer-header-f.jpg) no-repeat center bottom; border: solid yellow 0px}
#footer-header-t {float: left; height:120px; width : 100%; margin: 0; padding:0; background: url(images/footer-header-t.jpg) no-repeat center bottom; border: solid yellow 0px}
#footer-cont {float: left; height:305px; width : 100%; margin: 0; padding:0; background: url(images/footer-cont-bkg.jpg) repeat-x left bottom; border: solid yellow 0px}

#footer-top-area {height:145px;  width : 950px; margin: 0 auto 0 ; padding:20px 0 0 0; border: solid blue 0px}
#footer-top-links {width: 700px; height:160px; margin: 0 auto 0; padding:0; border: solid green 0px}
ul.footer-toparea-links {height:140px; float: left; list-style-type:none; margin:2px 0 2px 100px ; padding:0; font-size: 11px;font-weight : normal; border: solid red 0px}
#footer-top-links li{margin:4px 0 0 0;}
a.top-links {color : #CF9494; text-decoration : none;}
a.topmain-links {margin:4px 0 0 0; color : #FFCBCB; text-decoration : none;}
#footer-top-links a:hover{color : #E0B1B1;}

/**********Footer 4 column
#footer-top-links {width: 850px; height:160px; margin: 0 auto ; padding:0; border: solid green 0px}
ul.footer-toparea-links {height:140px; float: left; list-style-type:none; margin:2px 50px; padding:0; font-size: 11px;font-weight : normal; border: solid red 0px}
**********/

#footer{height:140px; width : 950px; margin: 0 auto 0 ; padding:0 0 0 30px; text-align:center; background: none; border: solid blue 0px}
#footer p{width:950px; margin:0px; font-size: 11px;text-align:center; font-weight : bold;font-family : tahoma, arial, Helvetica, sans-serif; color:#8C0000; border: solid blue 0px}
#footer a{color : #A30000; text-decoration : none;}
#footer a:hover{color : #ff0000;}

#footer-links{float: left; height:130px; width : 310px; margin: 0 ; padding:0; border: solid blue 0px}
#footer h3{margin:28px 0 0 0 ; padding:0;font-size: 11px; font-weight : normal; color:#666; border: solid blue 0px}
ul.footer{float: left; list-style-type:none; margin:2px 40px 0 0; padding:0; font-size: 11px;font-weight : normal; color:#666 ;border: solid red 0px}
li.footer{margin:4px 0 0 0;}
#footer img{margin:0; border: solid blue 0px}
#footer hr {width: 125px; height: 1px; margin:4px 0; background: #999; border: none}

/*--------------fix----------------*/

@media screen and (-webkit-min-device-pixel-ratio:0){.menu a:link, a:visited{padding:0em 1.58em 2.1em 1.4em;}
@media only screen and (max-device-width: 1024px){.menu a:link, a:visited{max-width: 500px;}}