/*--------------------------------------------------------------------------------
/*										.Community Blood Services
/*--------------------------------------------------------------------------------*/
body
{
	background-color: #F8F8F8;
}

body, td, .type {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #000000;
margin : 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------
/*										H
/*--------------------------------------------------------------------------------*/
h1, h2, h3, h4 {
margin:0px;
padding: 0px;
border: 0px;
}

h1 {
font: 24px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}

h2{
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
margin:0px;
}

h3 {
font: 16px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}

h4 {
font: 14px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}

h5 {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}

/*--------------------------------------------------------------------------------
/*										img
/*--------------------------------------------------------------------------------*/
img {border-color: lightgrey;}

a img
{
	text-decoration: none;
	color: #000;
}
/*--------------------------------------------------------------------------------
/*										a
/*--------------------------------------------------------------------------------*/
a {
color: #0066FF;
text-decoration: none;
}

a:hover {
color: #0066FF;
text-decoration: underline;
}

/*--------------------------------------------------------------------------------
/*										Main Structure
/*--------------------------------------------------------------------------------*/
#frame
{
	width:800px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid lightgrey;
}

.maintable
{
	border: 1px solid lightgrey;
}
/*--------------------------------------------------------------------------------
/*										.topmenu
/*--------------------------------------------------------------------------------*/
#topmenu
{
	border: 0px;
	background-color:#929773;
	width:100%;
	padding:0px;
	margin:0px;
	z-index:5;
}

#flashcontent
{
z-index:-1;
}
.animation
{
position:absolute;
z-index:-1;
}

/*--------------------------------------------------------------------------------
/*										.indexttitle
/*--------------------------------------------------------------------------------*/
.indextitle
{
	background-color: white;
	border: 1px solid #929773;
	width: 230px;
	
	text-align:left;
	font: 18px arial,verdana,helvetica,sans-serif;
	font-weight: bold;
	color: #929773;
	padding-left: 10px;
	margin-top:10px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
}
.indextitle  a:link
{
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #929773;
padding-left: 20px;
}
.indextitle  a:hover
{
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #929773;
padding-left: 20px;
text-decoration: none;
}
.indextitle  a:visited
{
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #929773;
padding-left: 20px;
}
/*--------------------------------------------------------------------------------
/*										.valignbottom
/*--------------------------------------------------------------------------------*/

.valignbottom
{
	vertical-align: bottom;
	bottom:0px;
	width: 100%;
	height: 100%;
	text-align: center;
}


/*--------------------------------------------------------------------------------
/*										trlocation & tdlocation
/*--------------------------------------------------------------------------------*/
.trlocation
{
	vertical-align:top;
	background-color:green;

}
.tdlocation
{
	vertical-align: top;
	background-color:transparent;
	text-align: left;
	width:245px;
	border:1px solid transparent;
	padding:5px 10px 5px 10px;
}
.tdlocation:hover
{
	vertical-align: top;
	background-color:#EBE7D0;
	text-align:left;
	border: 1px solid;
	border-color: #929773;
}

/*--------------------------------------------------------------------------------
/*										.spacers and fillers
/*--------------------------------------------------------------------------------*/
.spacer10
{
	height: 10px;
}
.spacer5
{
	height: 5px;
}
.spacer7 
{
	height: 7px;
}

.maintopfiller
{
	height: 7px;
}

.tdfiller30
{
	width:30px;
	text-align:left;
	vertical-align: top;
}

.tdfiller16
{
	width:16px;
	text-align:left;
	vertical-align: top;
}
.tdfiller254
{
	width:254px;
	vertical-align: top;
	text-align: center;
}

.menufiller
{
	border-bottom: 1px solid #929773;
	width: 230px;
}
/*--------------------------------------------------------------------------------
/*										.locatinholder
/*--------------------------------------------------------------------------------*/
.locationholder
{
	width:50px;
}

.noborder {
border-color: white;
}

.topbox {
width:100%;
Background-color: inheret;
}
/*--------------------------------------------------------------------------------
/*						facebook   .fbLikeNews
/*--------------------------------------------------------------------------------*/
.fbLikeNews
{
	float:left;
	text-align:left;
	width:49%;
	border: 0px solid;
}

.newstop
{
float: right;
text-align: right;
background-color: inheret;
width:100%;
}

.prlink {
width:49%;
float: right;
text-align:right;
background-color: inheret;
border: 0px solid;
}

.date {
text-align:left;
font: 11px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #970F00;
font-style:italic;
}
/*--------------------------------------------------------------------------------
/*										.font Manipulation
/*--------------------------------------------------------------------------------*/
.tan20 {
font: 20px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #929773;
}

.tan18 {
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #929773;
}

.red24 {
font: 24px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}

.red18 {
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}

.red16 {
font: 16px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}

.red14 {
font: 14px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}

.red12 {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}

.red11 {
font: 11px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
}
/*--------------------------------------------------------------------------------
/*										.formsearch
/*--------------------------------------------------------------------------------*/
.formsearch {
font: 11px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #000000;
background-color: #F2F3F3;
border: 1px solid;
border-color: #999999
}

.formfield {
font: 11px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #004BAA;
background-color: #ffffff;
border: 1px solid;
border-color: #999999
}

.formbutton {
font: 11px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #ffffff;
background-color: #929773;
border: 1px solid;
border-color: #999999
}

.formbuttononlineorder {
font: 14px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #ffffff;
background-color: #FF6600;
border: 1px solid;
border-color: #999999;
cursor: pointer;
}

.formrequired {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #004BAA;
background-color: #d9ecff;
border: 1px solid;
border-color: #999999
}
/*--------------------------------------------------------------------------------
/*										.jingle
/*--------------------------------------------------------------------------------*/
.jingle
{
font: 14px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: green;
}

.jingle p 
{
  font-style:italic;
}

/*--------------------------------------------------------------------------------
/*							.emergency .important
/*--------------------------------------------------------------------------------*/
.emergency{
font: 24px arial,verdana,helvetica,sans-serif;
color: white;
font-weight: bold;
background:red;
}

.important {
font: 16px arial,verdana,helvetica,sans-serif;
color: #C21500;
font-weight: bold;
background: #EBE7D0;
text-align: center;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid #929773;
}

a.important  {
font: 16px arial,verdana,helvetica,sans-serif;
color: #C21500;
font-weight: bold;
text-decoration: none;
border: 0px;
}

a.important:hover  {
font: 16px arial,verdana,helvetica,sans-serif;
color: #C21500;
font-weight: bold;
text-decoration: none;
border: 0px;
} 

/*--------------------------------------------------------------------------------
/*								Font Manipulation		.type_
/*--------------------------------------------------------------------------------*/
.type_white {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #ffffff;
}

.type_title {
font: 16px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970F00;
border-bottom: 1px solid lightgrey;
}

.type_red_bold {
font: 12px arial,verdana,helvetica,sans-serif;
color: red;
font-weight:bold;
}

.type_whitebold {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #ffffff;
}

.type_bold {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
}

.type_blue {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #3399CC;
}

.type_black {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #000000;
}

.type_lt_blue {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #99CCFF;
}

.type_gray {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #757575;
}

.type_big {
font: 13px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #000000;
}

.type_medium {
font: 15px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #000000;
}

.type_bigger {
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #000000;
}

/*--------------------------------------------------------------------------------
/*										.menu
/*--------------------------------------------------------------------------------*
.menu {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background-color: #929773;
}

.menu:hover {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970542;
text-decoration: none;
background-color: #EBE7D0;
cursor:pointer;
}

.menuback {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970542;
text-decoration: none;
background-color: #EBE7D0;
}

.menuback:hover {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970542;
text-decoration: none;
background-color: #EBE7D0;
cursor:pointer;
}

/*--------------------------------------------------------------------------------
/*										.arrow
/*--------------------------------------------------------------------------------*/
.arrow {
font: 11px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #0066FF;
text-decoration: none;
}

.arrow:hover {
font: 11px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #0066FF;
text-decoration: underline;
}

/*--------------------------------------------------------------------------------
/*										.newspromo
/*--------------------------------------------------------------------------------*/
a.newspromo {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #3B3B3B;
text-decoration: none;
}

a.newspromo:hover {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #3B3B3B;
text-decoration: underline;
}

/*--------------------------------------------------------------------------------
/*										.help
/*--------------------------------------------------------------------------------*/
a.help {
font: 9px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #3B3B3B;
text-decoration: none;
}

a.help:hover {
font: 9px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #3B3B3B;
text-decoration: underline;
}

a.help2 {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #3B3B3B;
text-decoration: none;
}

a.help2:hover {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #3B3B3B;
text-decoration: underline;
}

/*--------------------------------------------------------------------------------
/*										.submenu
/*--------------------------------------------------------------------------------*/
a.submenu {
font: 11px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #3B3B3B;
text-decoration: none;
}

a.submenu:hover {
font: 11px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #3B3B3B;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------
/*										.menufooter
/*--------------------------------------------------------------------------------*/
a.menufooter {
font: 9px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #999966;
text-decoration: none;
}

a.menufooter:hover {
font: 9px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #999966;
text-decoration: underline;
}

a.tan18 {
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #929773;
text-decoration: none;
}

a.tan18:hover {
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #929773;
text-decoration: none;
}

/*--------------------------------------------------------------------------------
/*										.fotocontainer
/*--------------------------------------------------------------------------------*/
.fotocontainer
{
	border: 1px solid lightgrey;
	margin-bottom: 20px;
	float: left;
	text-align: justify;
	padding: 5px;
}
/*--------------------------------------------------------------------------------
/*										.footer
/*--------------------------------------------------------------------------------*/
.footer {
font: 9px arial,verdana,helvetica,sans-serif;
font-weight: normal;
color: #999966;
}
/*--------------------------------------------------------------------------------
/*										.copy
/*--------------------------------------------------------------------------------*/
.copy {
font: 10px arial,sans-serif;
color: #999999;
font-weight: normal;
}

.copyDark {
font: 10px arial,sans-serif;
color: #000000;
font-weight: normal;
}

/*--------------------------------------------------------------------------------
/*										sitemap
/*--------------------------------------------------------------------------------*/
#level0 a {
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #970f00;
background: #fff;
border-bottom: 0px solid gray;
text-decoration: none;
}

#level0 a:hover {
font: 18px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #FF6600;
text-decoration: none;
}

