@charset "UTF-8";
/* CSS Document */

/*STANDARD CSS*/

body {
	background:url(../images/brownpaper.jpg) center top repeat-y;
	behavior: url(csshover.htc);
}

h1, h2, h3, h4, h5, h6, p, form, ul {
	margin:0px;
	padding:0px;
}

h1 {
	font-size:130%;
	color:#353535;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 10px 10px 10px;
}

h2 {
	font-size:110%;
	color:#353535;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 10px 4px 10px;
}

h3 {
	font-size:110%;
	color:#353535;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 10px 4px 10px;
}

#mainContent h3 a {
	color:#353535;
}

p {
	padding:0px 10px 10px 10px;
	letter-spacing:1px;
	line-height:18px;
	text-align:justify;
}

img {
	border:none;
}

a {
	text-decoration:none;
}

/* ### MISC ### */

/* font styles */

.successText {color:Green;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.blue {color:#1080BB;}
.small {font-size:80%;}
.errorText {
    color:#990000;
	margin:0px;
	padding:0px 0px 0px 20px;
	font-size:80%;
	float:none;
}

.errorText2 {
	color:#990000;
	text-align:right;
	padding:0px 22px 0px 0px;
	font-size:80%;
}

.Times {
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
}

/* positioning/display */

.block {display:block;}
.hidden {display:none;}

.imgRight {float:right; margin:0px 0px 0px 10px;}
.imgLeft {float:left; margin:0px 10px 0px 0px;}

.textRight {text-align:right;}
.textLeft {text-align:left;}
.center {text-align:center;}

.right {float:right; clear:none;}
.left {float:left; clear:none;}

.clear {clear:both;}

.clear1px {clear:both; height:1px;}


/* spacing */

.loginSide p.nopadding {padding:0px;}

.padTop10 {padding-top:10px;}
.padTop20 {padding-top:20px;}

.padLeft10 {padding-left:10px;}
.padLeft20 {padding-left:20px;}

.padRight10 {padding-right:10px;}

.noPadding, p.noPadding {padding:0px;}

.noMargin {margin:0px;}

/*MAIN DIVS*/

/*DOC*/

#doc {
	width:770px;
	margin:auto;
	padding:0px 10px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#333333;
}

/*HEADER*/

#header {
	margin:0px;
	padding:10px 0 0 0;
	text-align:center;
}

/*NAV*/

#nav {
	padding:0px 0px 0px 0px;
	text-align:center;
	clear:both;
}

/**MAIN NAV**/

#nav ul.mainNav {
	list-style:none;
}

#nav ul.mainNav li {
	height:40px;
	float:left;
	padding:0px;
	margin:0px;
}

#nav ul.mainNav li.home:hover {
	background:url(../images/menu/home-active.gif) no-repeat;
}

#nav ul.mainNav li.latestnews:hover {
	background:url(../images/menu/latest-news-active.gif) no-repeat;
}

#nav ul.mainNav li.ourmission:hover {
	background:url(../images/menu/our-mission-active.gif) no-repeat;
}

#nav ul.mainNav li.ourwork:hover {
	background:url(../images/menu/our-work-active.gif) no-repeat;
}

#nav ul.mainNav li.ourchallenge:hover {
	background:url(../images/menu/our-challenge-active.gif) no-repeat;
}

#nav ul.mainNav li.contactus:hover {
	background:url(../images/menu/contact-us-active.gif) no-repeat;
}

#nav ul.mainNav li.login:hover {
	background:url(../images/menu/login-active.gif) no-repeat;
}

/**LATEST NEWS NAV**/

#nav ul.newsNav {
	list-style:none;
	background:url(../images/menu-latestnews/latestnews-bg.gif) no-repeat;
	height:30px;
	width:570px;
	clear:both;
	margin:auto;
	padding:0px 0px 0px 200px;
	text-align:center;
}

#nav ul.newsNav li {
	height:40px;
	float:left;
	padding:0px;
	margin:0px 15px 0px 15px;
}

#nav ul.newsNav li.blogs:hover {
	background:url(../images/menu-latestnews/blogs-active.gif) no-repeat;
}

#nav ul.newsNav li.ebulletin:hover {
	background:url(../images/menu-latestnews/crane-mail-active.gif) no-repeat;
}

#nav ul.newsNav li.newsletter:hover {
	background:url(../images/menu-latestnews/newsletter-active.gif) no-repeat;
}

