@charset "utf-8";
/* CSS Document */

body {
	/*background-color: #03466B;
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-x;*/
	background: #032e46; /*url(../images/body-bg-flag.jpg) top left no-repeat;*/
	font: 12px Verdana, Geneva, sans-serif;
	margin: 16px 0 0 0;
	padding: 0px;
}
#body-background { position:absolute; z-index:-1; }
#aaas {
	width: 800px;
	background-color: #002C42;
	border: solid #fff 1px;
	/*border-top: none;*/
	margin: 0 auto;
	padding: 2px 2px 2px 2px;
	z-index:5;
}
#aaas #top #logo {
	display: block;
	float: left;
	position: absolute;
	z-index: 10;
}
#aaas #top #banner {
	float: right;
	display: block;
	border: solid #fff 1px;
	/*border-top: none;*/
	height: 118px;
	overflow: hidden;
	width: 514px;
}
#aaas #nav {
	background: url(../images/nav-bg_right.gif) no-repeat right 2px;
	clear: both;
	padding: 1px 0 0 0;
}

#aaas #nav .main-menu {
	background: url(../images/nav-bg_left.png) no-repeat left;
	border: 1px solid #fff;
	font-size: 13px;
	color: #fff;
	display: block;
	height: 24px;
	/*overflow: hidden;*/
	margin: 0;
	padding: 0;
}

#aaas #nav .main-menu li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#aaas #nav .main-menu li a {
	color: #fff;
	text-decoration: none;
	display:block;
	float: left;
	height: 21px;
	padding: 3px 11px 0 12px;
	border-right: solid 1px #fff;
}
#aaas #nav .main-menu li.active,
body.home #aaas #nav .main-menu #mm-home,
body.about #aaas #nav .main-menu #mm-about,
body.events #aaas #nav .main-menu #mm-events,
body.get_involved #aaas #nav .main-menu #mm-get_involved,
body.media #aaas #nav .main-menu #mm-media,
body.partners #aaas #nav .main-menu #mm-partners,
body.deployed #aaas #nav .main-menu #mm-deployed,
body.contact #aaas #nav .main-menu #mm-contact,
#aaas #nav .main-menu li.ddparenthover {
	background: url(../images/nav-bg_active_left.png);
}
#aaas #nav .main-menu li.active a,
body.home #aaas #nav .main-menu #mm-home a,
body.about #aaas #nav .main-menu #mm-about a,
body.events #aaas #nav .main-menu #mm-events a,
body.get_involved #aaas #nav .main-menu #mm-get_involved a,
body.media #aaas #nav .main-menu #mm-media a,
body.partners #aaas #nav .main-menu #mm-partners a,
body.deployed #aaas #nav .main-menu #mm-deployed a,
body.contact #aaas #nav .main-menu #mm-contact a,
#aaas #nav .main-menu li.ddparenthover a {
	background: url(../images/nav-bg_active_right.gif) no-repeat right;
}
#aaas #content {
	background-color: #FFF;
	color: #002C42;
	font-size: 11px;
	/*height: 500px;*/
	margin-top: 1px;
	padding: 10px 35px 50px 22px;
}
#aaas #content a {
	color: 	#005D84;
}

#aaas #content a img {
	border: none;
}

#aaas #content .bread-crumb {
	float: left;
	font-size: 14px;
	display: block;
	height: 20px;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
	width: 512px;
}
#aaas #content .bread-crumb li {
	background: url(../images/bc-sep.gif) no-repeat 8px 0px;
	line-height: 14px;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 25px;
}
#aaas #content .bread-crumb li.root {
	background: none;
	padding: 0;
}
#aaas #content p {
	margin: 0;
	padding: 0 0 18px 13px;
}
#aaas #content ul {
	margin-top:0;
}

#aaas #pledgeToPackMeter {
	border: 1px solid #036;
	height: 15px;
	margin-left: 5%;
	margin-top: 20px;
	overflow: visible;
	position: relative;
	width: 80%;
}


#aaas #pledgeToPackMeter .progress {
	background: #0c0;
	height: 15px;
	width: 13%;
}

#aaas #pledgeToPackMeter .scale {
	position:absolute;
	top: -30px;
	height:30px;
	width: 100%;
}

#aaas #pledgeToPackMeter .percent0,
#aaas #pledgeToPackMeter .percent25,
#aaas #pledgeToPackMeter .percent50,
#aaas #pledgeToPackMeter .percent75,
#aaas #pledgeToPackMeter .percent100 {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 25%;
	white-space:nowrap;
}