#level1 a {
font: 16px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #336699;
text-decoration: none;
}

#level1 a:hover {
font: 16px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #FF6600;
text-decoration: none;
}

#level2 a {
font: 14px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #000;
text-decoration: none;
}

#level2 a:hover {
font: 14px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #FF6600;
text-decoration: none;
}

#level3 a {
font: 14px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #333;
text-decoration: none;
}

#level3 a:hover {
font: 14px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #FF6600;
text-decoration: none;
}

#level4 a {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #929773;
text-decoration: none;
}

#level4 a:hover {
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #FF6600;
text-decoration: none;
}

/*--------------------------------------------------------------------------------
/*										.menufooter
/*--------------------------------------------------------------------------------*/

#authentication
{
width:400px;
height: 200px;
font: 12px arial,verdana,helvetica,sans-serif;
font-weight: bold;
color: #004BAA;
background-color: #d9ecff;
border: 1px solid;
border-color: #999999;
}

/*--------------------------------------------------------------------------------
/*										.caption
/*--------------------------------------------------------------------------------*/
#caption
{
float: right;
font: 10px arial,verdana,helvetica,sans-serif;
color: black;
background-color: #EBE7D0;
border: 1px solid;
padding: 5px;
border-color: #999999;
margin: 5px;
text-align: justify;
}

