/* ---- Styles for Honor Flight Website --- */

/* ---- Color Definitions for Common Colors  ---- 
BLUE:		RGB:  63 / 103 / 162	WEB: #3f66a2
Dk BLUE:	RGB:  1 / 83 / 156		WEB: #01539c
Lt BLUE:	RGB:  93 / 162 / 209	WEB: #5da2d1

RED:		RGB:  181 / 18 / 27		WEB: #b5121b
Lt RED:		RGB:  201 / 93 / 72		WEB: #c95d48

Dk GRAY:	RGB:  201 / 200 / 203	WEB: #c9c8cb
Lt GRAY:	RGB:  230 / 230 / 230	WEB: #e6e6e6

--- */


body {
	margin:0;
	background-image: url(../../images/background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #b5121b;
	text-decoration: underline;}
a:hover {
	color: #000;}

div.clear {
	font-size: 3px;
	line-height: 3px;
	margin:0;
	padding:0;
	clear:both;}

#contentHolder {
	margin: 0 auto;
	background-color: #fff;
	width: 960px;
	position: relative;}

/* - MAIN LOGO FLOAT - */
#logo {
	position: absolute;
	left: -45px;
	top: 20px;
	width: 272px;
	height: 186px;
}

/* - HEADER STYLES - */
#header {
	background-color: #3f66a2;
	background-image:url(../../images/memorial_bkgd_01.jpg);
	background-repeat:no-repeat;
	background-position: bottom left;
	padding: 50px 10px 12px;
	margin:0;
	color: #fff;}

/* Menu Styles */
#menu {
	float:right;
	position:relative;
	width: 700px;
}
#menu ul {
	margin: 0;
	list-style:none;}
#menu li {
	display: block;
	float: left;
	font-size: 15px;
	line-height: 18px;
	color: #fff;}
#menu li a {
	display: block;
	margin: 3px 10px;
	padding: 3px 0px;
	color: #fff;
	text-decoration: none;
}
#menu li a:hover{
	color: #5da2d1;
	text-decoration: none;}
	
/* - END HEADER - */

/* - HOMEPAGE SPLASH STYLES - */
#HomeSplash {
	background-image:url(../../images/memorial_bkgd_02.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 960px;
	height: 475px;
	margin:0;
	padding:0;}
#InHonor {
	position: absolute;
	left: 710px;
	top: 200px;
	width: 230px;
	height: 221px;
}
#InHonor h2 {
	font-size: 33px;
	line-height: 36px;
	margin:0;
}
#InHonor p {
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0;
	padding: 0 15px 0 0;
}
/* - END HOMEPAGE SPLASH - */

/* - CONTENT - */
#homeContent {
	background-image:url(../../images/bluebkgd-sm.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #5da2d1;}
#bodyBlock {
	margin: 10px 50px 0 50px;}
#homeCopy {
	width: 500px;
	margin: 0;
	padding: 0 20px 0 5px;
	border-right: 1px solid #fff;
	float: left;
	}
#homeCopy p {
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0;
	padding:0;
	color: #fff;}
#callout {
	float: left;
	width: 220px;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	margin: 10px 0 10px 20px;
}

#callout .highlight {
	font-size: 27px;
	line-height: 27px;
}
#BBBlogo {
	position:absolute;
	left:743px;
	top:769px;
	width:46px;
	height:73px;
	z-index:100;
}
#DonateBtn {
	position:absolute;
	left:806px;
	top:610px;
	width:153px;
	height:143px;
	z-index:2000;
}
	
/* - FOOTER STYLES - */
#footerHm {
	margin: 10px 50px 0 50px;
	}
	
#footerCopy {
	margin:0;
	padding: 1px 10px 5px 10px;
	background-image: url(../../images/footerHome_02.png);
	background-position: top left;
	background-repeat:no-repeat;
	background-color: #fff;}
	
#footerCopy p {
	font-size: 11px;
	line-height: 15px;
	margin: 5px 0;
	padding: 0;}
#footerCopy p.alert {
	font-size: 11px;
	line-height: 16px;
	color: #b5121b;
	padding-bottom: 5px;
}