#aaas #pledgeToPackMeter .percent0 {left:-12.5%}
#aaas #pledgeToPackMeter .percent25 {left:12.5%}
#aaas #pledgeToPackMeter .percent50 {left:37.5%}
#aaas #pledgeToPackMeter .percent75 {left:62.5%}
#aaas #pledgeToPackMeter .percent100 {left:87.5%}

#aaas #pledgeToPackMeterVertical {
	border: 1px solid #036;
	float: right;
	height: 400px;
	margin-top: 30px;
	position: relative;
	vertical-align: baseline;
	width: 20px;
}

#aaas #pledgeToPackMeterVertical .progress {
	background: #0c0;
	bottom: 0;
	position: absolute;
	height: 13%;
	width: 20px;
}

#aaas #pledgeToPackMeterVertical .percent0,
#aaas #pledgeToPackMeterVertical .percent25,
#aaas #pledgeToPackMeterVertical .percent50,
#aaas #pledgeToPackMeterVertical .percent75,
#aaas #pledgeToPackMeterVertical .percent100 {
	text-align: right;
	position: absolute;
	right: 100%;
	width: 100px;
	white-space:nowrap;
}

#aaas #pledgeToPackMeterVertical .percent0 {top:98%}
#aaas #pledgeToPackMeterVertical .percent25 {top:75%}
#aaas #pledgeToPackMeterVertical .percent50 {top:50%}
#aaas #pledgeToPackMeterVertical .percent75 {top:25%}
#aaas #pledgeToPackMeterVertical .percent100 {top:0}



#aaas .pledgetopackform .form-labels, #aaas .pledgetopackform .form-inputs{ 
	display: inline; 
	list-style: none; 
	float: left; 
	margin: 0;
	padding: 0; 
}
#aaas .pledgetopackform .form-inputs li, #aaas .pledgetopackform .form-labels li{
	margin: 0;
	padding: 5px; 
	height: 22px;
}

#aaas .pledgetopackform .form-labels li{ }
#aaas .pledgeform{
	margin: 0;
	padding: 0; 
	border: 1px solid black; 
	height: 100%; 
}

#aaas #content .featured {
	float: left;
	width: 260px;
}

.featurebox{	
	background: #FDF5E6;
	background: -webkit-gradient(linear,left top,left bottom, from( #ffffff ), to( rgba(252, 245, 230, .2) ) );
	background: -moz-linear-gradient(top, #ffffff , rgba(252, 245, 230, .2) );
	-pie-background: linear-gradient(#ffffff, #fef9f1 ); 
	margin: 0 0 12px 12px;
	padding: 5px; 
	position: relative;
	min-height:155px;
	border-radius: 2px 2px 2px 2px !important; 
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px; 
	box-shadow: 0 0 2px #777777;
		-moz-box-shadow: 0 0 2px #777;
		-webkit-box-shadow: 0 0 2px #777;
	behavior: url(style/PIE.php);
}

.featurebox h1{
	margin: 0 0 5px 0 !important;
	padding: 0 !important; 
}

.featurebox p{
	margin: 0 !important;
	padding: 0 !important;
}

#aaas #content h1 {
	color: #E73039;
	font-size: 14px;
	padding: 0 0 18px 12px;
	margin: 0;
}
#aaas #content .col2 h1 {
	clear: right;
}
#aaas #content h2 {
	font-size: 12px;
	padding: 0 0 18px 12px;
	margin: 0;
}
#aaas #content .partner-logo {
	float: left;
	text-align: center;
	margin-right: 10px;
	width: 160px;
}
#aaas #content .partner-logo img {
	border: solid #036 1px;
	margin: 0 0 5px 12px;
	padding: 5px;
}
#aaas #content .col1 .pic-right {
	display: block;
	float: right;
	margin: 0 -252px 0 0;
	padding: 0;
	position: relative;
	width: 200px;
	text-align: right;
}
#aaas #content .col1 .pic-right img {
	display: block;
	float: right;
}
#aaas #content .col1 .pic-right .caption {
	clear: right;
	padding-right: 10px;
}
#aaas #content .col2 .pic-right {
	display: block;
	float: right;
	margin: -44px -34px 0 0;
}
#aaas #content .col2 .donation-right {
	display: block;
	float: right;
	margin: 0px 500px 0 0;
}
body.two-col #aaas #content .col2 .pic-right {
	display: block;
	float: right;
	margin: -44px -64px 0 0;
	padding-right: 10px;
}
body #aaas #content .col1 {
	float: left;
	overflow: visible;
	width: 525px;
}
body #aaas #content .col2 {
	margin-left: 525px;
}
body.two-col #aaas #content .bread-crumb {
	width: 700px;
}
body.two-col #aaas #content .col1 {
	width: 337px;
}
body.two-col #aaas #content .col2 {
	margin-left: 362px;
	padding-right: 30px;
}
#aaas #chapter-map {
	border: solid 1px #E3323A;
	left: 15px;
}
#aaas .read-more {
	display: block;
	float: right;
}
#aaas .clear-both {
	clear: both;	
}
#aaas .error {
	color: red;
}
#aaas .success {
	color: #090;
}
#aaas .col2 form {
	padding-left: 20px;
}
#aaas form label {
	display: block;
	padding: 5px 0;
}
#aaas form input,
#aaas form select,
#aaas form textarea {
	display: block;
	width: 180px;
}
#aaas form textarea {
	height: 100px;
}
#aaas form input.checkbox,
#aaas form input.inline {
	display: inline;
	width: auto;
}
#aaas form#paypal-form input,
#aaas form#paypal-form textarea {
	margin-left: 0;
}
#aaas #footer {
	color: #fff;
	padding: 15px 0;
	position: absolute;
	text-align: center;
	width: 800px;
}



