/*************************************************************/
/*   Developed September 29, 2008                            */
/*   For Cuyahoga Valley Church                              */
/*************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {
	font-size:62.5%;
	background:rgb(255,255,255) url(http://cvconline.org/images/uploads/background_green.jpg) top left repeat-y;
                font-family: Arial, Times New Roman, Helvetica;
                } /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-container {width:900px; margin:2px auto; margin-top:0px; margin-bottom:0px; border:solid 1px rgb(210,210,210); font-size:1.0em; 
                background: transparent;}

.main {clear:both; width:900px; padding-bottom:1px; background:transparent url(http://cvconline.org/images/uploads/bg_main_withnav.jpg) top left repeat-y; background:transparent;}

.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:167px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:transparent;}

.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:550px; margin:0 0 0 1px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:transparent;}

.main-content-single {display:inline; /*Fix IE floating margin bug*/; float:left; width:710px; height:710px; margin:10px 100px 10px 150px; overflow:visible !important /*Firefox*/; overflow:visible /*IE6*/; background: url(http://cvconline.org/images/uploads/Web-Logo.png) no-repeat;}

.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:181px; margin:0 0 0 1px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:transparent;}

.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:transparent; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:transparent; color:rgb(255,255,255);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}