/*<![CDATA[*/
    /* commented backslash hack to hide from early IE Mac \*/ 
    html, body{height:100%;} 
    /* end hack */
    html,body 
    {
        margin:0;
        padding:0
    }
    
    body {
        text-align:center;/*hack for IE5 centering*/
	    background:#2486C6 url(../images/backgroundSlice.gif) repeat-y fixed 50% 50%;
    }
    #container 
    {
        margin-left:auto;
        margin-right:auto;
        width:750px;
        min-width: 750px;
        min-height:100%;
        margin-bottom:0px;/*space for footer*/
        /*margin-bottom:-25px;space for footer*/
        height:auto;
        background:transparent url(../images/containerSlice.jpg) repeat-y top left;
    }
    
    * html #content{height:100%;}
    #content 
    {

        min-height:100%;
        margin:0 auto 0px auto;/*note -ve margin for footer space*/
        /*margin:0 auto -25px auto;note -ve margin for footer space*/
        height:auto;
        
        text-align:left;
    }
    
    #footer 
    {
        width:750px;
        height:25px;
		margin:0 auto 0 auto;
        clear:both;
        
        background:transparent url(../images/mainFooter.jpg) no-repeat top left;
    }
    
    #clearfooter
    {
        clear:both;
        height:25px;
    }
    
	#blogwraper 
	{
		width:auto;
		margin:5px;
		padding:5px;

    } 


    #minHeight
    {/*safari wrapper thanks to Tim Connor*/
        float:left;
        width:0px;
        height:100%;
        margin-bottom:-25px;
    } 
    * html #minHeight{
    margin-bottom:-25px;/*for IE*/
    }
    /*]]>*/

.topbar 
{
    position:relative;
    margin:0;
	padding:0;
    width:751px;
	height:146px; 
	background:transparent url(../images/logoBar.jpg) no-repeat top left;
}

.navbar
{
    position:relative;
	float:left;
	cleat:both;
    top:-24px;
}


/* Menu Items */
#nav {
	position: absolute;
	margin: 0;
	padding: 0;
	top:0px;
	left:0px;
	height: 25px;
	width:752px;
	list-style: none;
	display: inline;
	overflow: hidden;
	
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -25px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -50px;
	}


/* Font style & color, background menu color of main menu item when clicked */
#menuHome a	{       
	width: 78px;
	background: url(../images/menuHome.jpg) top left no-repeat;
}

#menuMinistry a	{  
	width: 110px;
	background: url(../images/menuMinistery.jpg) top left no-repeat;
}

#menuFilms a	{  
	width: 74px;
	background: url(../images/menuFilms.jpg) top left no-repeat;
}

#menuStore a	{  
	width: 117px;
	background: url(../images/menuOnlineStore.jpg) top left no-repeat;
}

#menuResources a { 
	width: 129px;
	background: url(../images/menuFilmResources.jpg) top left no-repeat; 
}

#menuBlog a	{  
	width: 134px;
	background: url(../images/menuProductionBlog.jpg) top left no-repeat;
}

#menuInvolved a	{  
	width: 110px;
	background: url(../images/menuGetInvolved.jpg) top left no-repeat;
}

/*end menu items*/


/* BOX STYLES */
.infoBox 
{
	
	/*display:block;*/
	position:relative;
	top:0px; 
	left:0px;	
	width:100%;
	height:100%;
	
    padding: 0px 0px 0px 0px;
    margin-bottom:0px;
    /*border:2px solid #003366;
	background:transparent url(../images/boxSideSlice.gif) repeat-y top left;
	border:none; 
	border:2px solid #003366;*/
	
	/*padding:18px;*/
}

.topLeft
{
   
	position:relative;
	top:-4px;
    left:0px;
    height:5px;
    width:5px;
    
    /*background:transparent url(../images/boxTopLeft.gif) no-repeat;*/
    background:transparent url(../images/boxTopLeft.png) no-repeat;
}

.topMid
{
 
	position:absolute;
	top:-5px;
    left:5px;
	height:5px;
	width:100%;
    /*background:transparent url(../images/boxTop.gif) repeat-x;*/
    background:transparent url(../images/boxTop.png) repeat-x;
}

.topRight
{

	position:absolute;
    top:-5px;
    left:100%;
    height:15px;
    width:10px;
    
    /*background:transparent url(../images/boxTopRight.gif) no-repeat;*/
    background:transparent url(../images/boxTopRight.png) no-repeat;
	
    background-position:top right;
    /*border: solid 1px #34F464;padding-left:2px;*/
}

.centerBox
{
    height:100%;
}

.centerLeft
{
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:5px;
    /*background:transparent url(../images/boxSideLeft.gif) repeat-y;*/
    background:transparent url(../images/boxSideLeft.png) repeat-y;		

}
.centerMid
{

    position:absolute;
    padding-left:10px;
    padding-right:7px;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    /*background-color:Gray;
    padding: 10px -20px -20px 30px;
    margin: 5px -10px -10px 5px;*/
}

.centerRight
{
    position:absolute;
    top:0px;
    left:100%;
    height:100%;
    width:10px;
    /*background:transparent url(../images/boxSideRight.gif) repeat-y right;*/
    background:transparent url(../images/boxSideRight.png) repeat-y right;

}

.bottomLeft
{
    position:absolute;
    top:100%;
    left:0;
    height:5px;
    width:5px;
    /*background:transparent url(../images/boxBottomLeft.gif) no-repeat;*/
    background:transparent url(../images/boxBotLeft.png) no-repeat;
}


.bottomMid
{
    position:absolute;
    top:100%;
    left:5px;
    height:6px;
    width:100%;

    /*background:transparent url(../images/boxBottom.gif) repeat-x bottom;*/
    background:transparent url(../images/boxBot.png) repeat-x bottom;

}

.bottomRight
{
    position:absolute;
    top:100%;
    left:100%;
    height:5px;
    width:10px;

    /*background:transparent url(../images/boxBottomRight.gif) no-repeat right;*/
    background:transparent url(../images/boxBotRight.png) no-repeat right;

}


/* END BOX STYLES */