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

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 32px;
	color:#01539c;
	margin: 35px 0 10px 0;
	font-weight: normal;
	padding: 0;}

h2 {
	font-size: 24px;
	line-height: 28px;
	color: #3f66a2;
	font-weight: normal;
	margin: 20px 0 10px 0;
	padding: 0;}

h3 {
	font-size: 20px;
	line-height: 26px;
	color: #b5121b;
	margin: 20px 0 5px 0;
	font-weight: normal;
	padding: 0;}
h4 {
	font-size: 18px;
	line-height: 21px;
	color: #5da2d1;
	margin: 10px 0 5px 0;
	font-weight: normal;
	padding: 0;}
h5 {
	font-size: 16px;
	line-height: 20px;
	color: #c9c8cb;
	margin: 8px 0;
	font-weight: bold;
	padding: 0;}
h6 {
	font-size: 15px;
	line-height: 18px;
	color: #000;
	margin: 5px 0;
	font-weight: bold;
	padding: 0;}

p {
	font-size: 13px;
	line-height: 18px;
	margin: 5px 0;
	padding: 0;}
	
#mainContent ul {
	margin: 8px 0;
	list-style-type:disc;
	}
#mainContent ol {
	margin: 8px 0;
	padding: 0 20px;
	list-style-type:decimal;
	list-style-position: outside;
}
#mainContent li {
	margin: 3px 0;
	padding: 0 30px 0 10px;
	font-size: 13px;
	line-height: 16px;
}

#mainContent a {
	color: #b5121b;
	text-decoration: underline;}
#mainContent a:hover {
	color: #000;}

div.clear {
	font-size: 3px;
	line-height: 3px;
	margin:0;
	padding:0;
	clear:both;}

#contentHolder {
	margin: 0 auto;
	background-image:url(../../images/bkgd-leftcol.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #fff;
	width: 960px;
	position: relative;
	border-bottom: 5px solid #3f66a2;}

/* - MAIN LOGO FLOAT - */
#logo {
	position: absolute;
	left: -50px;
	top: 20px;
	width: 272x;
	height: 186px;
}

/* - HEADER STYLES - */
#header {
	background-color: #3f66a2;
	background-image:url(../../images/header_in.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	padding: 75px 0 7px 0;
	margin:0;
	color: #fff;
}

/* Menu Styles */
#menu {
	margin-left: 260px;
}
/*#menu ul {
	margin: 0 0 12px 0;
	padding: 0 ;
	list-style:none;
	list-style-type: none;
	}
#menu li {
	display: block;
	float: left;
	font-size: 15px;
	line-height: 18px;
	color: #01539c;
	margin: 0;
	padding:0;}

#menu li a {
	display: block;
	margin: 3px 5px;
	padding: 3px 5px;
	color: #01539c;
	text-decoration: none;}
#menu li a:hover{
	color: #5da2d1;
	text-decoration: none;}*/
/* - END HEADER - */

/* - MAIN CONTENT START- */
#mainContent {
	background-image:url(../../images/bkgd-rtcol.jpg);
	background-repeat: repeat-y;
	background-position: top right;
	margin: 0;	
}

div.Sponsorship {
	margin: 5px 0 3px 0;
	padding: 3px 10px 3px 10px;
	border-bottom: 1px solid #ededed;}
#mainContent div.Sponsorship p.name {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #01539c;
	margin: 5px 0 1px 0;
	padding: 5px 0 0 0;}
#mainContent div.Sponsorship p.flight {
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	color: #000;
	margin: 5px 0 3px 0;
	padding: 2px 0 0 0;}
#mainContent div.Sponsorship p.desc {
	font-size: 11px;
	line-height: 16px;
	color: #000;
	margin: 5px 0 7px 0;
	padding: 0 0 0 0;
}

/* Styles for output on events page */
#mainContent div.EventListing {
	width: 525px;
	border: 1px solid #999;
	margin: 10px;
	padding: 10px;
	background-color: #FFFFCC;}
#mainContent div.EventListing h4 {
	color: #990000;
	font-weight: bold;}
#mainContent div.EventListing p.flightinfo {
	font-size: 13px;
	line-height: 17px;
	padding-left: 20px;
	background-image: url(../../images/eventarrow.jpg);
	background-position: top left;
	background-repeat: no-repeat;}
#mainContent div.EventListing p.temps a {
	font-size: 12px;
	line-height: 15px;
	color: #000;
	text-decoration: none;}
#mainContent div.EventListing p.temps a:hover {
	color: #b5121b;}
	
#mainContent div.EventListing p.top a {
	display: block;
	float: right;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	border: 1px solid #000;
	font-size: 11px;
	line-height: 13px;
	padding: 2px 5px;}
#mainContent div.EventListing p.top a:hover {
	background-color: #b5121b;
	color: #fff;
	text-decoration: none;}

