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

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

*{
	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:0px;
}

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;
}


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

#alignment-container {
	width: 967px;	
}

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

#content{
	font-size: 1em;		
	float: left;	
	background: #fff;
	padding: 0px 6px 0px 6px;
	
	width: 783px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 771px;
}


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

/*#columna *{
	border: 1px solid pink;
}*/

#columnb{
	float: left;
	margin: 0px 0px 0px 6px;
	width: 585px;
	display: inline;
}

#RHBase{
	height: 15px;
}


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

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


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

#title{
	float: left;
	background: url(../images/TMM-title.gif) 91% 8px no-repeat #fff;
	width: 595px;
	margin-top: 15px;
	height: 50px;
	overflow: hidden;
	text-indent: -5000px;
}

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


#topnav{
	background: url(../images/tmm-nav-tile.gif) no-repeat;
	padding-top:6px;
	width: 783px;
	
	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/tmm-nav-top.gif) no-repeat;
	
	width: 180px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px;
}

#menuBase {
	background: url(../images/tmm-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:#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 #a5bce4;
	text-decoration: none;
	
	height: 18px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 100%;
}	




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

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


#menu li li a{
	border-top: 1px solid #c6d3ea;
	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 {
	
	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 {
	padding-left: 20px;
}


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

.selected {
	background-color:#FFFFFF;
}

.unselected {
	background-color:#F2F2F2;
}
 
	
/* 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) 0px -41px no-repeat #fff;
}

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

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

	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/tmm-search-bg.gif) 0 0 no-repeat #fff;
	height: 42px;
	margin: 0px 0 0 0;
	padding: 0 0 0 15px;
	
	width: 585px; /* Old Browser */
 	voice-family: "\"}\"";
    voice-family:inherit;
 	width: 570px; /* 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 */
}



/* TMM STYLES
----------------------------------------------- */

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


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


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;
	
	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;
}


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



a:hover#tmsServices { 
	background: url(../images/tmm-services-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: #F2F2F2;
	background: url(../images/quicklinks-tile.gif) repeat-y ;
	margin: 0;
}

#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#appointments , a:visited#appointments {
	background: url(../images/rhs-appointments.gif) no-repeat 0px 0px;
	display: block;
	height: 55px;
	width: 169px;
	overflow: hidden;
	text-indent: -5000px;
}



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

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

#tabs {
      float: left;
      width: 795px;
      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-current, #tabs a:visited#tms-tab-current {
      display: block;
      background: url(../images/tms-tab-up.gif) no-repeat right top;
      text-decoration: none;
      color: #f00000;
	  height: 53px;
	  width: 231px;
	  overflow: hidden;
	  text-indent: -5000px;
}

#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: 223px;
	  overflow: hidden;
	  text-indent: -5000px;
}

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

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

#tabs a:link#tms-tab, #tabs a:visited#tms-tab {
      display: block;
      background: url(../images/tms-tab-down.gif) 0 0 no-repeat #ccc;
      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#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;
}

#tabs a:link#eric-tab, #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;
}


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


.topics {
	margin: 0px 0 1em 0px;
	padding: 0 0 0 0;
	background: #f2f2f2;
	clear: both;
	width: 545px;
	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;
}



/* 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;}

/**/