/*Thank a Service Member CSS
Date: 5/30/08
Author: Matthew Hunt
Company: Mhunt Design
URL: http://mhuntdesign.com
Email: matt@mhuntdesign.com
*/

/*Colors
#0e1d2e dark blue
#21436a blue
#d4bf81 gold
#29190f dark brown
#3c2415 brown text
*/

/*Reset CSS*/
html, body, div, span,
object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, em, font, 
img, small, strong, sub, sup, dd, dl, dt, li, ol, ul, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	text-align: left;
	}
	


a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/*ClearFix*/
.clearfix:after { content: "."; color:#fff; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*General Styles*/
body{ background-color:#6a4026; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; margin:0; padding:0; color:#212121;}
p { margin:1em 0; line-height:1.6; }
ul li {margin:1em 0; line-height:1.6; list-style-type:square; list-style-position:inside;}
img.left {float:left; margin:0 0 0.5em 0.5em; }
img.right {float:right; margin:0 0.5em 0.5em 0; }
.right {float:right;}
.left {float:left;}
.center-img, div.center {margin:0 auto; text-align:center;}
.clear {clear:both;}
a {outline:none;}
a {color:#0033FF; text-decoration:underline;}
a:visited {color:#0033FF;}
a:hover { color:#ff0000;}
a:hover.paypal {background:none;}
small {font-size:0.8em;}

/*Main Containers*/
#faux-body { background:#6a4026 url("images/faux-body.png") repeat-x; margin:0; padding:0; position:relative; height:1%;}
#wrapper {margin:0 auto; text-align:center; width:960px; padding:0; position:relative; height:1%;}
#header-image {margin-top:22px; width:960px; height:192px; clear:both;}
#title-bar { background:#29190f url("images/title-bar.png") repeat-x; text-align:center; margin:0 auto; padding:1em 0;}

/*Content*/
#content {font-size:1.2em; background:#fff url("images/content-bg.png") 0 -40px repeat-x; padding-top:2em;}
.left-col {padding:0 10px 0 20px; width:612px; float:left; }
.right-col {padding:0 20px 0 0px; width:288px; float:right; color:#3c2415;}
.full-col {padding:0 20px;}
#content-bottom {background:url("images/content-bottom.gif") no-repeat; width:960px; height:20px;}

.left-col p strong {font-weight:bold;}
body.home .left-col img {border:1px #000 solid;}
body.thankyou .full-col {height:25em;}

/*Header*/
#header {width:960px; top:22px; position:relative; height:64px;}
#header h1 {float:left; position:relative; height:52px; width:390px; top:12px; overflow:hidden; font-size:1px;}
#header h1 a {  display:block; position:relative;  height:52px; width:390px; cursor:pointer;}
#header h1 span {position:absolute; top:0; height:52px; width:390px; display:block; background: url("images/thank-service-member-logo.png") no-repeat;}

/*Navigation*/
#nav {float:right; position:relative; top:0; height:44px;}
#nav a {margin-left:2em; float:left; display:block; height:44px; overflow:hidden;}
#nav img, #nav span {height:44px; overflow:hidden;}

/*For IE6*/* html #nav span {margin:0; padding:0;}
/*For IE7*/*:first-child+html #nav span {margin:0; padding:0; }

/*For IE6*/* html #nav a {margin-left:0.75em; padding-left:1em; margin-right:0;}
/*For IE7*/*:first-child+html #nav a {margin-left:1em; padding-left:1em; margin-right:0;}

/*For IE6*/* html #nav img.fade {top:0 !important}
/*For IE7*/*:first-child+html #nav img.fade {top:0 !important;}

/*Headers*/
h2, h3, h4, h5 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h2 {font-size:2.1em; padding-bottom:0.2em; letter-spacing:0.03em;}
h3 {font-size:1.7em; padding-bottom:0.2em; padding-bottom:0.2em; margin-bottom:0.5em; font-weight:normal; color: #3F2616; letter-spacing: 0.03em;}
h4 { font-size:1.2em; font-weight:bold; margin:0.5em 0;}
.left-col h2 {border-bottom:1px dotted #3c2415;}
.right-col h2 {border-bottom:1px dotted #212121;}
.full-col h3, .right-col h3, .left-col h3 {border-bottom:1px dotted #212121;}
#title-bar h2 {color:#fff; font-size:2.2em; padding-left:20px;}
h5 {font-size:14px; font-weight:bold;}

/*Footer*/
#footer {padding:0.875em 0; color:#f8df97; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; text-align:center;}
#footer p { text-align:center;}
#footer span {margin:0 0.5em;}
#footer a {color:#fff; text-decoration:underline;}
#footer a:hover {color:#c5b377;}

/*Initiative page*/
#about-the-coin {
width:610px;
float: left;
}

#about-the-coin p {
margin:1.75em 0;
}

#make-difference{
float:right;
width:290px;
}

/*Sponsors*/
table.sponsors td { padding:0.5em;  text-align:center; }
table.sponsors, table.sponsors img  {text-align:center; margin:0 auto;}
table.sponsors img { text-align:center;}

table.sponsors td a:hover {background:none;}

ul.sponsors li{list-style-type:none; margin:1em 0; padding:0.5em 0; border-bottom:1px #ccc dotted;}
ul#quotes li {list-style:none; color:#666666; font-style:italic;}
div.media { border:#ccc 1px solid; padding:10px; margin:1em 0;}

/*a[type="application/pdf"] {background: url(images/pdf.gif) no-repeat left center; padding:20px;}*/

li.pdf {background: url(images/pdf.gif) no-repeat left 0.02em; padding-left:20px; list-style:none;}


/*FAQ*/

div.faq-item {
margin: 1em 0;
border-bottom: 1px #ccc solid;
}

div.faq-item a.faq-anchor {
float: right;
}

div.faq-item h4 {
clear:right;
}

.staff {
list-style-type: none;
}

.staff img {
padding-right:10px;
}