/* - Left Column Menu - */	
#leftcol {
	padding: 150px 0 0 0;
	width: 200px;
	float:left;
}
#sectionmenu {
	width: 200px;}
#sectionmenu ul {
	margin: 0;
	padding: 0;
	list-style:none;}
div#sectionmenu li {
	font-size: 15px;
	margin: 0;
	color: #fff;
	padding: 0;}
	
div#sectionmenu li a {
	display: block;
	padding: 5px 5px 5px 10px;
	color: #fff;
	text-decoration: none;
	width: 185px;}

div#sectionmenu li.Active a {
	background-image:url(../../images/sectionmenu-bkgd.jpg);
	background-position: top left;
	background-repeat:repeat-y;
}
/* added for cartweaver category links when used in left menu */
div#sectionmenu li span.Active a {
	background-image:url(../../images/sectionmenu-bkgd.jpg);
	background-position: top left;
	background-repeat:repeat-y;
}

#sectionmenu li a:hover{
	background-image:url(../../images/sectionmenu-bkgd.jpg);
	background-position: top left;
	background-repeat:repeat-y;
	background-color: #01539c;
	color: #fff;
	text-decoration: none;}
/* - END Left Column Menu - */

/* - Main Column Styles - */	
#bodyBlock {
	margin: 0 160px 0 200px;
	padding: 5px 0 10px 20px;
	background-image:url(../../images/mainBlock-bkgd.jpg);
	background-repeat:repeat-x;
	background-position: top left;
}
#mainCopy {
	margin: 0;
	padding: 5px 20px 0 0;
	}
#mainCopy p {
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0;
	padding:0;
}


/* - Page Callout - Highlighted Information at Top Of Page- */
#pagecallout {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 160px 0 200px;
	padding: 5px 20px 10px 20px;
	border-bottom: 5px solid #b5121b;
}
#pagecallout h2 {
	color: #b5121b;
	font-size: 30px;
	line-height: 36px;
	font-weight: normal;
	margin: 30px 0 15px 0;
}
#pagecallout p {
	color: #b5121b;
	font-size: 17px;
	line-height: 26px;
	font-weight: normal;
	margin: 10px 10px 10px 0;
}
#pagecallout p.normal {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin: 5px 20px;}
#pagecallout p a {
	text-decoration: none;}
#pagecallout p a:hover {
	text-decoration: underline;}


#pagecallout table#Info {
	margin: 30px 0 15px 0;
}

#pagecallout table#Info th {
	border-right: 1px solid #b5121b;
	padding: 5px 10px 25px 0;
	font-weight: normal;
	color: #b5121b;
	text-transform: uppercase;
	text-align: right;
}
#pagecallout table#Info td {
	padding: 5px 0 25px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
}

/* Group Photo Captions */ 
#pagecallout #ww2group {
	font-family: Arial, Helvetica, sans-serif;
	width: 554px;}
#pagecallout .groupcaption {
	font-size: 11px;
	line-height: 14px;
	color: #000;
	float: left;
	width: 300px;}
#pagecallout .clicklarge {
	width: 150px;
	float: right;
	text-align: right;
	font-size: 11px;
	line-height: 14px;
	color: #000;
}


/* Event Calendar Info for Tour Schedule */
#pagecallout .eventCalendar {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #01539c;
	background-color: #fff;
	background-image:url(../../images/calendarBkgd.jpg);
	background-position: bottom center;
	background-repeat:repeat-x;}
#pagecallout .eventCalendar td.calMonth {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 18px;
	font-weight: normal;
	color: #01539c;
	text-align: center;
	padding: 5px 10px 2px 10px;
	text-transform: uppercase;}
#pagecallout .eventCalendar td.calMonth,
#pagecallout .eventCalendar td.calNav {
	background-color: #fff;}

#pagecallout .eventCalendar td.calNav a {
	font-size: 12px;
	font-weight: bold;
	color: #999; 
	text-decoration: none;}
#pagecallout .eventCalendar td.calNav a:hover {
	color: #01539c;
	text-decoration: underline;}	
	
#pagecallout .eventCalendar th {
	background-color: #e6e6e6;
	color: #999999;
	margin:0;
	padding: 2px 5px;
	border: 1px solid #c9c8cb;
	border-bottom: 1px solid #01539c;
	font-size: 12px;
}
#pagecallout .eventCalendar tr.calWeek {
	border-left: 1px solid #01539c;
	border-right: 1px solid #01539c;}
#pagecallout .eventCalendar td.calPad {
	border-left: 1px solid #efefef;
	border-top: 1px solid #fff;
	border-right: 1px solid #343434;
	border-bottom: 1px solid #676767;
	}