.supporterlist{ list-style: none; margin: 0 10px; padding: 0; height: 460px; }
.supporterlist li{ display: block; height: 90px; padding: 10px 5px; margin: 0; }
.supporterlist li a { height: 100%; }
.supporterlist img{ float: left; padding: 0; }
.supporterlist p{ line-height: normal; margin: 0 !important; padding-left: 10px !important; float: left; display: inline; width: 60%;}

.supporterlist span{ font-weight: bold; display: block; }

#supporters-page{
	width: 760px !important; 
}
#supporters-page li{
	display: inline;
	float: left;
	position: relative;
	width: 45%;
	height: 110px;
}
#supporters-page ul li p{ line-height: normal; margin: 0 !important; padding-left: 5px !important; float: left; display: inline; width: 70%;}


#timetable-wrap{ margin: 0 0 0 10px; }
#timetable-wrap h2, #timetable-wrap p{ margin: 0 !important; padding: 0 0 5px 0 !important;}
#timetable{ list-style: none; margin: 0; padding: 0; }
#timetable li{ display: inline; float: left; list-style: none; margin: 0; padding: 0; }
#timetable li:first-child{ width: 45%; }
#timetable li { width: 18%; }
*html #timetable .first-child { width: 147px; }
.table-legend li{ font-weight: bold;}
.tbl-even{ background: #E6E6E6 }


#aaas #deployed-solider-form label, #aaas #deployed-solider-form #submit{
	margin-left: 10px; 
}

#aaas .lightbox{ display: block; }
#aaas .lightbox .lightbox-img{
	height: 100px !important;
	margin: 5px; 
	padding: 5px;
	float: left;
	border: 1px solid black; 
}

#aaas #content #upcoming-events.col1{ width:750px; }
#aaas #content #upcoming-events .table{ margin-bottom:20px;margin-left:20px; }
#aaas #content #upcoming-events h1{ padding-left:0!important;padding-bottom:5px; }
#aaas #content #upcoming-events .table-row{ display:table-row; }
#aaas #content #upcoming-events .table-cell.odd{ display:table-cell; width:100px;height:40px;font-weight:bold;text-transform:uppercase;}
#aaas #content #upcoming-events .table-cell.even{ display:table-cell; width:550px;height:40px;}


.button-eb{
	padding:6px;
	color:#fff!important;
	text-decoration:none;
	background: #002C42;
	background: -webkit-linear-gradient( top, #005D84, #002C42 );
	background: -moz-linear-gradient( top, #005D84, #002C42 );
	background: -o-linear-gradient( top, #005D84, #002C42 ); 
	background: linear-gradient( top, #005D84, #002C42 );
	-pie-background: linear-gradient(#005D84, #002C42 ); 
	-webkit-border-radius:	2px; 
	-moz-border-radius: 		2px; 
	-ms-border-radius: 			2px;
	-o-border-radius: 			2px; 
	border-radius: 					2px; 
	-webkit-box-shadow:		0px 0px 2px #777; 
	-moz-box-shadow:			0px 0px 2px #777;
	-ms-box-shadow: 			0px 0px 2px #777; 
	-o-box-shadow:				0px 0px 2px #777; 
	box-shadow:					0px 0px 2px #777; 
	width:95%;
	position:relative;
	float: left;
	text-align:center;
	behavior: url(style/PIE.php);
}

.button-eb:hover{
	background: #005D84;
	-pie-background: #005D84; 
}


/* Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
* html .clearfix{height:1%}