/*
	Army Relief Trust Fund (ARTF)
	General Screen Styles

	Created by Chris Pearce
	chris@cstech.net.au
*/
/****************************************************************************************
																   >> General Selectors << 
*****************************************************************************************/
html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
}
body {
	background: #fff;
	color: #31423c;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
}
a:link, a:visited {
	text-decoration: underline; 
	color: #916A41;
}
a:hover {text-decoration: none;}
p {
	margin: 1.6em 0 0; 
	line-height: 1.333;
}
a img {border: 0;}
ul, ol {
	margin: 0.40em 0 1.7em 35px;
	padding: 0;
}
ul li, ol li {margin-bottom: 0.30em;}
ul ul, ol ol {
	margin-top: 0.40em;
	margin-bottom: 0.80em;
	padding-top: 0;
	padding-bottom: 0;
}
table td {font: 12px Arial, Helvetica, sans-serif;}
address {font-style: normal;}
hr {
	color: #ccc; 
	background: #ccc; 
	height: 1px; 
	border: 0;
	margin: 0 0 1.2em;
}
h1 {
	font: 500 22px Verdana, Arial, Helvetica, sans-serif;
	color: #2b4037;
	margin: 0 0 0.80em;
}
h2,h3,h4,h5,h6 {
	margin: 1.5em 0 0;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #9a6f44;
}
h3,h4,h5,h6 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #283d34;
}
h4,h5,h6 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #512204;
}
h5 {color: #666;}
h6 {color: #999;}

/*---Control Margins on textual elements in tables---*/
table td p {margin: 0 0 1.1em;}
table td h1, table td h2, 
table td h3, table td h4, 
table td h5, table td h6 {margin: 0 0 0.50em;}
/*---Turn off Margins on textual elements in nested tables---*/
table td table td p, table td table td h1
table td table td h2, table td table td h3, 
table td table td h4, table td table td h5, 
table td table td h6 {margin: 0;}

/*---Adjecent Sibling Selectors---*/
h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {margin-top: 0.60em;}
h4 + ul {margin-top: 0.80em;}
h1 + h2 {margin-top: 0.50em;}

/****************************************************************************************
																		  >> Structure << 
*****************************************************************************************/
												
/*-------------------------------------------Hide Elements off Screen---*/
.hide {
	position: absolute;
	top: -9999px;
	overflow: hidden;
	height: 1px;
	width: 1px;
}

/*-------------------------------------------Wrapper---*/
#wrapper {
	width: 776px;
	background: transparent url('wrapper-i.jpg') repeat-y 0 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#home #wrapper {background: transparent url('wrapper-h.jpg') repeat-y 0 0;}
#alternate #wrapper {background: transparent url('wrapper-alt.jpg') repeat-y 0 0;}

/*-------------------------------------------Masthead---*/
#masthead {
	height: 121px;
	position: relative;
	background: transparent url('mhead.jpg') no-repeat 0 0;
}

	#masthead #slogan {
		position: absolute;
		top: 50px;
		right: 19px;
	}
	#masthead #slogan h2 {
		display: block;
		text-indent: -99999px;
		width: 162px;
		height: 42px;
		background: transparent url('slogan.jpg') no-repeat 0 0;
		overflow: hidden;
		margin: 0;
	}

/*-------------------------------------------Branding---*/
#branding {
	position: absolute;
	top: 44px;
	left: 29px;
	z-index: 50;
}
#home #branding {left: 31px;}
#alternate #masthead #branding {
	top: 8px;
	left: 19px;
}

	/*---Branding---*/
	#branding h1 {margin: 0;}
	#branding h1 a {
		display: block;
		text-indent: -99999px;
		width: 156px;
		height: 116px;
		background: transparent url('logo.jpg') no-repeat 0 0;
		overflow: hidden;
	}
	#alternate #masthead #branding h1 a {
		width: 133px;
		height: 100px;
		background: transparent url('logo-alt.jpg') no-repeat 0 0;
	}

/*-------------------------------------------Banner---*/
#banner {
	width: 562px;
	height: 136px;
	background: transparent url('banner.jpg') no-repeat 0 0;
	margin-left: 211px;
}
#home #banner {
	background: transparent url('welcome-txt.jpg') no-repeat 0 100%;
	padding-left: 219px;
	height: 375px;
	margin: 0;
}
	
/*-------------------------------------------Welcome Text [Homepage]---*/
#welcomeText {
	position: absolute;
	top: 175px;
	left: 0;
	width: 219px;
}
	#welcomeText h2 {
		font: bold 13px Arial, Helvetica, sans-serif;
		color: #E5DCBF;
		margin: 0 15px 8px 25px;
	}
	#welcomeText p {
		color: #E5DCBF;
		line-height: 1.2;
		font-size: 12px;
		margin: 0 15px 8px 25px;
	}