/**OUR MISSION NAV**/

#nav ul.ourmissionNav {
	list-style:none;
	background:url(../images/menu-ourmission/ourmission-bg.gif) no-repeat;
	height:30px;
	width:620px;
	clear:both;
	margin:auto;
	padding:0px 0px 0px 150px;
	text-align:center;
}

#nav ul.ourmissionNav li {
	height:40px;
	float:left;
	padding:0px;
	margin:0px 15px 0px 15px;
}

#nav ul.ourmissionNav li.ourvision:hover {
	background:url(../images/menu-ourmission/our-vision-active.gif) no-repeat;
}

#nav ul.ourmissionNav li.ourhistory:hover {
	background:url(../images/menu-ourmission/our-history-active.gif) no-repeat;
}

#nav ul.ourmissionNav li.ourcommitment:hover {
	background:url(../images/menu-ourmission/our-commitment-active.gif) no-repeat;
}

#nav ul.ourmissionNav li.ourpeople:hover {
	background:url(../images/menu-ourmission/our-people-active.gif) no-repeat;
}

/**OUR WORK NAV**/

#nav ul.ourworkNav {
	list-style:none;
	background:url(../images/menu-ourwork/ourwork-bg.gif) no-repeat;
	height:30px;
	width:740px;
	clear:both;
	margin:auto;
	padding:0px 0px 0px 30px;
	text-align:center;
}

#nav ul.ourworkNav li {
	height:40px;
	float:left;
	padding:0px;
	margin:0px 15px 0px 15px;
}

#nav ul.ourworkNav li.whiteeagles:hover {
	background:url(../images/menu-ourwork/white-eagles-active.gif) no-repeat;
}

#nav ul.ourworkNav li.youthwork:hover {
	background:url(../images/menu-ourwork/youth-work-active.gif) no-repeat;
}

#nav ul.ourworkNav li.mercymissions:hover {
	background:url(../images/menu-ourwork/mercy-missions-active.gif) no-repeat;
}

#nav ul.ourworkNav li.enterprise:hover {
	background:url(../images/menu-ourwork/enterprise-active.gif) no-repeat;
}

#nav ul.ourworkNav li.reconciliation:hover {
	background:url(../images/menu-ourwork/reconciliation-active.gif) no-repeat;
}

#nav ul.ourworkNav li.prayermt:hover {
	background:url(../images/menu-ourwork/prayer-mt-active.gif) no-repeat;
}

/**OUR CHALLENGE NAV**/

#nav ul.ourchallengeNav {
	list-style:none;
	background:url(../images/menu-ourchallenge/ourchallenge-bg.gif) no-repeat;
	height:30px;
	width:770px;
	clear:both;
	margin:auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

#nav ul.ourchallengeNav li {
	height:40px;
	float:left;
	padding:0px;
	margin:0px 10px 0px 10px;
}

#nav ul.ourchallengeNav li.SponsorAChild:hover {background:url(../images/menu-ourchallenge/sponsor-a-child-active.gif) no-repeat;}
#nav ul.ourchallengeNav li.Events:hover {background:url(../images/menu-ourchallenge/events-active.gif) no-repeat;}
#nav ul.ourchallengeNav li.SupportAMinistry:hover {background:url(../images/menu-ourchallenge/support-a-ministry-active.gif) no-repeat;}
#nav ul.ourchallengeNav li.AlternativeGifts:hover {background:url(../images/menu-ourchallenge/alternative-gifts-active.gif) no-repeat;}
#nav ul.ourchallengeNav li.FollowUs:hover {background:url(../images/menu-ourchallenge/follow-us-active.gif) no-repeat;}
#nav ul.ourchallengeNav li.DonateYourMobile:hover {background:url(../images/menu-ourchallenge/donate-your-mobile-active.gif) no-repeat;}
#nav ul.ourchallengeNav li.Search:hover {background:url(../images/menu-ourchallenge/search-active.gif) no-repeat;}

/*LEFT CONTENT*/

#leftContent {
	width:200px;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
}

#leftContent a {
	color:#1080BB;
}

#leftContent ul {
	font-size:100%;
	padding:0px 0px 10px 15px;
	list-style:none;
}

#leftContent ul li {
	padding:3px 0px 3px 0px;
}

#flashcontent {
	padding:0px 0px 10px 0px;
}

#flashMedia {
	clear:both;
	width:760px;
	color:#999999;
	font-weight:bold;
	padding:10px 0px 30px 0px;
	height:85px;
}

