@import url("tms-home.css");
@import url("tms-interior.css");
@import url("tms-abc.css");
@import url("tms-forms.css");



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

body {
	background-color: #08378f;
	text-align: center; /* this is important if you have center alignment in body tag */
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}

.wysiwyg p {	
	padding: 8px 0 0 0;
}


img {
	border: 0;
}

h2 {
	padding-top: 16px;
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
	color: #103E93;
}


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

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


.bold {
	font-weight: bold;
}

#container {
	width: 967px;
	margin: 10px auto 0px;
	margin: 0px auto; /* auto = centre align page */
	background-color: #fff;
	text-align: left;
}

/* MAIN CONTENT CONTAINER STYLES
----------------------------------------------- */


#content {
	font-size: 1em;	
	float: left;	
	padding: 20px 16px 0px 16px;
	
	width: 935px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 923px;
}


#columna{
	float: left;
	width: 180px;
}

#columnb{
	float: left;
	padding: 0px 6px 0px 6px;
	
	width: 584px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 572px;
}


#columnc{
	float: left;
	padding: 5px 5px 0 5px;
	background: url(../images/RHC-top.gif) no-repeat;
	
	width: 179px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 169px;
}

#RHBase{
	height: 15px;
}



/* HEADER STYLES
----------------------------------------------- */


#header{
	background-color: #fff;
	padding: 4px 0 0 17px;
	margin: 0 0 0 0;
	clear: both;
	
	width: 955px;
	height: 77px; /* ie 5 */
	voice-family: "\"}\"";
	voice-family: inherit;
 	height: 73px; /* Modern Browser */
	width: 938px;
}

a#logo{
	float: left;
	width: 171px;
	height: 60px;
	background: url(../images/arcbs-logo.gif) 0 7px no-repeat;
	overflow: hidden;
	text-indent: -5000px;
}

#middle_container #header #title{
	float: left;
	background: url(../images/TMS-title.gif) 473px 8px no-repeat;
	width: 755px;
	margin-top: 15px;
	height: 50px;
	overflow: hidden;
	text-indent: -5000px;
}

#middle_container #header #erictitle{
	float: left;
	background: url(../images/eric-title.gif) 352px 8px no-repeat;
	width: 755px;
	margin-top: 15px;
	height: 50px;
	overflow: hidden;
	text-indent: -5000px;
}




/* TOP NAVIGATION STYLES
----------------------------------------------- */

#topnav{
	background: url(../images/nav-tile.gif) no-repeat #fff;
	padding-top: 5px;
	width: 955px;
	
	height: 35px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 29px;	
}


#topnav li{
	float: left;
	font-size: .9em;
	text-transform: uppercase;
	font-weight: normal;
}

#topnav li a:link, #topnav li a:visited{
	display: inline;
	list-style: none;
	padding: 0 8px;	
	border-right: 1px solid #fff;
	color: #fff;
}

#topnav li a:hover{
	text-decoration: underline;
}


#topnav li#first a{
	padding-left: 20px;
}

#topnav li#last a{
	border-right: 0px none;
}

ul#topnav2{
	float: right;
	margin: 0 12px 0 0;
}

#topnav li#transfusion a{	
	border-right: 1px solid #fff;	
}

#topnav li#redCross a{
	border-right: 0px none;
}




/* MAIN NAVIGATION STYLES
----------------------------------------------- */



#menuContainer {
	padding: 15px 5px 5px;
	background: url(../images/nav-top.gif) no-repeat;
	margin-right: 20px;
	
	width: 180px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px;
}

#menuBase {
	background: url(../images/nav-bottom.gif) no-repeat;
	height: 14px;
}


/* MENU EXTRAS STYLES
----------------------------------------------- */



#menu #active a:link, #menu #active a:visited{
	color: #000;
}

#menu #active a:hover{
	background-color: #fff;
}

#menuDown{
	background: url(../images/arrow-nav-down.gif) 1px 8px no-repeat;
}




/* MENU STYLES
----------------------------------------------- */

#menu {
	width: 170px;
}
	
	
#menu li a {
	border-top: 1px solid #fe9d9d;
	text-decoration: none;
	
	height: 18px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 100%;
}	


#menu li a:link, #menu li a:visited {
	font-weight: bold;	
	color: #f00000;
	display: block;
	padding: 5px 0 5px 13px;
	background: url(../images/arrow-nav.gif) 2px 8px no-repeat;
}

#menu li a:hover {
	color: #f00000;
	background: url(../images/arrow-nav.gif) 4px 8px no-repeat #FFFFFF;
}


#menu li li a{
	border-top: 1px solid #f7cccc;
	text-decoration: none;
	height: inherit;	
}	
	
#menu li li a:link, #menu li li a:visited {
	font-weight: normal;
	font-size: .9em;
	background-image: none;
	padding: 3px 0 3px 13px;
}

