@charset "UTF-8";
/* CSS Document */

* {
   margin: 0; /* Sets everything to 0 */
   padding: 0;
   text-decoration: none;
}

body {
   background-color: #FFF;
   /*background-image:url(bg_lines.gif);*/
   background-image:url(bg_main2.gif);

   background-repeat:repeat;
   text-align: center; /* this is important if you have center alignment in body tag */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 75%;
}


.wysiwyg p {
   /*padding-bottom:3px;*/
   padding-top: .8em;
}

.wysiwyg ol {
   margin-left: 20px;
   color: #484848;
}

.wysiwyg2 p {
   /*padding-bottom:3px;*/
   padding-top: .8em;
}

.wysiwyg2 ol {
   margin-left: 20px;
   color: #00AAD8;
}


p {
   font: Arial, Helvetica, sans-serif;
   font-size: 1em;
   color: #484848;
   padding-top: .8em;
}

img {
   border: 0px;
}

a {
   outline: none;
}

h1 {
   text-transform: uppercase;
}

h2 {
   text-transform: uppercase;
}

h3 {
   font-size: 1em;
   color: #000;
   line-height: 18px;
   margin-top: 3px;
}

ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.clear {
   clear: both;
   margin: 0px;
   padding: 0px;
}

.left {
   float: left;
}

.right {
   float: right;
}

.hide {
   position: absolute;
   margin-left: -3000px;
}

.hide2 {
   margin-left: -3000px;
}


#container {
   width: 945px;
   background-image:url(bg_body_main.gif);
   padding: 0 28px;
   margin: 0px auto; /* auto = centre align page */
   background-repeat: repeat-y;
   /*background-color: #fff;*/
   text-align: left;
}

#head {
   height: 150px;
   padding: 0 15px 0 10px;
   width: 950px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 920px;
}

#bottom_border {
   clear: both;
   height: 100px;
   margin-left: auto;
   margin-right: auto;
   width: 1000px;
   background-image: url(../images2/bottom.jpg);
   background-repeat: no-repeat;
}



/* main content containers */

#content {
	font-size: 1em;
	float: left;
	/* background-color: #B2B2B2; */
	width: 945px;
	padding-bottom: 5px;
}


#footer {
   margin-bottom: 13px;
   padding: 19px 17px 15px 17px;
   background-image:url(footer_bg.png);
   /*background-color: #B2B2B2;  */
    float: left;
   width: 945px;
   height: 50px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 911px;
   height: 16px;
}

#footer #links {
   float: right;
   height: 11px;
   width: 265px;
}

#footer #redcross {
   width: 139px;
   height: 11px;
   float: left;
}

#footer #redcross a {
   width: 139px;
   height: 11px;
   background: url(../images2/foot_redcross.gif) left top no-repeat;
   padding-left: 0 !important;
   display: block;
   line-height: 11px;
   overflow: hidden;
}

#footer #redcross a:hover {
   background-position: left -11px;
}

#footer #transfusion {
   width: 125px;
   height: 11px;
   float: left;
   line-height: 11px;
   overflow: hidden;
}

#footer #transfusion a {
   width: 125px;
   height: 11px;
   background-image: url(../images2/foot_transfusion.gif);
   background-position: left top;
   background-repeat: no-repeat;
   padding-left: 0 !important;
   display: block;
}

#footer #transfusion a:hover {
   background-position: left -11px;
}


#footer p {
   font: Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   color: #000000;
   font-weight: normal;
   padding: 0;
}

#footer a {
   font: Arial, Helvetica, sans-serif;
   font-size: 1em;
   color: #000000;
   font-weight: normal;
   padding-left: 20px;
   background-image: url(../images2/point.gif);
   background-position: 10px;
   background-repeat: no-repeat;
}

#footer a:hover {
   color: #BE1C06;
}

.pix {
   font-size: 12%;
}


.help {
   border-bottom: 1px dotted #DECA7E;
   cursor: help;
}
.help * {
   border-bottom: none;
}

#tooltip h1 {
   text-transform: none;
}

#tooltip {
   background-color: #FFF;
   border: 3px solid #bfbfbf;
   color: #000;
   font-family: Arial;
   font-size: 12px;
   line-height: 18px;
   position: absolute;
   text-align: left;
   z-index: 2;
   width: 250px;
   display: none;
   cursor: help;
}

#tooltip .close {
   cursor: pointer;
   background: URL(../images2/close.gif) left top no-repeat;
   position: absolute;
   right: 10px;
   top: 10px;
   display: block;
   text-indent: -5000px;
   height: 9px;
   width: 9px;
}

#tooltip h1 {
   background: #bfbfbf;
   position: relative;
   font-size: 14px;
   padding: 10px 15px 10px 10px;
   color: #FFF;
}

#tooltip p {
   padding-left: 13px;
   padding-right: 13px;
   margin-bottom: 10px;
}