body{
margin: 0px;
font-family: Myriad, Arial, ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 10px; 
font-weight: 200;

text-align: center;
background: url("/images/template/backFlag.jpg");
background-repeat: repeat-x;	
background-color: #5a768c;
}




/* TYPOGRAPHY CSS */
h1, h2, h3, h4, h5 {
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif Helvetica,  Geneva; 
margin: 0px 0px 10px; 
}

h1 {
font-size: 2.5em;  
margin-top: 25px;
font-weight: 100;
color: #525229; 
}	

h2 {
font-family: ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 14px; 
text-transform: uppercase; 
letter-spacing: .2em;
font-weight: bold;
color: black; 
margin: 0px 0px 2px 0px; padding: 0px;
}
h3 {font-size: 1.5em; }
h4 {font-size: 1.3em; }
h5 {font-size: 1.1em; color: gray; font-weight: 100;}

p {
	font-size: 13px;
	line-height: 1.9em;
	margin-bottom: 0px;
	}
	
td {
	font-size: 10px;
	line-height: 1.9em;
	vertical-align: top;
	}

strong {
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
text-transform: uppercase; 
letter-spacing: .2em;
font-weight: 100;
color: #942d30; 
margin: 0px 0px 2px 0px; padding: 0px;
}

em { color: #818052; font-style: italic; font-size: 13px;}
.small {font-size: .5em;}


a {
text-decoration: none;  
font-family: ClassicalLightSans, ClassicalSans, "Lucida Grande", Verdana, Arial, sans-serif; 
text-transform: uppercase; 
}

a:link { color: #818052 ;}
a:visited {color: #818052; }
a:hover { color: silver; }
a:active {}

a img {border: none; }

ul 	{  display: inline; list-style-type: none; padding-top: 0px; text-align: left;}	
li 	{ display: inline; padding: 0px 5px; } 


/* ----------------------------END TYPOGRAPHY CSS-------------------------------- */

/* MASTHEAD  */
		
#masthead { 
	margin: 0px auto; 
	width: 1200px; 
	text-align: left;
	height: 160px;
	}

#logo {
	position: relative; 
	top:-450px; 
	left: 120px; 
	z-index: 100;
	}

#star {
	position: relative; 
	top:-345px; 
	left: 125px; 
	z-index: 100;
	}
	
#service1{
	position: relative; 
	top:-375px; 
	left: 1100px; 
	z-index: 10;
	width: 150px;
	}
	
		
#leftButtons {
	position: relative; 
	top:9px; 
	left: 00px; 
	z-index: 10;
	width: 165px;
	padding: 10px 0px 10px 80px;
	text-align: center;

	}
	



	/* ----------------------------NAV ----------------------------------------- */
	#nav {
		position: relative;
		top:30px; 
		left: 0px; 
		z-index: 500;
		padding: 0px;
		width: 265px;
		height: 380px;
		background-image: url(/images/template/nav/navBox.png);
		}
		
		#navMenu {
			width: 180px;
			height: 175px;
			padding: 190px 0px 0px 40px;
			}

		/* ----------------------------HOVER MENU ----------------------------------------- */

		a.homeMenu, a.soldiersMenu, a.memorialMenu, a.donateMenu, a.linksMenu   {
			display: block;
			width: 180px;
			height: 35px;
			text-decoration: none;
			}
			a.homeMenu:hover, a.soldiersMenu:hover, a.memorialMenu:hover, a.donateMenu:hover, a.linksMenu:hover  {
			background-position: 180px 0px;
			}
	
		a.homeMenu {background: url("/images/template/nav/home.png"); }
		a.soldiersMenu {background: url("/images/template/nav/soldiers.png"); }
		a.memorialMenu {background: url("/images/template/nav/memorial.png"); }
		a.donateMenu {background: url("/images/template/nav/donate.png"); }
		a.linksMenu {background: url("/images/template/nav/links.png"); }

		/* ----------------------------END HOVER MENU -------------------------------------- */ 



		/* ----------------------------HOVER Button MENU ----------------------------------------- */

		a.donorMenu, a.letterMenu, a.submitMenu  {
			display: block;
			width: 75px;
			height: 75px;
			float: left; margin: 0px 20px 20px 0px;
			text-decoration: none;
			}
			a.donorMenu:hover, a.letterMenu:hover, a.submitMenu:hover {
			background-position: 75px 0px;
			}
	
		a.donorMenu {background: url("/images/template/buttons/donors.png"); }
		a.letterMenu {background: url("/images/template/buttons/garbsLetter.png"); }
		a.submitMenu {background: url("/images/template/buttons/submitStory.png"); }
		
		/* ----------------------------END HOVER button MENU -------------------------------------- */ 
		
/* ----------------------------END NAV ----------------------------------------- */

#contentContainer {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	}
	