#menu li li a:hover {
	background: #fff;
}



#menu li li.selected a:link, #menu li li.selected a:visited, #menu li li.selected a:hover {
	background: #fff;
	font-size: .9em;
	font-weight: normal;
}
#menu .selected ul li{
	background: #fff;
	font-size: .9em;
	font-weight: normal;
}


#menu li li li a{
/*	border-top: 1px solid #EAEAEA;
	text-decoration: none;
	height:inherit;
	height: 12px;
	color: #FFF;*/
}	
	
#menu li li li a:link, #menu li li li a:visited {
/*	color: #FFF;
	font-weight: normal;
	font-size:11px;
	background-image: none;*/
	padding-left: 20px;

}


#menu li li li a:hover {
	background: #fff;
}	


/* MENU SINGLE STYLES
----------------------------------------------- */
	


#columna .navSingle{
	height: 30px;
	width: 180px;	
}

#columna .navSingle a:link, #columna .navSingle a:visited {
	font-weight: bold;	
	color: #666;
	display: block;
	padding: 5px 0 10px 18px;
	background: url(../images/nav-single.gif) no-repeat;
}

#columna .navSingle a:hover {
	background: #fff;
	color: #000000;
	background: url(../images/nav-single.gif) no-repeat 0px -41px;
}

/* FOOTER STYLES
----------------------------------------------- */

#footer {
	background: url(../images/footer-tile.gif) no-repeat #08378f;
	font-size: 1em;
	color: #666;

	height: 85px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 80px;
}

#footer a:link, #footer a:visited {
	color: #f10000;
}


#footer a:hover {
	text-decoration:underline;
}


/* FOOTER NAVIGATION STYLES
----------------------------------------------- */


#footer li {
	float: left;
	font-size: .9em;
}

#footer li a:link, #footer li a:visited {
	display: inline;
	list-style: none;
	padding: 0 8px;	
	border-right: 1px solid #B4C4E3;
	color: #039;
}

#footer li a:hover {
	text-decoration: underline;
}


#footer li#footerfirst a {
	padding-left: 20px;
}

#footer li#footerlast a {
	border-right: 0px none;
}


/* FOOTER BITS STYLES
----------------------------------------------- */


#footerNav {
	padding-top: 5px;
}

#copyright {
	float: left;	
	padding-top: 10px;
	padding-left: 20px;
	display: inline;
	width: 400px;
	clear: both;
	font-size: .8em;
}

#icon {
	float: right;
	display: inline;
	padding-top: 10px;
	padding-right: 20px;
	font-size: .8em;	
}


/* RHS link -------- */

.RHSlink a:link, .RHSlink a:visited {
	background: url(../images/arrow-red.gif) 0px 5px no-repeat;
	padding-left: 10px;
	color: #CC0000;
}

.RHSlink a:hover{
	text-decoration: underline;
}
	



/* SEARCH STYLES
----------------------------------------------- */



#searchBox {
	background: url(../images/search-bg.gif) 0 0 no-repeat #fff;
	height: 42px;
	margin: 4px 0 0 0;
	padding: 0 0 0 15px;
	
	width: 572px; /* Old Browser */
 	voice-family: "\"}\"";
    voice-family: inherit;
 	width: 557px; /* Modern Browser */
}

#searchBox input.searchBtn {
	width: 50px;
	height: 23px;
	border: 0;
	margin: 9px 0 0 12px;
}

#searchBox label {
	background: url(../images/search-title.gif) 0 0 no-repeat ;
	display: block;
	width: 48px;
	height: 14px;
	float: left;
	margin: 14px 12px 0 0px;
	font-size: .8em;
	overflow: hidden;
	text-indent: -5000px;
}

#searchBox input {
	width: 212px;
	height: 20px;
	border: 1px solid #94aad0;
	font-size: 1em;
	padding: 1px 2px;
	margin: 11px 0 0 0;
	float: left;
	
	
	width: 216px;
	height: 20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 16px;
	width: 212px;/* Modern Browser */
}





/* TMS STYLES
----------------------------------------------- */

#middle_container {
	background: url(../images/main-tile.gif) repeat-y 0px 0px;
	width: 955px;
	margin: 0 0 0 0;
	padding: 0 6px 0 6px;
}



/* LEFT HAND SIDE BUTTON STYLES
----------------------------------------------- */

#tmsLogin {
	background: url(../images/tms-login2-btn.gif) no-repeat 0px 0px;
	display: block;
	padding: 6px 0 0 9px;
	font-size: .9em;
	color: #000000;
	line-height: 15px;
	margin-bottom:6px;
	
	height: 55px;
	width: 180px; /* Old Browser */
 	voice-family: "\"}\"";
    voice-family:inherit;
	height: 49px;
 	width: 171px; /* Modern Browser */
}


