@charset "UTF-8";

/* --------------------------------------------------------
   Style Sheet for BLOOD_SAFETY_AWARD
-----------------------------------------------------------
CONTENTS:
 =Colors
 =Resets & General
 =Base
 =Links
 =Wrapper
 =Header
 =Main Content
 =Lists
 =Navigation
 =Comments
 =Aside
 =Footer
 =Contact Form
 =Accordion
---------------------------------------------------------*/

/* =Colors
---------------------------------------------------------*/

/* Make note of colors within this comment. For easier reference.
	-Main text "black": #3C454F
	-Green box: #00A551
	-Link color: 
	-Link hover color: 
	-Horizontal rule color: #ccc
*/

/* =Resets & General
---------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

/* Set the overall size of the font to 62.5% — this is a little trick that will make our lives easier. When we set the font size of the page to 62.5%, we can convert the em measures we use to pixels just by multiplying them by 10 (for example, 1.2em equals 12px). If not desired set body font size to 100.01% */
body {
	font-size: 100.01%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Normalize monospace sizing */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
	
} 

.clear {
	clear: both;
}

/* Force a scroll bar, commented out. Uncomment if needed */
html {
	overflow-y: scroll;
}

img {
	border: 0;
}

/* Fix div collapse on floats, add class="group" to pageWrap div */
.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
	.group {
		display: inline-block;
		clear: both;
	}
	/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

body .sprite {
    background:url(images/sprite.png); 
}


/* =Base h1,h2,h3,h4,h5,h6,p,q,table,td,tr,form,input,label,button,sub,sup,hr,blockquote
---------------------------------------------------------*/

body, select, input, textarea {
	color: #3C454F;
	/* Base font here */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
label {
	font-weight:bold;
	padding-right:14px;
}

/* Headers (h1, h2, etc) */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 7px;
	line-height:1.18;
}

	h1 {
		font-size: 22px;
	}
	
	h2 {
		font-size: 20px;	
	}
	
	#datesfaq h2 {
		font-size:12px;
		color:#00A551;
		background-image:url(images/q_image.jpg);
		background-repeat:no-repeat;
		padding-left:29px;
		min-height: 27px;
		padding-top:4px;
		margin-bottom:21px;
		line-height:15px;
	}
	
	h3 {
		font-size: 18px;
	}
	
	#evaluation h3 {
		text-transform:uppercase;
		font-size:12px;
		line-height:1.2em;
		color:#00A651;
		border-bottom: 1px solid #3C454F;
		margin-top:29px;
		background-image:url(images/evaluation_arrow.jpg);
		background-size:7px;
		background-repeat:no-repeat;
		background-position:480px center;
		outline:none;
		cursor:pointer;
	}
	#evaluation div.accordion h3.active {
			background-image:url(images/evaluation_arrow_active.jpg);
	}
	h4 {
		font-size: 16px;
	}
	
	h5 {
		font-size: 14px;
	}
	
	h6 {
		font-size: 12px;
	}

p {
	font-size: 12px;
	margin-bottom: 7px;
	line-height: 1.4;
}

q {
	font-size: 12px;
	line-height: 1.4;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #444;
	margin: 10px 0;
	width: 75%;
}

#apply hr, #datesfaq hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 4px solid #009A44;
	margin:0;
	width: 100%;
}

/* Align checkboxes, radios, text inputs with their label */
input[type="radio"] {
	vertical-align: text-bottom;
}

	input[type="checkbox"] {
		vertical-align: bottom;
	}
	
	.ie7 input[type="checkbox"] {
		vertical-align: baseline;
	}

	/* Hand cursor on clickable input elements */
	/*label, */input[type="button"], input[type="submit"], input[type="image"], button {
		cursor: pointer;
	}
	
	/* Make buttons play nice in IE */
	button {
		width: auto;
		overflow: visible;
	}

/* Set sub, sup without affecting line-height */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
} 

	sup {
		top: -0.5em;
	}
	
	sub {
		bottom: -0.25em;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 493px;
	border:0;
	border-style:solid;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
}

	tr {
		border: 0px;
		border-style: solid;
	}
	
	th {
		border: 1px;
		border-style: solid;
		border-color: #444;
		padding: 3px;
		background-color: #444;
		color:#fff;
	}
	
	td {
		border-top:5px;
		border-bottom:5px;
		border-left:0;
		border-right:0;
		border-style: solid;
		border-color:white;
		padding: 5px 0 5px 17px;
	}
	tr.row_shading {
		background-color:#d9d9d8;
	}