/*-------------------------------------------Feature Boxes [Homepage]---*/
#featureBoxes {
	background: #f0e7d8 url('float-box.jpg') no-repeat 0 0;
	float: left;
	width: 776px;
	height:168px;
	position:relative;
}
	#featureBoxes * {
		margin: 0;
		padding: 0;
	}
	#featureBoxes ul {position:absolute;left:180px;}
	#featureBoxes ul li {
		list-style: none;
		float: left;
	}
	#featureBoxes ul li a {
		display: block;
		width: 172px;
		height: 170px;
		background-repeat: no-repeat;
		background-position: 0 0;
		text-decoration: none;
		margin-right: 16px;
		text-indent: -9999px;
		overflow: hidden;
	}
	#featureBoxes ul li.feature1 a {background-image: url('../images/feature-boxes/homepage/returning-home.jpg'); margin-left: 20px;}
	#featureBoxes ul li.feature2 a {background-image: url('../images/feature-boxes/homepage/loans-for-soldiers.jpg');}
	#featureBoxes ul li.feature3 a {background-image: url('../images/feature-boxes/homepage/kids-competition.jpg');}
	#featureBoxes ul li.feature4 a {background-image: url('../images/feature-boxes/homepage/your-community.jpg'); margin: 0;}
	
/*-------------------------------------------Main Content---*/
#mainContent {
	background: transparent url('main-content.jpg') no-repeat 0 100%;
	padding: 20px 40px 25px 235px;
	min-height: 285px;
}
#alternate #mainContent {
	background: transparent;
	padding: 20px 0 0 0;
	text-align: center;
	min-height: 100px;
}
#alternate #mainContent p {margin: 0;}
#alternate #mainContent table td p {margin-bottom: 1.1em;}
* html #mainContent {height: 285px;} /* For IE 6 and below */
* html #alternate #mainContent {height: 100px;}

/*-------------------------------------------Footer---*/
#footer {
	clear: both;
	background: transparent url('footer.jpg') no-repeat 0 0;
	width: 776px;
}
#home #footer {background: #f0e7d8;}
#alternate #footer {background: #f0e7d8 url('footer-alt.jpg') no-repeat 0 0;} 

	#footer p {
		color: #EBE2D9;
		font-size: 10px;
		line-height: normal;
		margin: 0;
		text-align: center;
		padding: 10px 0 10px 0;
	}
	#footer p a {color: #EBE2D9;}
	
	#home #footer p,
	#alternate #footer p {
		color: #777368;
		padding: 26px 0 0;
	}
	#alternate #footer p {padding-top: 40px;}
	#home #footer p a,
	#alternate #footer p a {color: #777368;}
	
/****************************************************************************************
												  							  >> Tables << 
*****************************************************************************************/

/*-------------------------------------------Layout 1 > Main Layout [Right Col with 4 images at bottom]---*/
table.layout1 {
	width: 745px;
	margin: 0 auto;
}
table.layout1 td {
	vertical-align: top;
	text-align: left;
}
table.layout1 td.title {
	padding-top: 5px;
}
table.layout1 td.title h1 {
	font: bold 22px Verdana, Arial, Helvetica, sans-serif;
	color: #2A3F36;
	margin-left: 0;
	padding-right: 10px;
}
table.layout1 td.desc {padding: 0 18px 10px 0;}
table.layout1 td.right-col {width: 220px; padding-bottom: 14px;}
table.layout1 td.feature-boxes table {width: 100%;}
table.layout1 td.feature-boxes table td {padding-bottom: 0px;}
table.layout1 td.feature-boxes table td p {margin: 0 !important;}
/*-------------------------------------------Layout 4 > Competition for Kids & Partners---*/
table.layout4 {
	width: 720px;
	margin: 0 auto;
}
table.layout4 td {
	vertical-align: top;
	text-align: left;
}
table.layout4 td.desc {padding-left: 10px;}
table.layout4 td.desc table td {
	height: 174px;
	vertical-align: middle;
}
table.layout4 td.desc table td p {font-size: 11px;}
table.layout4 td.desc table td.big-txt h2,
table.layout4 td.desc table td.big-txt p {color: #355747;}
table.layout4 td.desc table td.big-txt h2 {margin-bottom: 5px;}
table.layout4 td.desc table td.big-txt p {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6;
}
table.layout4 td.feature-boxes {width: 443px;}
table.layout4 td.feature-boxes table {width: 100%;}
table.layout4 td.feature-boxes table td {padding-bottom: 20px;}
table.layout4 td.feature-boxes table td p {margin: 0 !important;}
/*-------------------------------------------Layout 7 > Army Deals [3 Columns]---*/
table.layout7 {
	width: 745px;
	margin: 0 auto;
}
table.layout7 td {
	vertical-align: top;
	text-align: left;
}
table.layout7 td.title {padding-bottom: 16px;}
table.layout7 td.title h1 {
	font: bold 24px Verdana, Arial, Helvetica, sans-serif;
	color: #2A3F36;
	margin: 0;
}
table.layout7 td.desc {padding: 0;}
table.layout7 td.desc table td {padding: 0 10px 20px 0;}
table.layout7 td.rightcol {width: 185px; padding-right: 0;}
	
/****************************************************************************************
												  						>> Misc Classes << 
*****************************************************************************************/

/*-------------------------------------------Clear Floats---*/
div.clear {
	clear: both;
	height: 1px;
	width: 770px;
}

/*-------------------------------------------CMS Custom Styles---*/
img.style-image-float {
	display: block;
	float: right;
	margin: 10px 0 14px 16px;
	padding: 1px;
	border: 1px solid #ccc;
}