a:link#tmsLogin , a:visited#tmsLogin {
	background: url(../images/tms-login-btn.gif) no-repeat 0px 0px;
	display: block;
	padding: 6px 0 0 9px;
	font-size: .9em;
	color: #000000;
	line-height: 15px;
	
	height: 48px;
	width: 180px; /* Old Browser */
 	voice-family: "\"}\"";
    voice-family:inherit;
	height: 42px;
 	width: 171px; /* Modern Browser */
}



a:hover#tmsLogin { 
	background: url(../images/tms-login-btn.gif) 0 -48px no-repeat;
}


.loginTxt {
	padding: 0 0 0 9px;
	font-size: 1em;
	color: #f00000;
	background: url(../images/arrow-red-small.gif) 0 5px no-repeat;	
}


a:link#tmsManual , a:visited#tmsManual {
	background: url(../images/tms-manual-btn.gif) no-repeat 0px 0px;
	display: block;
	height: 51px;
	width: 180px;
	overflow: hidden;
	text-indent: -5000px;
}



a:hover#tmsManual { 
	background: url(../images/tms-manual-btn.gif) 0 -51px no-repeat;
}



/* RIGHT HAND SIDE BUTTONS STYLES
----------------------------------------------- */



#quicklinks-container {
	background: url(../images/quicklinks-bottom.gif) 0 bottom no-repeat;
	padding-bottom: 14px;
	margin: 0px 0 6px 0;
	width: 169px;	
}

#quicklinks {
	width: 149px;
	text-align: left;
	padding: 0px 10px 0px 10px;
	background: url(../images/quicklinks-tile.gif) repeat-y;
	margin: 0px;
	font-weight: bold;
}

#quicklinks h2 {
	background: url(../images/title-quicklinks.gif) no-repeat;
	width: 169px;
	height: 29px;
	margin: 0 -10px 0 -10px;
	padding: 0 0 12px 0;
	
	overflow: hidden;
	text-indent: -5000px;
	
	height: 41px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	height: 29px;
}

#quicklinks a:link, #quicklinks a:visited {
	color: #f00000;
	text-decoration: none;
	padding: 0;
}
	
#quicklinks a:hover {
	text-decoration: underline;
}

#quicklinks ul li {
	background: url(../images/arrow-red.gif) no-repeat 0 3px;
	padding-left: 10px;
}


a:link#mediLink , a:visited#mediLink {
	background: url(../images/medilink-btn.gif) no-repeat 0px 0px;
	display: block;
	height: 95px;
	width: 169px;
	overflow: hidden;
	text-indent: -5000px;
}

a:hover#mediLink { 
	background: url(../images/medilink-btn.gif) 0 -95px no-repeat;
}


#donatingBlood-container {
	background: url(../images/donatingBlood-bottom.gif) 0 bottom no-repeat;
	padding-bottom: 5px;
	margin: 0px 0 6px 0;
	width: 169px;
}

#donatingBlood-container h2 {
	background: url(../images/rhs-donatingBloodHeader.gif) no-repeat;
	width: 169px;
	height: 34px;
	margin: 0;
	padding: 0;
	
	overflow: hidden;
	text-indent: -5000px;
}

a:link#questions, a:visited#questions {
	background: url(../images/rhs-questions.gif) no-repeat 0px 0px;
	display: block;
	height: 58px;
	width: 169px;
	
	text-indent: -5000px;
	overflow: hidden;
	clear: both;
}



a:hover#questions { 
	background: url(../images/rhs-questions.gif) 0 -58px no-repeat;
}

a:link#appointments, a:visited#appointments {
	background: url(../images/rhs-appointments.gif) no-repeat 0px 0px;
	display: block;
	height: 58px;
	width: 169px;
	
	text-indent: -5000px;
	overflow: hidden;
	clear: both;
}



a:hover#appointments { 
	background: url(../images/rhs-appointments.gif) 0 -58px no-repeat;
}

a:link#register, a:visited#register {
	background: url(../images/rhs-register.gif) no-repeat 0px 0px;
	display: block;
	height: 58px;
	width: 169px;
	
	text-indent: -5000px;
	overflow: hidden;
	clear: both;
}

a:hover#register { 
	background: url(../images/rhs-register.gif) 0 -58px no-repeat;
}

#survey_container {
	width: 169px;
	height: auto;
}

#survey_container .top {
	background-image: url("../images/survey_top.jpg");
	height: 66px;
	width: 169px;
}

#survey_container .tile {
	background-image: url("../images/survey_tile.gif");
	background-repeat: repeat-y;
	width: 139px;
	padding: 0 15px 0 15px;

}

#survey_container .foot {
	background-image: url("../images/survey_bottom.gif");
	height: 17px;
	width: 169px;


}