blockquote {
	margin: 0 3px;
}

/* =Links
---------------------------------------------------------*/

/* Remove outline in some browsers */
a:hover, a:active {
	outline: none;
} 

a, a:link, a:active, a:visited {
	color: #00A651;
}

a:hover {
	text-decoration:none;
}

a.bold_link {
	 text-decoration:underline;
	 font-weight:bold;
	 color:#3C454F;
}
a.bold_link:hover {
	text-decoration:none;
}

/* =Wrapper
---------------------------------------------------------*/

#pageWrap {
	width: 847px;
	/* Centers the site in the browser */
	margin: 20px auto 0; 
	/*background-color: purple;*/
}



/* =Header
---------------------------------------------------------*/

header {
	height: 427px;
	/*background-color: lightblue;*/
	position:relative;
	
}

#about header, #apply header, #contact header, #datesfaq header, #evaluation header, #award header {
	height:98px;
}
header #logo {
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	width: 190px;
	height:35px;
	position:absolute;
	right:0;
	cursor:pointer;
}

header #header_image {
	background-image:url(images/new_home_banner.jpg);
	background-repeat:no-repeat;
	width:785px;
	height:351px;
	position:relative;
	top:54px;
}

header #home_button {
	background-image:url(images/DontMissBTN_off.png);
	background-repeat:no-repeat;
	width:532px;
	height:94px;
	position:absolute;
	cursor:pointer;
	top:238px;
	left:0px;
}
header #home_button:hover {
	background-image:url(images/DontMissBTN_on.png);
	background-repeat:no-repeat;
}

header #home_countdown{
	position:absolute;
	top:330px;
	left:40px;
}


header #home_headline {
	background-image:url(images/home_headline.jpg);
	background-repeat:no-repeat;
	width:471px;
	height:16px;
	position:absolute;
	top:32px;
	left:0;
	cursor:pointer;
}

/* =Main Content
---------------------------------------------------------*/

#mainContent {
	width: 580px;
	float: left;
	/*background-color: lightgreen;*/
	padding-left:27px;
	padding-bottom:55px;
}
#index #mainContent {
	width:480px;
	float:none;
}

#about #mainContent {
	width:100%;
	padding-left:0;
}

#about #mainContent #column1 {
	width:316px;
	float:left;
}
#about #mainContent #column2 {
	width:468px;
	float:right;
	margin-right:27px;
	margin-top:54px;
}
#about #mainContent #column2 p {
	line-height:1.2em;
}

#about #button {
	margin-top: 56px;
}
#about #button a {
	display:block;
	width:167px;
	height:30px;
	background-image:url(images/btn_about.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	text-indent:-9000px;
}
#about #button a:hover {
	background-image:url(images/btn_about_hover.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

#apply #button {
	margin-top: 33px;
	margin-bottom: 30px;

}
#apply #button a {
	display:block;
	width:350px;
	height:30px;
	margin-top: 33px;
	margin-bottom: 30px;
	background-image:url(images/btn_apply.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	text-indent:-9000px;
}
#apply #button a:hover {
	background-image:url(images/btn_apply_hover.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
#apply #mainContent {
	width:100%;
	padding-left:0;
}

#apply #mainContent #column1 {
	width:316px;
	float:left;
	margin-top:2px;
}
#apply #mainContent #column2 {
	width:493px;
	float:right;
	margin-right:0;
	margin-top:35px;
}
#apply #mainContent #column2 p {
	line-height:1.2em;
}

#contact #mainContent {
	width:100%;
	padding-left:0;
}

#contact #mainContent #column1 {
	width:316px;
	float:left;
}
#contact #mainContent #column2 {
	width:495px;
	float:right;
	margin-right:0;
	margin-top:54px;
}
#contact #mainContent #column2 p {
	line-height:1.2em;
}

#datesfaq #mainContent {
	width:100%;
	padding-left:0;
}

#datesfaq #mainContent #column1 {
	width:316px;
	float:left;
	margin-top:2px;
}
#datesfaq #mainContent #column2 {
	width:493px;
	float:right;
	margin-right:0;
	margin-top:35px;
}
#datesfaq #mainContent #column2 p {
	padding-left:29px;
	line-height:15px;
	margin-bottom:44px;
}

