/* Home Page CSS document for ZCU */
body {
	margin: 0;
	background-color: rgb(122,137,108);
	padding: 0;
	text-align: center;
	font-family: "Arial", "Times New Roman", sans-serif;
	}

.topSpace { margin-top: 20px; }

#mainContainer {
	margin: 0px auto; 
	width: 760px;
	background-color: White;
	}

.orange{ color: rgb(204,113,29); }
.red { color: rgb(114,77,15); }
.bold { font-weight:bold; }
.italic { font-style:italic;}

/*----------------------------- Top Contents------------------------- */
#nav {
	width: 760px; 
	height: 30px;
	text-align: center;
	font-family: "Arial";
	margin: 0;
	font-size: 12px;
	color: rgb(83,94,22);
	background-color: rgb(227,200,97);
 	} 
#nav a {
	color: rgb(83,94,22); 
	font-weight: bold;
	text-decoration: none;
	margin:0;
	}
#nav a:hover {
	text-decoration: underline;
	}
	.navText {padding-top: 7px;}

#banner {
    width: 760px; 
    height: 208px;
    border-top: 1px solid rgb(184,219,124);
    border-bottom: 2px solid rgb(184,219,124);
    margin-top: 2px;
    margin-bottom: 2px;
    }	
.bannerName {float: left; padding: 50px 0px 0px 10px;}
.bannerPic {float:right;}

/*------------------------------ Mid Contents Styles------------------------------------------------------*/
#midContainer {
	width: 760px;
	text-align: left;
	border-top: 2px solid rgb(248,195,0);
	border-bottom: 2px solid rgb(248,195,0);
	background-color: rgb(237,229,166);
	font-size: 12px;
	color: rgb(114,77,15);
	}

#midTop { 
    width: 760px;
    height: 25px; 
    background-color: White; 
    border-bottom: 2px solid rgb(248,195,0);
    color: rgb(106,119,29);
    font-size: 13px;
    }
    .midTitle1 {
        float: left;
        width: 252px;
        height: 18px;  
        text-align: center;
        margin-top: 3px;
        padding-top: 1px;
        border-right: 2px solid rgb(248,195,0);
        }
    .midTitle2 {
        float: left;
        width: 252px;
        height: 18px;  
        text-align: center;
        margin-top: 3px;
        padding-top: 1px;
        }
/*----------------------------- Left Column Styles-----------------------*/
#leftColumn {
	float: left;
	width: 252px; 
	height: 300px;
	font-size: 12px;
	border-right: 2px solid rgb(248,195,0);
	background-image: url(img/fade.jpg);
	background-repeat:repeat-x;
	}
	.leftBox1 {
	    width:inherit;
	    border-bottom: 2px solid rgb(248,195,0);
	    }
	    .leftBox1Text {
	        color: rgb(106,119,29);
	        margin: 10px 0px 10px 10px;
	        }
	        .leftBox1Text a {color: rgb(106,119,29);}
	.leftBox2 { width: inherit; margin: 6px 3px 0px 0px; color: rgb(114,77,15); }
	    .leftBox2 a { text-decoration: none; font-weight: bold; color: rgb(204,113,29); }
	.leftimg {float:left; margin-right: 4px;}
	.leftTitle { float:left; color: rgb(204,113,29); font-size: 13px; font-weight: bold; width: 120px; padding-left: 3px; margin-bottom: 2px; background-color: rgb(228,192,100); }

/* ------------------- Middle Column Styles------------------*/
#midColumn {
	float: left;
	width: 252px; 
	background-image: url(img/fade_logo.jpg);
	background-repeat:no-repeat;
	}
	.midText {margin: 140px 8px 8px 8px; text-indent: 16px; text-align: justify; }
	

/*---------------------- Right Column Styles--------------------*/
#rightColumn {
	float: right;
	width: 252px; 
	height: 300px;
	border-left: 2px solid rgb(248,195,0);
	background-image: url(img/fade.jpg);
	background-repeat:repeat-x;
	}
	#rightColumn a, #rightColumn a:visited  { text-decoration: none; }
		
    .rightPic { float: left; margin: 7px 5px 1px 7px; }
    .rightTextBox { float: left; margin: 11px 0px 0px 0px; width: 168px; }
    .rightTitle { color: rgb(204,113,29); font-style:italic; font-weight:bold; }
    .sermonTitle { font-weight: bold; padding-bottom: 3px; }
    .sermonLink a { text-decoration: none; font-weight: bold; color: rgb(204,113,29); }
    .rightLink a { color: Black; }
    .rightBox1 { float:none; border-top: 2px solid rgb(248,195,0); }