/* !Font embeds */
/* ------------------------------------------------------------------- */
@font-face {
font-family: 'MyriadPro-Regular';
src: local('Myriad Pro Regular'), local('Myriad Pro Regular'), url('../../themes/fonts/MyriadPro-Regular.otf') format('opentype');
}



/* !Elements */
/* ------------------------------------------------------------------- */
body 	{
color: #555;
font-family: Arial;
font-size: 100%;
}

a { color: #0084cd; }
a:hover { color: #22a6ef; }
	a img {border-style:none;}

h1, h2, h3, h4, h5, h6 {
/* color: #222; */
color: #007cbf;
font-family: 'MyriadPro-Regular', Helvetica, Arial, sans-serif;
line-height: 1.2em !important;
margin: 0;
}
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

p, ul, ol, dl { font-size: 14px; }

/* !Classes and commonly used styles */
/* ------------------------------------------------------------------- */

ul.entryList {
border: 1px solid #ddd;
border-width: 1px 0 0 1px;
overflow: auto;
}
	li.entry {
	background: #fff url(../../images/assets/bg-search-result.png) left bottom repeat-x;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	font-size: 12px;
	list-style: none;
	padding: 10px;
	}
		li.entry .title {
		margin: 0;
		}

div.linkList { width: 220px; }
.linkList ul {
border: 1px solid #ddd;
border-width: 1px 0 0 1px;
margin-bottom: 20px;
}
	.linkList li {
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	list-style: none;
	padding: 5px;
	}
		.linkList li ul {
		border-left: none;
		margin-bottom: 0;
		margin-top: 3px;
		padding: 3px 0 0;
		}
			.linkList li ul li {
			border: none;
			font-size: 10px;
			font-weight: 700;
			list-style: disc inside;
			padding: 2px 10px;
			text-transform: uppercase;
			}

div.pagination {
padding: 20px 0 0;
}

ul.searchResults {
border: 1px solid #ddd;
border-width: 1px 0 0 1px;
overflow: auto;
}
	li.result {
	background: #fff url(../../images/assets/bg-search-result.png) left bottom repeat-x;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	font-size: 12px;
	padding: 10px;
	}
		li.result .title {
		margin: 0;
		}



/* !Structure */
/* ------------------------------------------------------------------- */
.container {
height: auto;
margin: 0 auto;
width: 940px;
}

#header { margin: 15px 0 0; }

#top-bar {
margin-bottom: 20px;
overflow: auto;
}
	#logo { margin-top: 10px; float: left; }
	
	/* !top nav */
	#abstop-nav {/* right:8px; */float:right;width: 500px;height:68px;}
		#abstop-nav ul { float: right; margin: 0; overflow: auto; padding: 0; width: auto; }
			#abstop-nav ul li { float: left; list-style-image: none; list-style-position: outside; list-style-type: none;}
				#abstop-nav ul li a { background:url(../../images/miblood-absolutetop.gif) no-repeat; display:block; float:left;height:69px;outline: none }
				#abstop-nav #anav-about a        { background-position:      0 0; width:  93px; }
				#abstop-nav #anav-careers a      { background-position:  -93px 0; width:  95px; }
				#abstop-nav #anav-philanthropy a { background-position: -188px 0; width: 133px; }
				#abstop-nav #anav-contact a      { background-position: -320px 0; width: 101px; }
				
				#abstop-nav #anav-about a:hover         { background-position:      0 -69px; }
				#abstop-nav #anav-careers a:hover       { background-position:  -93px -69px; }
				#abstop-nav #anav-philanthropy a:hover  { background-position: -188px -69px; }
				#abstop-nav #anav-contact a:hover       { background-position: -320px -69px; }
				
				#abstop-nav #anav-about.active a        { background-position:      0 -69px; }
				#abstop-nav #anav-careers.active a      { background-position:  -93px -69px; }
				#abstop-nav #anav-philanthropy.active a { background-position: -188px -69px; }
				#abstop-nav #anav-contact.active a      { background-position: -320px -69px; }
					#abstop-nav ul li a span { display: none; }


#header-bar {
clear: both;
height: 51px;
width: 940px;
}
	/* !main nav */
	#top-nav {
	float:left;
	width: 696px;
	height:51px;
	}
		#top-nav ul { float: right; margin: 0; overflow: auto; padding: 0; width: auto; }
			#top-nav ul li { float: left; list-style-image: none; list-style-position: outside; list-style-type: none;}
				#top-nav ul li a { background:url(../../images/miblood-topnav.gif) no-repeat; display:block; float:left; height:52px; outline: none }
				#top-nav #tnav-donating a  { background-position:      0 0; width:  95px; }
				#top-nav #tnav-about a     { background-position:  -95px 0; width: 122px; }
				#top-nav #tnav-services a  { background-position: -217px 0; width:  86px; }
				#top-nav #tnav-volunteer a { background-position: -303px 0; width:  97px; }
				#top-nav #tnav-partner a   { background-position: -400px 0; width:  82px; }
				#top-nav #tnav-news a      { background-position: -482px 0; width: 134px; }
				#top-nav #tnav-stories a   { background-position: -616px 0; width:  80px; }
				
				#top-nav #tnav-donating a:hover  { background-position:      0 -52px; }
				#top-nav #tnav-about a:hover     { background-position:  -95px -52px; }
				#top-nav #tnav-services a:hover  { background-position: -217px -52px; }
				#top-nav #tnav-volunteer a:hover { background-position: -303px -52px; }
				#top-nav #tnav-partner a:hover   { background-position: -400px -52px; }
				#top-nav #tnav-news a:hover      { background-position: -482px -52px; }
				#top-nav #tnav-stories a:hover   { background-position: -616px -52px; }
				
				#top-nav #tnav-donating.active a  { background-position:      0 -104px; }
				#top-nav #tnav-about.active a     { background-position:  -95px -104px; }
				#top-nav #tnav-services.active a  { background-position: -217px -104px; }
				#top-nav #tnav-volunteer.active a { background-position: -303px -104px; }
				#top-nav #tnav-partner.active a   { background-position: -400px -104px; }
				#top-nav #tnav-news.active a      { background-position: -482px -104px; }
				#top-nav #tnav-stories.active a   { background-position: -616px -104px; }
					#top-nav ul li a span	{ display: none; }
	
	#header-search {
	background: url(../../images/miblood-search.gif);
	float:left;
	height:51px;
	width:244px;
	}
		#header-search .input {
		background: url(../../images/search-top.png) center center no-repeat;
		height: 51px;
		position: relative;
		width: 244px;
		}
			#header-search #keywords {
			background: transparent none;
			border: none;
			height: 24px;
			left: 30px;
			margin: 5px 0 0;
			padding: 0;
			position: absolute;
			top: 8px;
			width: 160px;
			}
			#header-search .submit {
			height: 21px;
			left: 190px;
			position: absolute;
			top: 16px;
			width: 24px;
			}
	#search-back {float:right;}
	#search-top {margin:12px 17px;float:right;}
	#search-field {margin:0px 10px;float:right;}