#pagecallout .eventCalendar td.Day {
	height: 80px;
	font-size: 24px;
	line-height: 26px;
	text-align: center;
	color: #454545;
	border-left: 1px solid #efefef;
	border-top: 1px solid #fff;
	border-right: 1px solid #343434;
	border-bottom: 1px solid #676767;}
	
#pagecallout .eventCalendar td.Today {
	height: 80px;
	text-align: center;
	background-color: #01539c;
	color: #fff;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	border-collapse:separate;
	border-left: 1px solid #efefef;
	border-top: 1px solid #fff;
	border-right: 1px solid #343434;
	border-bottom: 1px solid #676767;}

#pagecallout .eventCalendar td.Today a {
	color: #e6e6e6;
	font-weight: bold;
	text-decoration: none;}
#pagecallout .eventCalendar td.Today a:hover {
	color:#FFFF99;}
#pagecallout .eventCalendar td.Day a {
	color: #01539c;
	font-weight: bold;
	text-decoration: none;}
#pagecallout .eventCalendar td.Day a:hover {
	color: #b5121b;}
/* END CALENDAR STYLES */

/* Donate Button for Sidebar */
#DonateBtn {
	position:absolute;
	left:800px;
	top:544px;
	width:153px;
	height:143px;
	z-index:101;
	padding: 0 10px 0 0;
	padding: 0 10px 0 0;
}
#DonateBtn p {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	margin: 5px 0;
	padding: 3px 5px 0 10px;
	}
/* Donation Form Styles */
#form_donation {
	margin: 10px 0 20px 0;
}
#form_donation fieldset {
	margin: 5px 0 10px 0;
	padding: 10px;
	font-size: 12px;
	line-height: 14px;}
#form_donation fieldset legend {
	font-size: 12px;
	line-height: 15px;
	color: #b5121b;
	text-transform: uppercase;
	margin-bottom: 10px;}
#form_donation label, #form_edit label {
	display: block;
	float: left;
	width: 100px;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	padding-right: 5px;
	margin-bottom: 10px;}
#form_donation input, #form_edit input,
#form_donation select {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;}
#form_donation br {
	clear: both;}	
/* - END FORM STYLES - */

	
/* - FOOTER STYLES - */
#footer {
	margin: 70px 20px 0 0;
	}
	
#footerCopy {
	margin:0;
	padding: 1px 0 5px 0;
}
	
#footerCopy p {
	font-size: 10px;
	line-height: 14px;
	margin: 5px 0;
	padding: 0;}
#footerCopy p.alert {
	font-size: 11px;
	line-height: 16px;
	color: #b5121b;
	padding-bottom: 5px;
}
.newsarticle {
	margin: 12px;
	padding-left: 4px;
	border-bottom: 1px solid #999999;
}
.newsarticle h2 {
	font-size: 18px;
	line-height: 24px;
}
.newsarticle .newsdate {
	font-size: 12px;
	line-height: 14px;
	font-style:italic;
}
.newsarticle .newsphoto {
	float: right;
	margin: 0 0 4px 12px;
}
table.hubinfo {
	margin: 0 0 6px 32px;
}
table.hubinfo td {
	font-size: 11px;
	margin: 0;
	padding: 1px 4px;
}
div#tribindex {
	width: 547px;
	float:left;
	position:relative;
	margin:0 0 12px 0;
	padding:0;
	background-color:#E6E6E6;
	border: solid 1px #000;
}
#tribindex a {
	display:block;
	float:left;
	position:relative;
	border-right:solid 1px #000;
	text-align:center;
	width: 20px;
	padding: 2px 0;
	font-size: 13px;
	text-decoration:none;
}
#tribindex a:link, #tribindex a:visited {
	color:#000;
}
#tribindex a:hover, #tribindex a:active {
	color: #fff;
	background-color:#b5121b
}
#tributeblock p {
	font-size: 14px;
	line-height: 18px;
	margin: 6px 0 6px 72px;;
	text-indent: -72px;
	clear:both;
}

/* styles added for cartweaver shopping cart */
table.tabularData td, table.loginform td  {
	font-size: 13px;
	padding: 3px 6px;
}
table.loginform td input {
	width: 250px;
}
table#tableProductDetails img {
	padding: 0 0 6px 12px;
	float: right;
}
span.errorMessage {
	font-weight:bold;
	color: #FF0000;
}
#applybox {
	float:right; 
	border:solid 1px #E8E8EA; 
	background-color: #FFFFFF; 
	padding: 3px 0; 
	margin-left: 12px; 
	width:175px;
}
#applybox p {
	font-size: 12px;
	line-height: 16px;
	margin: auto 15px;
}
#sponsor {
	width: 150px;
	margin: 3px auto;
	text-align:center;
	font-size: 9px;
	line-height: 12px;
	padding-bottom: 3px;
	border-bottom: solid 1px #CCCCCC;
}