/* CSS Shelia's Save a Life Campaign - Gift */

/*** layout ***/
html, body{margin:0;padding:0}
body{background-color: #e22; font: 11pt Arial,sans-serif; margin: 0;text-align: center;}
#container {background: #04c; border: solid 3px #ff0; color: #fff; margin-left: 49%; margin: 1% auto; text-align: center; width: 96%;}
div#header {border-bottom: solid 27px #f22; height:200px; padding: 0 15px;text-align: center;}
div#masthead {
color: white;
display:inline;
float: right;
font-size: .9em;
height: 190px;
margin: -10px 15px 0 1%;
padding-bottom: 5px;
position: relative;
width: 190px;
}
div#content{border: solid 1px #ff2; margin: 3% 10px 1% 10px; padding: 2%; text-align: left;}
div#footer{clear: both; color: #ff0; font-size: .9em; margin: 0 auto; padding: 1em 0; text-align: center; }
#box {
background: #003a91;
	border: solid 1px #ff0; 
	color: #fff;
	float: right;
	margin: 1em 2em 1em 1.5em;
	padding: .2em .5em;
	width: 30%;
}

/*** positioning ***/
.center {
margin:auto;
padding:1em;
text-align:center;
}
.left {
display:inline;
float:left;
padding:1.5em 2em 1.5em 0;
}
.right {
display:inline;
float: right;
padding:1.5em 2em;
}

/** links **/
#header a {color: #fff; text-decoration: none;}
div#content a {color: #fff; font-style:italic; text-decoration: none; }
div#content a:hover {color: #ff0; font-style:normal; text-decoration: underline;
}
#footer a, #footer a:link, #footer a:visited {
color: #ff0; text-decoration: none;} 
#footer a:hover, #footer a:active {
color: #0ff; text-decoration: underline;}

/*** navigation ***/
div#nav-horz {
background: transparent;
float:left;
margin: 0; margin-top: -24px; left: 45px;
line-height: 16px;
padding: 0 15px;
text-align: left;
width: 100%;
}
div#nav-horz ul {padding:0; margin: 0; margin-left: 5px;}
div#nav-horz ul li {
display: block;
float: left;
list-style-type: none;
margin: 0; margin-right: 2px; 
padding: 0;
text-align: left;
}
div#nav-horz li a,
div#nav-horz li a:link,  
div#nav-horz li a:visited,  
div#nav-horz li a:hover,	
div#nav-horz li a:active  {
border: solid 1px #f22;
color: #ff0; 
display: block;
float: left;
font-size: .9em;
font-weight: 700;
margin: 0 1px;
padding: 2px 1.2em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
}
div#nav-horz li a:active { 
background-color:#f00;
border: solid 1px;
border-color:#930 #f86 #f86 #930;
color: #fff; 
}
div#nav-horz li a:hover { 
	background-color:#f00;
	border: solid 1px;
	border-color:#930 #f86 #f86 #930;
	color:#ff0;
}

#footerNav a,
#footerNav a:link,  
#footerNav a:visited,  
#footerNav a:hover,	
#footerNav a:active {
border: 1px solid #04c;
color: #ff0; 
line-height: 2.5em;
padding: .3em;
text-decoration: none;
text-transform: uppercase;
}
#footerNav a:hover { 
border: 1px solid #ff0;
color: #ff0; 
text-decoration: none;
}

/*** typography ***/
div#header p {margin-left: 210px;}
#header h3 {margin: 0 auto }
div#content p{font-size: .9em; line-height:1.4}
div#content ul li {font-size: .9em; line-height:1.4; margin: 1em 0;}
div#footer p{line-height: 1.2em; margin: 1em auto; text-align: center; width: 70%;}
#box h5 {background:#e22; color: #fff; text-align: center;}
#address {
display:inline;
font: 1em bold Arial,sans-serif; 
margin: 1em auto .3em;
text-align: center;
width: 50%;
}
#address h3 {
margin-bottom: 0em;
margin-top: 2em;
}
.bigger {font-size: 1.2em;
}
.caption {
display:block;
font: .8em Verdana, Arial, Helvetica, sans-serif;
margin: auto;
margin-top: -1em;
text-align:center;
text-transform: uppercase;
}
.top, .top a {
font-size: .8em;
margin: auto;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.small {
font-size: .8em}
.red {
color: #f22;}
.redbg {
background: #f22;}
.white {
background:#fff;}
.green {
color:#227547}
.em, .i {
font-style:italic;}
.b {
font-weight:700;}
#signature, #branding {
color:#f02;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:600;
margin: 1em 0 0 0;
} 
#signature {padding-left:2em;}

/*** images ***/
img {
border: solid 2px #003a91;
padding: 0;
margin: 1em;
}
img.left  {border: solid 2px #003a91; float:left; margin: 2em 2em 2em 0;padding: 0;}
img.leftNoborder  {border: none; float:left; margin: 2em 2em 2em 0;padding: 0;}
img.right  {border: solid 2px #003a91; float:right; margin: 2em 0 2em 2em;padding: 0;}
img.rightNoborder  {border: none; float:right; margin: 2em 0 2em 2em;padding: 0;}

.overlap {
display:inline;
float: right;
margin: 40px 55px 15px 0;
position: relative;
}
.masthead {
display:inline;
float: right;
margin: 1% 2% 1% 1%;
position: relative;
}
.lead {
background: #003a91;
display: block;
margin: 0 auto;
padding: 0;
position: relative;
text-align: center;
width: 96%;
}
#logo {
border: solid 3px #003a91; 
float: left; 
margin:1% 2% 1% 15px;
}
#slideshow  {
display: block;
float: right;
height: 200px;
margin: 0 0 2% 3%;
overflow: hidden;
padding: 0 2em 1em 2em;
text-align: right;
width: 300px;
}
#slideshow img  {
border: solid 7px #003a91;
display: none;
position:absolute;
top: 350px; right: 70px;
overflow: hidden;
text-align: center;
}