#evaluation #mainContent {
	width:100%;
	padding-left:0;
}

#evaluation #mainContent #column1 {
	width:316px;
	float:left;
}
#evaluation #mainContent #column2 {
	width:493px;
	float:right;
	margin-right:0;
	margin-top:54px;
}
#evaluation #mainContent #column2 p {
	line-height:1.2em;
}


#award #mainContent {
	width:100%;
	padding-left:0;
}

#award #mainContent #column1 {
	width:316px;
	float:left;
}
#award #mainContent #column2 {
	width:493px;
	float:right;
	margin-right:0;
	margin-top:54px;
}
#award #mainContent #column2 p {
	line-height:1.2em;
}



/* =Lists
---------------------------------------------------------*/

ul, ol {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.2;
}

dl {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.2;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 10px;
	margin-bottom: 7px;
}

/* =Navigation
---------------------------------------------------------*/

header nav {
	position:absolute;
	top: 66px;
	left:0;
	width: 100%;
	/* Force browser to look at content and give a height */
	z-index:10000;
	color:#8A8F93;
}

header nav ul {
	list-style: none;
	margin: 0;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

header nav ul li {
	float: left;
	padding-right: 25px;
	color:#8A8F93;
}

header nav ul li a:link, header nav ul li a:visited {
	text-decoration:none;
	color: #8A8F93; !important
}

header nav ul li a#current, header nav ul li a:hover {
	background-color:#e7e7e6;
	padding-top:5px;
	padding-bottom:5px;
}

/*footer*/

footer nav {
	/*position:absolute;
	top: 66px;
	left:0;*/
	width: 628px;
	height:31px;
	z-index:10000;
	color:#8A8F93;
	background-color:#fafafa;
	margin-left:28px;
}

footer nav ul {
	list-style: none;
	margin: 0 0 0 27px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

footer nav ul li {
	float: left;
	padding-right: 25px;
	padding-top:10px;
	color:blue;
}

footer nav ul li a:link, footer nav ul li a:visited {
	text-decoration:underline;
	color: #9FA0A0; !important
}
footer nav ul li a:hover {
	text-decoration:none;
}

/* =Comments
---------------------------------------------------------*/




/* =Aside
---------------------------------------------------------*/

aside {
	width: 340px;
	padding: 10px;
	float: right;
	background-color: magenta;
	font-size: 85%;
}


/* =Footer
---------------------------------------------------------*/

footer {
	height: 60px;
	/*background-color: cyan;*/
}

footer #square1 {
	width:28px;
	height:28px;
	background-color:#00A551;
}
.lowercase {
	color:#9FA0A0;
	text-transform:none;
}

/* =Contact Form
---------------------------------------------------------*/
#contact #mainContent #column2 div.form-container {
	position:relative;
}
#contact #mainContent #column2 form table {
	width: 447px; 
	}
#contact #mainContent #column2 form table tr {
	border-bottom: 1px solid white; 
	}
#contact #mainContent #column2 form table tr td {
	border:0;
	background: #f2f2f3;
	padding: 7px; 
	}
#contact #mainContent #column2 form table tr td.buttonCell {
	background: none;
	}

#contact #mainContent #column2 form table tr td label {
	font-weight: bold;
	line-height: 25px;
	float: right;
	width: 98px;
	text-align: right; 
	}
#contact #mainContent #column2 form table tr td.focus {
	background: #e4f7dc; 
	}
#contact #mainContent #column2 form table tr td input {
	background: #dcddde;
	border: 1px solid #dcddde;
	height: 23px;
	width: 156px;
	padding-left: 4px;
	padding-right: 4px; 
	}
#contact #mainContent #column2 form table tr td textarea {
	display: block;
	width: 302px;
	height: 134px;
	background: #dcddde;
	border: 1px solid #dcddde;
	/*margin-bottom: 8px;*/
	padding: 8px; 
	}
#contact #mainContent #column2 form table tr td button.send {
/*	float: right;
	border: none;
	width: 87px;
	height: 30px;
	background-image:url(images/btn_send.jpg);
	background-repeat: no-repeat;
*/	}
#contact #mainContent #column2 form button.send {
	float: right;
	/*margin-right:35px;*/
	margin-top:6px;
	border: none;
	width: 87px;
	height: 30px;
	background-image:url(images/btn_send.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	/*background-position: -30px -56px;*/ 
	}