#flashMedia p {
	text-align:center;
}

#flashMedia a {
	color:#1080BB;
}

#flashHolderSC {
	width:760px;
	height:85px;
}

/*RSS BOX*/

#rssbox {
	padding:10px 10px 0px 0px;
	margin:0px 0px 20px 0px;
	width:198px;
	background:url(../images/latest-bg.gif) repeat-y;
}

#rssbox img {
	padding:0px 0px 0px 0px;
}

#rssbox .article {
	margin:0px 0px 8px 0px;
	width:186px;
}

#rssbox h2 {
	letter-spacing:0px;
	font-size:95%;
	line-height:normal;
	color:#1080BB;
	padding:0px 0px 0px 23px;
}

#rssbox p {
	letter-spacing:0px;
	font-size:90%;
	line-height:normal;
	padding:0px 0px 10px 23px;
}

/*MAIN CONTENT*/

#mainContent {
	float:left;
	clear:none;
	margin:0px;
	/*padding:0px 10px 0px 10px;*/
	padding:0px 0px 0px 10px;
	width:550px;
	position:relative;
}

.wide #mainContent {
	width:760px;
	padding:0px;
}

.wide {
	width:760px;
	margin:auto;
	padding:0px;
}

.width540 {
	width:540px;
	float:left;
	clear:none;
	margin:0px;
}

#mainContent p img.left {
	float:left;
	clear:none;
	margin:4px 10px 4px 0px;
}

#mainContent p img.leftnoMargin {
	float:left;
	clear:none;
	margin:0px;
}

#mainContent p img.right {
	float:right;
	clear:none;
	margin:4px 0px 4px 10px;
}

#mainContent a {
	color:#1080BB;
}

#mainContent h1 a {
	color:#353535;
}

#mainContent ul {
	padding:0px 0px 10px 30px;
}

#mainContent ul ul ul {
	padding:0px 0px 0px 30px;
}

#mainContent ul li {
	letter-spacing:1px;
	line-height:18px;
	text-align:justify;
}


#mainContent ul.linkIcon {padding:0px;}

#mainContent ul.linkIcon li {
	background:url(../images/link-icon.gif) no-repeat 0px 3px;
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 20px;
}


#flashcontent6 {
	width:760px;
	height:105px;
	margin:auto;
}

.panel {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	letter-spacing: 1px;
	line-height: 18px;
	text-align: justify;
}

.bgText {
	background:url(../images/homepage-text-bg.gif) no-repeat center top;
	background-position:0% 50%;
	height:172px;
	width:760px;
	margin:auto;
	padding:0px;
	color:#353535;
	font-size:110%;
	letter-spacing:1px;
}

.bgText p {
	padding:30px 250px 0px 110px;
}

#flashVideoloop {
	float:right;
	clear:none;
	padding:0px 5px 0px 0px;
}

.blogLatest {
	background:url(../images/latest-from-our-blog.gif) top center no-repeat;
	float:right;
	clear:none;
	width:301px;
	height:109px;
	padding:40px 60px 0px 10px;
}

.date {
	color:#1080BB;
	font-size:80%;
	padding-bottom:0px;
}

/*# login #*/

.loginHeader {
	background:url(../images/login-header-bg.gif) no-repeat top center;
	height:21px;
	width:745px;
	padding:4px 5px 20px 5px;
}

.loginMain {
	width:465px;
	padding:0px 15px 0px 0px;
	float:left;
	clear:none;
}

.loginMain p {
	clear:both;
}

.loginSide {
	float:left;
	background:url(../images/loginSide-bg.gif) repeat-y center;
	width:270px;
}

.loginSide p {
	padding:0px 10px 0px 20px;
}

.loginSide p.padTop20 {
	padding-top:20px;
}

.loginSide .checkbox {
	margin:0px 10px 0px 0px;
}

.loginMain #userFlashVideo {
	padding-left:10px;
}

#flashHolder {
	width:330px;
	margin:auto;
	padding:10px 0px 10px 0px;
}

/*OUR CHALLENGE*/

.updateBox {
	background:url(../images/update-box-bg.png) no-repeat;
	_background:url(../images/update-box-bg.gif) no-repeat;
	height:338px;
	margin:20px 0px 0px 0px;
	padding:20px 40px 20px 5px;
}

/*silk - no longer used*/