#newstop
{
float: left;
text-align: left;
margin: 5px 5px 0px 0px;
background-color: inherit;
}

#indexbuttons
{
float: left;
text-align: center;
margin: 5px 5px 5px 5px;
background-color: inherit;
}

/*from  website --------------------------------------------------------------------------------------------*/

.redbold0 {font-family: sans-serif; font-size: 46px; color: #c00222; font-weight:bold; line-height: 125%;}
.redbold1 {font-family: sans-serif; font-size: 21px; color: #c00222; font-weight:bold; line-height: 125%;}
.blackbold1 {font-family: sans-serif; font-size: 24px; color: #1d181a; font-weight:bold; line-height: 125%;}
.redbold2 {font-family: sans-serif; font-size: 32px; color: #c00222; font-weight:bold; line-height: 125%;}
.blackbold2 {font-family: sans-serif; font-size: 18px; color: #1d181a;  line-height: 125%;}
.blackbold3 {font-family: sans-serif; font-size: 18px; color: #1d181a;  line-height: 125%;}
.redbold3 {font-family: sans-serif; font-size: 16px; color: #c00222;  line-height: 125%;}
.redbold4{font-family: sans-serif; font-size: 13px; color: #981111; font-weight:bold; line-height: 125%;}
.redbold5{font-family: sans-serif; font-size: 13px; color: #981111; font-weight:bold; line-height: 125%;}
.tealbold2 {font-family: sans-serif; font-size: 16px; color: #18698c;  line-height: 125%;}
.brownbold0 {font-family: sans-serif; font-size: 30px; color: #a96127; font-weight:bold; line-height: 125%;}
.whitebold1 {font-family: sans-serif; font-size: 18px; color: #ffffff;  line-height: 125%; font-weight:bold;}

.whitebold0 {font-family: arial; font-size: 30pt; color: #FFFFFF; font-weight:bold; line-height: 125%;}

.whitebold1 {font-family: arial; font-size: 11pt; color: #FFFFFF; font-weight:bold; line-height: 125%;}
.white1 {font-family: arial; font-size: 10pt; color: #FFFFFF; line-height: 125%;}
.whitebold2 {font-family: arial; font-size: 16pt; color: #FFFFFF; font-weight:bold; line-height: 125%;}
.white2 {font-family: arial; font-size: 10.5pt; color: #FFFFFF; line-height: 125%;}

p.body01 { margin-right:10px;}
p.body02 { margin-left:10px;}
p.footer01 { margin-bottom:15px;}

/* -------------------------------------------------------------------------------------------------------------*/