#survey_container a {
	background: url(../images/arrow-red.gif) 0px 4px no-repeat;
	padding-left: 10px;
	color: #F00000;

}

#survey_container p {
	padding-bottom: 10px;
}

/* TAB STYLES
----------------------------------------------- */

#tabs {
      float: left;
      width: 967px;
      background: url(../images/tab-end.gif) no-repeat right top;
      font-size: 1em;
      line-height: normal;
	  clear: both;  
}
    
#tabs ul {
      margin: 0;
      padding: 0;
      list-style: none;   
}


#tabs li {
      float: left;
      background: url(../images/left.gif) no-repeat left top;
      margin: 0;
      padding: 0;  
}


#tabs a:link#tms-tab, #tabs a:visited#tms-tab {
      display: block;
      background: url(../images/tms-tab-down.gif) no-repeat right top;
      text-decoration: none;
      color: #f00000;
	  height: 53px;
	  width: 231px;
	  overflow: hidden;
	  text-indent: -5000px;
}

#tabs a:hover#tms-tab { 
	background: url(../images/tms-tab-down.gif) 0 -53px no-repeat;
}

#tabs a:link#tmm-tab, #tabs a:visited#tmm-tab {
      display: block;
      background: url(../images/tmm-tab-down.gif) 0 0 no-repeat;
      text-decoration: none;
      color: #f00000;
	  height: 53px;
	  width: 219px;
	  overflow: hidden;
	  text-indent: -5000px;
}

#tabs a:hover#tmm-tab { 
	background: url(../images/tmm-tab-down.gif) 0 -53px no-repeat;
}

#tabs a:link#eric-tab-current, #tabs a:visited#eric-tab-current {
      display: block;
      background: url(../images/eric-tab-up.gif) 0 0 no-repeat;
      text-decoration: none;
      color: #f00000;
	  height: 53px;
	  width: 88px;
	  overflow: hidden;
	  text-indent: -5000px;
}

#tabs a:hover#eric-tab-current { 
	background: url(../images/eric-tab-up.gif) 0 -53px no-repeat;
}

#tabs a:link#eric-tab, #tabs a:visited#eric-tab {
      display: block;
      background: url(../images/eric-tab-down.gif) 0 0 no-repeat;
      text-decoration: none;
      color: #f00000;
	  height: 53px;
	  width: 88px;
	  overflow: hidden;
	  text-indent: -5000px;
}

#tabs a:hover#eric-tab { 
	background: url(../images/eric-tab-down.gif) 0 -53px no-repeat;
}


/* RELATED TOPICS PANEL STYLES
----------------------------------------------- */


.topics {
	margin: 0px 0 1em 0px;
	padding: 0 0 0 0;
	background: #f2f2f2;
	clear: both;
	width: 532px;
	background: url(../images/report_bar_tile.gif) 0px 0 repeat-y #fff;

}


.topics .top {
	height: 10px;
	margin: 0 -0px 0 -0px;
	background: url(../images/report_bar_top.gif) 0 0 no-repeat #fff;
	font-size: 1px;

}

.topics .middle {
	margin: 0 20px 0 20px;

}

.topics a:link, .topics a:visited, .topics a:hover {
	color: #284d9d !important; 

}

.topics h2 {
	background: url(../images/h2-related-topics.gif) 0px 2px no-repeat;
	overflow: hidden;
	text-indent: -5000px; 
	height: 15px;
	padding: 3px 0 8px 0;
	
	height: 26px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	height: 15px;

}

.topics .separator_blue {
	background: url(../images/lightBlue_dots.gif) 0px 0px repeat-x;
	height: 1px;
	font-size: 1px;
	margin: 0 0 6px 0;
}




.topics .bottom {
	clear: both;
	height: 10px;
	margin: 0 -20px 0 -20px;
	font-size: 1px;
	background: url(../images/report_bar_bottom.gif) 0 100% no-repeat #fff;

}


.topics ul{
	padding: 0 0 1em 0;
}

.topics ul li ul{
	padding: 0 0 0 0;
}

.topics ul li{
	padding: 0 0 0 .8em;
	font-size: 1em;
	background: url(../images/arrow-red.gif) 0px .5em no-repeat;
}


a {
	color: #08378F;
}

a:hover {
	text-decoration: underline;
}

.button { 
    border: #004aa1 solid 1px;
    background: url(../images/button-bg.gif) repeat-x;
    height: 22px;
	display: inline-block;
    color: #FFFFFF;
	text-transform: uppercase;
	padding: 0 7px;
	font-size: 11px;
	margin: 2px;
}



/* Using IE 5 Mac High Band Filter for the following styleseet for Mac IE 5 only */

/*\*//*/

#icon{	margin-top:10px;}

#title{	background-image: url(../images/call-today.gif);
	background-repeat: no-repeat;
	background-position: 450px 20px;}

/**/