.silkHeader {
	width:536px;
	height:28px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	clear:both;
	cursor:pointer;
}

.silkHeader h1 {
	font-size:110%;
	color:#353535;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:8px 10px 4px 10px;
	clear:none;
}

.mercy {
	background:url(../images/our-challenge/our-challenge-header-1a.gif) no-repeat;
}

.building {
	background:url(../images/our-challenge/our-challenge-header-2.gif) no-repeat;
}

.communications {
	background:url(../images/our-challenge/our-challenge-header-3.gif) no-repeat;
}

.sponsor {
	background:url(../images/our-challenge/our-challenge-header-4.gif) no-repeat;
}

.youth{
	background:url(../images/our-challenge/our-challenge-header-5.gif) no-repeat;
}

.rightimage {
	float:right;
	margin:6px 7px 0px 0px;
	clear:none;
}

.silkContent {
	padding:0px;
	margin:0px 0px 5px 0px;
	display:block;
}

.silkContent .leftBox {
	width:250px;
	float:left;
	clear:none;
}

.silkContent .rightBox {
	width:250px;
	float:right;
	text-align:left;
	clear:none;
}

.silkContent .rightBox p {
	padding:5px 5px 0px 0px;
}

/*LOGIN*/

.loginBox {
	background:url(../images/postcard.gif) right top no-repeat;
	padding:10px 0px 0px 0px;
	height:419px;
	width:540px;
}

.forgotPasswordBox {
	padding:10px 0px 0px 0px;
}

.loginBox2 {
	padding:25px 0px 0px 20px;
}

.loginBox2 h1.flashText {
	padding:0px 0px 2px 0px;
	margin:0px 0px 20px 0px;
}

.registerBox {
	padding:20px 20px 0px 0px;
	width:340px;
	float:left;
	clear:none;
}



.column {
	width:180px;
}

label {
	float:left;
	width:130px;
	text-align:right;
	margin:0px 10px 0px 0px;
}

label.textLeft {
	text-align:left;
}

label.wide {
	float:left;
	width:140px;
	clear:both;
}

label.small {
	float:left;
	width:70px;
	clear:both;
}

input {
	float:left;
	width:160px;
	margin:0px 5px 4px 0px;
	/*height:14px;*/
	font-size:90%;
}

input.wide {
	width:220px;
}

.login {
	width:66px;
	margin:5px 0px 0px 190px;
}

.forgot {
	padding:5px 0px 0px 140px;
}

.retrieve {
	padding:5px 0px 0px 98px;
}

.submit {
	width:64px;
	margin:5px 0px 0px 240px;
}

input.checkbox {
	width:15px;
	height:15px;
	float:left;
	clear:none;
}

.checkbox {
	width:15px;
	height:15px;
	float:left;
	clear:none;
}

/*POSTCARD*/

.postcard {
	background:url(../images/postcard.jpg) center no-repeat;
	height:343px;
	font-size:90%;
	clear:both;
}

.postcard p {
	padding:0px 4px 0px 4px;
	clear:both;
}

.postcard p.spacer {
	padding:0px 4px 20px 4px;
}

.boxLeft {
	width:230px;
	float:left;
	clear:none;
	margin:30px 0px 10px 0px;
	padding:0px 0px 0px 40px;
}

.boxRight {
	width:230px;
	float:left;
	clear:none;
	margin:50px 0px 10px 0px;
	padding:50px 0px 0px 4px;
	border-left: solid 1px #D6B195;
}


/* CONTACT */

.googlemap {
	width:538px;
	height:350px;
	border:1px solid #999999;
	margin:0px 0px 10px 10px;
	overflow:hidden;
	display:block;
}

.googlemap2 {
	width:538px;
	height:350px;
	border:1px solid #999999;
	margin:0px 0px 10px 10px;
	overflow:hidden;
	display:block;
}



/*PAGINATION*/

ul#pagination {
	list-style:none;
	padding:0px 0px 10px 10px;
}

ul#pagination li {
	background-color:#FFFFFF;
	padding:0px 5px 5px 5px;
	color:#353535;
	display:inline;
}

ul#pagination li.nobg {
	background:none;
}

ul#pagination li.nobg:hover {
	background:none;
}

ul#pagination li.on {
	background:url(../images/pagination/pageination-on.gif) no-repeat;
	color:#FFFFFF;
}

ul#pagination li.on:hover {
	background:url(../images/pagination/pageination-on.gif) no-repeat;
	color:#FFFFFF;
}