#contact #mainContent #column2 form button.send:hover {
	background-image:url(images/btn_send_hover.jpg);
	background-position:top right;
	background-repeat: no-repeat;
}
#contact #mainContent #column2 form table tr td button.send.hover {
	background-position: -30px -78px; 
	}
#contact #mainContent #column2 form table tr.focus td {
	background: #e4f7dc; 
	}
#contact #mainContent #column2 form table tr.focus input, #contact #mainContent #column2 form table tr.focus textarea {
	background: white;
	border: 1px solid #009a44; 
	}
	
	#contact #pageWrap #mainContent #column2 div.form-response {
  display: none;
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  background: white;
  border: 1px solid #a1a1a3;
  width: 457px;
  height:452px; }
  #contact #pageWrap #mainContent div.form-response div.form-response-inside {
    padding: 22px; }
    #contact #pageWrap #mainContent div.form-response div.form-response-inside h2 {
      color: #009a44;
      font-size: 15px;
      text-transform: uppercase; }
    #contact #pageWrap #mainContent div.form-response div.form-response-inside div.divider.orange {
      width: 30px;
      height: 5px;
      background: #f8890c;
      margin-top: 12px;
      margin-bottom: 10px; }
    #contact #pageWrap #mainContent div.form-response div.form-response-inside p {
      color: #616365;
      font-size: 13px;
      font-weight: bold;
      line-height: 20px; }


/* =Accordion
---------------------------------------------------------*/
#award div.accordion div {
	padding-top: 25px;
	padding-bottom: 79px;
	}
#evaluation div.accordion div {
		padding-top: 0;
		padding-bottom: 0;
}
	
#award div.accordion #part1 {
	max-height:160px;
}

#evaluation div.accordion #part1 {
	max-height:120px;
}

#award div.accordion #part2 {
	max-height:100px;
}

#evaluation div.accordion #part2 {
	max-height:150px;
}


#award div.accordion #part2 ul, #award div.accordion #part4 ul, #evaluation #mainContent ul  {
	padding-left:34px;
	padding-right:25px;
	margin-bottom:0;
	list-style-image:url(images/ul_square_01.jpg);
}
	#evaluation #mainContent ul {
		padding-left:11px;
		padding-right:10px;
	}
#award div.accordion #part2 ul li, #award div.accordion #part4 ul li, #evaluation #mainContent ul li {
	padding-left:16px;
	padding-bottom:13px;
}

#award div.accordion #part3 {
	max-height:180px;
}

#evaluation div.accordion #part3 {
	max-height:100px
}

#award div.accordion #part4 {
}

#evaluation div.accordion #part4 {
	max-height:80px;
}

#evaluation div.accordion #part5 {
	max-height:80px;
}

#award div.accordion #part4 p {
	margin-bottom:13px;
}
#award div.accordion #part4 ul ul {
	padding-left:0;
	margin-left:15px;
	list-style-image:url(images/ul_square_02.jpg);
}
#award div.accordion #part4 ul ul li.lastListItem {
	padding-bottom:0;
}
#award div.accordion div p {
	padding-top: 0;
	padding-right: 22px;
	margin-bottom: 0;
	padding-left: 22px; 
	}
#award div.accordion div.lastParagraph {
	padding-bottom:0;
}
#award div.accordion h1 {
	position: relative;
	background: #616365;
	border-bottom: 2px solid #fff;
	color: white;
	cursor: pointer;
	height: 22px;
	font-size: 14px;
	font-weight: 100;
	line-height: 22px;
	text-align: center; 
	outline:none;
	}
#award div.accordion h1 span.arrow {
	position: absolute;
	top: 0px;
	display: block;
	background-position: -30px -33px;
	width: 22px;
	height: 22px; 
	}
#award div.accordion h1 span.arrow.left {
	left: 0px; 
	}
#award div.accordion h1 span.arrow.right {
	right: 0px; 
	}
#award div.accordion h1.ui-state-active {
	background: #009a44; 
	}
#award div.accordion h1.ui-state-active span.arrow {
	background-position: -52px -33px; 
	}