#containerTop {
	width: 998px;
	height: 35px;
	background-image: url(/images/template/textBoxTop.png);
	}
	
#mainImage {
	margin-top: -37px;
}
	
#container {
padding-top: 10px;
	width: 1000px;
	background-image: url(/images/template/textBoxCenter.png);
	background-repeat: repeat-y;
	min-height: 700px;
	}
	
#containerDonate {
padding-top: 10px;
	width: 1000px;
	height: 700px;
	background-image: url(/images/template/textBoxCenter.png);
	background-repeat: repeat-y;
	}
	
		
	.indentLeft {
		margin-left: 270px;
		margin-right: 140px;
		padding-bottom: 70px;
		}
		
				
	.indentLeftDonors {
		margin-left: 190px;
		margin-right: 30px;
		padding-bottom: 70px;
		}
		

		
	.indentLeftHome {
		margin-left: 170px;
		margin-right: 130px;
		padding-bottom: 70px;
		}
		
		.indentColumnLeft {
			float: left;
			width: 340px;
			margin-top: -350px;
			margin-left: 130px;
			margin-right: 0px;
			padding: 0px 30px 70px 0px;
			}

		.indentColumnRight{
			float: right;
			width: 225px;
			margin-right: 65px;
			padding-bottom: 70px;
			margin-top: -370px;
			border-left: 3px solid black;
			padding-left: 25px;
			}
			
		.OLDindentColumnRight{
			margin-top: 30px;
			margin-left: 300px;
			width: 250px;
			margin-left: 0px;
			margin-right: 90px;
			padding-bottom: 70px;
			padding-left: 30px;
			background-color: white;

			}

.soldier {
	width: 250px;
	height: 65px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
}


#soldierCopy {
	width: 600px;
	padding: 0px;
	margin-left: 75px;
		border-bottom: 5px solid black;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

#soldierList {
	padding-bottom: 200px;
	width: 800px;
	padding-top: 50px;
}

#soldierPad {
	padding: 25px 0px 0px 150px;
}

#containerLower {
	clear: both;
	width: 1000px;
	height: 100px;
	background-image: url(/images/template/textBoxCenter.png);
	background-repeat: repeat-y;
	background-color: white;
	}

	.indentLower {
		margin-left: 100px;
		}
	
#containerBottom {
	width: 1000px;
	height: 30px;
	background-image: url(/images/template/textBoxBottom.png);
	}

		#lincoln {
		position: relative;
		top:-310px; 
		left: -100px; 
		z-index: 500;
		padding: 0px;
		width: 262px;
		height: 477px;
		background-image: url(/images/template/abe.png);
		}

.name {font-size: 14px; font-weight: bold;}

#footer{
	height: 19px;
	color: white;
}

#footer a {
color: white;
}

#footerInfo{
	margin: auto;
	width: 953px;
text-align: left;	
}

#templatePhone{
font-weight: bold;
color: #666;
text-align: left;
padding-top: 3px;
}



/* ROLLOVER */

#blockR {
	float: right;
	padding: 10px 20px;
	outline: 1px dotted #1e3700;
	margin: 20px 0px 10px 15px;	
	background-color: #c6ff36;
	width: 250px;
	}	


a.goldstar {
	display: block;
	width: 481px;
	height: 414px;
	text-decoration: none;
	background: url("/images/template/homeBanner/gold.jpg");
	margin: 0px;
	}
	a.goldstar:hover {
	background-position: 0px 414px;
	}
	
a.bluestar {
	display: block;
	width: 240px;
	height: 414px;
	float:left;
	text-decoration: none;
	background: url("/images/template/homeBanner/blue.jpg");
	}
	a.bluestar:hover {
	background-position:  0px 414px;
	}
	
a.mothers {
	display: block;
	width: 278px;
	height: 414px;
	float:left;
	text-decoration: none;
	background: url("/images/template/homeBanner/mothers.jpg");
	}
	a.mothers:hover {
	background-position:  0px 414px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

a.rollover:hover {
	background-position: 0px -58px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
	


.right {float: right;}
.rightBox {
float: right;
width: 250px;
}

.line {border-top: 1px dotted #cfce85; margin: 20px 0px; height: 25px; clear: both;}

.pageImage {margin: 10px 0px 10px 160px;}

.pageImage2 {margin: 10px 0px 10px 190px;}


.leftTopImage {float: left; margin: 0px 20px 40px 160px;}
.topImage {float: left; margin: 0px 20px 40px 0px;}
.rightCamo {float: right; margin-right: 40px;}
.rightCamo2 {float: right; margin-right: 0px;}
.leftButton { float: left; margin: 0px 20px 20px 0px;}
.spacer {clear: both;}
.middle {vertical-align: middle; margin-right: 10px; padding-bottom: 5px;}