@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 #content .featured {
	float: left;
	width: 260px;
}

#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;
}