#page {
clear: both;
margin: 0 auto;
overflow: auto;
width: 940px;
}
	.content {
	margin: 20px 0 0;
	overflow: auto;
	}
		.content div.linkList {
		float: left;
		margin: 20px 20px 0 0;
		width: 220px;
		}
		.content .linkList h5 { display: none; }
		.mainContent {
		float: left;
		margin: 20px 20px 60px 0;
		width: 680px;
		}
			.mainContent p { margin-bottom: 16px; }
		.smallContent {
		margin: 20px 0 60px;
		width: 460px;
		}
			.mainContent ul {
			list-style: disc inside;
			}
                .mainContent h3,h4,h1,h2 {
                        padding: 5px 0;
                 }
		.sidebar {
		float: left;
		margin: 20px 0;
		width: 240px;
		}
		.sidebarPortrait { margin: 0; }
			#sidebar-portrait {
			background-position: center top;
			min-height: 400px;
			}

/* !footer */
#footer {
background: #026495 url(../../images/mi-footer.jpg) repeat-x;
color: white;
height: 250px;
padding: 20px 0;
position: relative;
text-align: left;
}
	#footer .linkLists {
	overflow: auto;
	}
		#footer .linkList {
		float: left;
		width: 155px;
		}	
			#footer h5 a {
			color: #fff;
			text-transform: uppercase;
			}
			#footer ul {
			border: none;
			font-size: 12px;
			margin: 0;
			}
				#footer li {
				border: none;
				line-height: 20px;
				list-style: none;
				padding: 0;
				text-transform: none;
				}
					#footer li a { color: #bfe0f3; }
					#footer li a:hover { color: #fff; }
					#footer li li {
					font-size: 11px;
					padding: 0 0 0 5px;
					list-style: disc inside;
					}