ul#pagination li:hover {
	background:url(../images/pagination/pageination-active.gif) no-repeat;
}

ul#pagination li a {
	color:#1080BB;
	text-decoration:none;
}

ul#pagination li a:hover {
	text-decoration:underline;
	color:#1080BB;
}

/*FOUR BOX*/

#fourbox {
	width:538px;
	height:234px;
	padding:0px;
	margin:0px;
}

#fourbox .tl {
	width:269px;
	height:117px;
	float:left;
	clear:none;
	background:url(../images/latest-news.gif) no-repeat;
}

#fourbox .tr {
	width:269px;
	height:117px;
	float:left;
	clear:none;
	background:url(../images/our-mission.gif) no-repeat;
}

#fourbox .bl {
	width:269px;
	height:117px;
	float:left;
	clear:none;
	background:url(../images/our-challenge.gif) no-repeat;
}

#fourbox .br {
	width:269px;
	height:117px;
	float:left;
	clear:none;
	background:url(../images/our-work.gif) no-repeat;
}

#fourbox h1 {
	padding:10px 0px 0px 12px;
}

#fourbox p {
	padding:5px 0px 0px 12px;
}

#fourbox a {
	text-decoration:none;
	color:#333333;
	font-weight:normal;
}

/*Blog*/

.blogs {
	padding:10px 10px 10px 0px;
	clear:both;
}

#divSubscribe {
	padding:0px 0px 0px 10px;
	background:#3399FF;
}

/*FOOTER*/

#footer {
	margin:0px;
	padding:0px;
	clear:both;
	text-align:center;
	font-size:100%;
	color:#767676;
}

#flashcontent3 {
	padding:0px 15px 10px 0px;
	float:right;
	clear:both;
}

#footer ul {
	margin:auto;
	list-style:none;
	clear:both;
	font-size:80%;
}

#footer ul li {
	display:inline;
	padding:0px;
}

#footer ul li a {
	padding:0px 5px 0px 5px;
	color:#767676;
}

#footer p {
	text-align:center;
	padding:10px 0px 0px 0px;
	font-size:80%;
	letter-spacing:normal;
}

#footer p a {
	color:#1080BB;
}

/*ADMIN*/

.submitAdmin {
	width:64px;
	margin:0px 10px 10px 0px;
	height:20px;
}

label.admin {
	float:left;
	padding:0px 5px 0px 0px;
	text-align:left;
	width:110px;
}

label.adminSmall {
	padding:0px 5px 0px 0px;
	text-align:left;
	width:90px;
}

label.adminMedium {
	float:left;
	padding:0px 2px 0px 0px;
	text-align:left;
	width:100px;
}

label.adminWide {
	float:left;
	padding:0px 5px 0px 0px;
	text-align:left;
	width:140px;
}

label.adminWideRight {
	float:left;
	padding:0px 10px 0px 0px;
	text-align:right;
	width:150px;
}

input.radio {
	float:left;
}

input.small {
	width:100px;
}

input.large {
	width:250px;
}

input.age {
	width:30px;
}

input.email {
	width:90px;
}

textarea {
	width:250px;
	height:100px;
}

textarea.small {
	width:150px;
	height:100px;
}

select {
	font-size:90%;
	float:left;
}

select.small {
	width:90px;
}

select.large {
	width:150px;
}

.leftage {
	clear:none;
	float:left;
}

/*GRIDVIEW*/
.Gridview
{
    width:500px;
	clear:both;
	font-size:90%;
}

.Gridview input {
	font-size:90%;
}	

.GridviewHeader
{
    color:#FFFFFF;
    text-align:left;
}

.Gridview th
{ 
	padding:5px;
	text-align:center;
	border:1px solid #ffffff;
	background:#CCCCCC;
}

.Gridview td
{ 
	padding:5px;
}

.GridviewHeader a
{
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
}

.GridviewPager td
{
    background:#CCCCCC;
    color:#333333;
	padding:2px;
}

.GridviewPager a
{
    text-decoration:none;
    font-weight:bold;
    color:#036D39;
}

.GridViewRow
{
    background-color:#F2F8F5;
    text-align:left;
}

.GridViewAltRow
{
    background-color:#F7FADF;
}

table {
	font-size:100%;
}

td {
	font-size:100%;
}

.width80 {
	width:80px;
	float:left;
}

.width120 {
	width:180px;
	float:left;
}