/* 

STYLE SHEET FOR MEN FOR MISSIONS INTL. WEB SITE
developed by bluespace creative, Inc.
www.bluespacecreative.com

ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

html, body {
	height: 100%;
}

body {
	background: url(../images/secbodyBkg.gif) repeat-x;
	font: 13px Arial, Helvetica, sans-serif;
	color: #2A0B00;
		}



/*  --------- 2. structure  --------- */

#wrapper {
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -113px auto;
		}
		
#masthead {
		}
		
#logo {
	padding-top: 29px;
	padding-bottom: 29px;
	padding-right: 51px;
	display: block;
	float: left;
	height: 110px;
		}
#logo h1 {
	background: url(../images/mfm_logo.gif) no-repeat;
	height: 110px;
	width: 243px;
	text-indent: -9899px;
	display: block;
}
#omsNav {
	float: left;
	height: 54px;
	width: 259px;
	padding: 0 0 22px 347px;
	background: url(../images/omgNavBkg.gif) no-repeat right top;
}

#DoGoGiveNav {
	float: left;
}
#mainNav {
	clear: both;
	height: 66px;
	padding-top: 0px;
		}
#mainNav img, #mainNav table {
	float: left;
}
#mainNav #navContainer {
	float: left;
	height: 50px;
	width: 543px;
	padding-top: 8px;
}

#mainNav #tagline {
	padding-left: 76px;
	padding-top: 11px;
	padding-bottom: 6px;
}


#content {
	clear: both;
	width: 900px;
	float: left;
		}
#leftNav {
	width: 218px;
	float: left;
	padding: 33px 28px 145px;
	min-height: 100%;
	height: 100%;
	background: #d8d1ce url(../images/secPageNavBkg.gif) no-repeat left bottom;
}


#leftNav ul {
}
#leftNav ul ul li a{
	padding-left: 15px;
	font-size: 11px;
}

#leftNav li {
	padding: 2px 0;
}

#leftNav li a {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #2A0B00;
	display: block;
}
#leftNav li a:hover {
	background: url(../images/secNavArrow.gif) no-repeat left center;
	color: #2a0b00;
	padding-left: 15px;
}
#rightContent {
	float: left;
	width: 534px;
	padding: 33px 40px 30px;
}

#applicationContent {
	float: left;
	width: 850px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#rightContentTwoThirds {
	float: left;
	width: 346px;
	padding: 33px 40px 30px;
}

#rightContentOneThird {
	float: left;
	width: 200px; 
	padding: 33px 0px;
}


#rightContent p, #rightContentTwoThirds p, #rightContentOneThird p {
	padding-bottom: 12px;
	line-height: 17px;
}
#rightContent ul, #rightContentTwoThirds ul, #rightContentOneThird ul {
	padding-bottom: 16px;
	padding-left: 18px;
}
#rightContent ul li,  #rightContentTwoThirds ul li, #rightContentOneThird ul li {
	list-style: disc;
	padding-top: 1px;
	padding-bottom: 1px;
}
#rightContent .purchaseButton {
	background-color: #B91A20;
	padding: 5px;
	width: 85px;
}
#rightContent .purchaseButton a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}




.about #rightContent p img{
	margin: 5px;
	border: 3px solid #CCCCCC;
}
#rightContent .cabinetBio {
	width: 231px;
	float: left;
	height: auto;
	padding-right: 35px;
}
#rightContent .cabinetBio img {
	float: left;
	padding-right: 5px;
}
#rightContent .donateOnline {
	text-align: left;
	width: 533px;
	font-size: 11px;
}
#rightContent .donateOnlineSmall {
	text-align: left;
	width: 125px;
	font-size: 11px;
}
#rightContent .donateOnline #input_donate {
	font-size: 11px;
	margin-bottom: 5px;
}
#rightContent .donateOnline #amount_times {
	font-size: 11px;
	margin-bottom: 5px;
}
#rightContent .donateOnline #donateBut {
	margin-top: 5px;
}
#rightContent .styled button {
	width: 70px;
	background-color: #B91A20;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
}
#rightContent #upload {
	background-color: #B91A20;
	color: #FFFFFF;
	width: 125px;
	font-weight: bold;
}
#rightContent .ApplicantButton {
	background-color: #B91A20;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 18px;
	padding-bottom: 1px;
	padding-left: 18px;
	border: 1px solid #000000;
}




.donateOnline .thumb_bank img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#news {
	padding-left: 26px;
	float: left;
	width: 250px;
}

#footer {
	clear: both;
	width: 100%;
	height: 115px;
	margin-right: auto;
	margin-left: auto;
	background: #f4f3f3 url(../images/footerBkg.gif) repeat-x top;
	float: left;
		}
#footerContainer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	text-align: left;
	color: #7D7D7D;
	height: 66px;
	padding: 23px 0;
}
#leftFoot {
	width: 600px;
	float: left;
}
#rightFoot {
	width: 300px;
	float: left;
}
#rightFoot a {
	float: left;
}

#footerContainer a {
	color: #646464;
}


.separator {
		clear: both;
		height: 0;
		}

/* ---------- 4. fonts ---------- */
ul {
		list-style-type: none;
		}


/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {text-align: left;}   


/* ---------- 7. footer ---------- */

#footer, .push {
	height: 113px;
	clear: both;
}