/* !Page-specific code */
/* ------------------------------------------------------------------- */

/* !Site > index */
#home-banner {
background: #fff url(../../images/assets/bg-home-banner.jpg) no-repeat;
border-right: 1px solid #ccc;
clear: both;
height: 300px;
margin: 0;
position: relative;
width: 939px;
}

/* bottom nav (below the banner) */
#bottom-nav {
overflow: auto;
}
#bottom-nav ul { float: right; margin: 0; overflow: auto; padding: 0; width: auto; }
#bottom-nav ul li { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; }
#bottom-nav ul li a { background:url(../../images/miblood-bottomnav.gif) no-repeat; display:block; float:left; height:45px; outline: none }
#bottom-nav ul li a span { display: none; }

#bottom-nav #bnav-give a { background-position:      0 0; width: 242px; }
#bottom-nav #bnav-host a { background-position: -243px 0; width: 239px; }
#bottom-nav #bnav-why a  { background-position: -481px 0; width: 240px; }
#bottom-nav #bnav-help a { background-position: -721px 0; width: 219px; }

#bottom-nav #bnav-give a:hover { background-position:      0 -45px; }
#bottom-nav #bnav-host a:hover { background-position: -243px -45px; }
#bottom-nav #bnav-why a:hover  { background-position: -481px -45px; }
#bottom-nav #bnav-help a:hover { background-position: -721px -45px; }

#bottom-nav #bnav-give.active a { background-position:      0 -45px; }
#bottom-nav #bnav-host.active a { background-position: -243px -45px; }
#bottom-nav #bnav-why.active a  { background-position: -481px -45px; }
#bottom-nav #bnav-help.active a { background-position: -721px -45px; }


/*-----------------BODY-----------------*/
#news{width:300px;float:left;margin-top:30px;}
.news-title{color:#b71622;float:left;font-family:Arial;font-size:13pt;margin:0 15px 0 0; }
	.news-title a { color: #b00; }
	.news-title a:hover { color: #d00; }
.news-date{color:#477d99;float:left;font-family:Arial;font-size:9pt;margin-top:5px;}
.news-body{color:#5a5a5a;font-family:Arial;font-size:11pt;float:left;margin:5px 0px 20px 0px;width:300px;text-align:left;}
	.news-body img { max-width: 300px !important; }

#events{text-align:left;width:300px;float:left;margin-top:30px;margin-left:60px;color:#007cbf;position:relative;font-family:Arial;font-size:16pt;}
.events-title{width:300px;color:#b71622;font-size:10px;float:left;font-size:11pt;margin:0 15px 0 0;}
	.events-title a { color: #b00; }
	.events-title a:hover { color: #d00; }
.events-date{width:300px;color:#286788;float:left;font-family:Arial;font-size:10px;}
.events-body{width:300px;color:#5a5a5a;font-size:10px;padding-bottom:6px;}
#events img {padding-bottom:28px;}

#find-drive{position:relative;float:right;width:262px;height:349px;margin-top:30px;}
.find-title{float:left;color:#007cbf;font-family:Arial;font-size:16pt;font-weight:bold;margin:28px 0 0 0;}
.cutout{margin:66px 45px 0 0;}
#find-search{z-index:2;float:right;margin-top:25px;}
#zip{z-index:1; float:right;margin-top:25px;}
#tools{color:#b71622;font-size:10pt;bottom:5px;}
#abc-logo { padding: 25px 10px; }
/* !Search > results */