/* CSS Document */

div.box { position: absolute; top: 10px; left: 100px; width: 800px;}
div.menu {height:25px; text-align:right; background-color:#000096}
div.content {background-image:url(images/hatter-content.jpg);}
div.text {width:460px; padding:0px 170px 10px 170px;}
div.header {width:600px; padding:1px 100px 1px 100px; background-image:url(images/hatter-header.jpg);}
div.separator {height:2px; background-color:#CCCCCC;}
div.separatortwo {height:30px; width:500px; background-image: url(images/text-htag.jpg);}

div.leftcontent {position: relative; width: 330px; background-color:#FFFFFF; padding:10px 10px 10px 60px; float:left; background-image:url(images/hatter-header.jpg);}
div.rightcontent {position: relative; width: 330px; background-color:#FFFFFF; padding:10px 60px 10px 10px; float:right; background-image:url(images/hatter-header.jpg);}

div.greyborder {border: medium solid #CCCCCC; padding:0px 20px 0px 20px; margin-left:20px; margin-right:20px; margin-top:0px; margin-bottom:0px}

h1 {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#323296; padding:0px 0px 0px 0px;}
h2 {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#323296;}

p {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; }
p.center {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; }
p.right {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:right; }
p.title {font-size:30px; font-family:Impact, Arial; text-align:center;}
p.subtitle {font-size:17px; font-family:Times New Roman; Arial, Helvetica, sans-serif; text-align:center; }
p.titletwo {font-size:20px; font-family:Impact, Arial; text-align:center;}
p.rightalignsmall {font-size:14px; font-family:Times New Roman; Arial, Helvetica, sans-serif; text-align:right; }
p.white {font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:right; }


p.numberone {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:12px 0px 12px 40px; background: url(images/number-one.jpg) no-repeat 0px;}
p.numbertwo {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:12px 0px 12px 40px; background: url(images/number-two.jpg) no-repeat 0px;}
p.numberthree {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:12px 0px 12px 40px; background: url(images/number-three.jpg) no-repeat 0px;}
p.numberfour {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:12px 0px 12px 40px; background: url(images/number-four.jpg) no-repeat 0px;}
p.numberfive {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:12px 0px 12px 40px; background: url(images/number-five.jpg) no-repeat 0px;}
p.numbersix {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:12px 0px 12px 40px; background: url(images/number-six.jpg) no-repeat 0px;}

p.checlist {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:6px 0px 6px 40px; background: url(images/checklist-checkmark.jpg) no-repeat 0px; margin-left:20px;}
p.checlistsmall {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:2px 0px 2px 30px; background: url(images/checklist-checkmark-small.jpg) no-repeat 0px; margin-left:50px;}

p.numberonesmall {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:4px 0px 5px 40px; background: url(images/number-one-small.jpg) no-repeat 0px;}
p.numbertwosmall {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:4px 0px 5px 40px; background: url(images/number-two-small.jpg) no-repeat 0px;}
p.numberthreesmall {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:4px 0px 5px 40px; background: url(images/number-three-small.jpg) no-repeat 0px;}
p.numberfoursmall {font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; padding:4px 0px 5px 40px; background: url(images/number-four-small.jpg) no-repeat 0px;}