/*

    TITLE:    The North Church
    DATE:    03-20-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{margin: 0;    padding: 0;    border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
    font: normal 12px/16px Arial;
    margin: 30px 0 0 0;
    color: #878787;
    background: #c7c7c7 url('images/mainBg.jpg') repeat-x;
}

/* links */
a{font-weight: bold; color: #005269;}
a:hover{text-decoration: none;}

/* heading */
h1{font: normal normal normal 1.5em/1.0em Arial, sans-serif; padding: 5px 0 3px 0; color: #005269;}
h2{font-size: 1.6em; margin: 2px 0px; padding: 2px 0px;}
h3{font-size: 1.4em; margin: 2px 0px; padding: 3px 0px;}
h4{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px;}
h5{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px;}
h6{font-size: .9em;     margin: 2px 0px; padding: 1px 0px;    font-weight: normal;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}

/*
 LAYOUT.
-----------------------------------------------*/
#frame{width: 782px; margin: 0 auto;}

#tabSwitch{width: 567px;  float: left; margin: 0 0 5px 0; background: #fff url('images/tabsBottom.gif') left bottom no-repeat;}
#tabSwitch #tabs{width: 37px; height: 215px; float: right;}
#tabSwitch #tabContent{width: 530px; float: left;}
#tabSwitch .tabMedia{width: 306px; float: left; padding: 7px 7px 1px 22px; display: inline; background: url('images/tabsTop.gif') no-repeat; }
#tabSwitch .text {width: 165px; float: right; padding: 12px 15px 12px 8px;}
#tabSwitch .text h1{font: 22px Arial, sans-serif; color: #a6d502;}

/* --
will use flash tabs instead
#tabSwitch #tabs li{list-style: none;}
#tabSwitch #tabs li a{text-indent: -9999px;position: absolute;}
#tabSwitch #tabs li.one {width: 37px; height: 81px; float: left; }
#tabSwitch #tabs li.one a{width: 37px; height: 81px; float: left;top: 0; left: 0; z-index: 3; background: #ccc url('images/tabs/one.gif') bottom no-repeat;}
#tabSwitch #tabs li.one a:hover{width: 37px; height: 81px; float: left; background: #ccc url('images/tabs/one-over.gif') bottom no-repeat;}
#tabSwitch #tabs li.two {width: 37px; height: 67px; float: left;}
#tabSwitch #tabs li.two a{width: 37px; height: 67px; float: left; top: 81px; left: 0; z-index: 2; background: #ccc  url('images/tabs/two.gif') bottom no-repeat;}
#tabSwitch #tabs li.two a:hover{width: 37px; height: 67px; z-index: 9; float: left; background: #ccc  url('images/tabs/two-over.gif') bottom no-repeat;}
#tabSwitch #tabs li.three {width: 37px; height: 67px; float: left;}
#tabSwitch #tabs li.three a{width: 37px; height: 67px; float: left; top: 148px; left: 0; background: #ccc  url('images/tabs/three.gif') bottom no-repeat;}
#tabSwitch #tabs li.three a:hover{width: 37px; height: 67px; float: left; background: #ccc  url('images/tabs/three-over.gif') bottom no-repeat;}
-- */

#subCol{width: 192px; float: left;}
/* navigation */
#subCol #mainNav{width: 192px; float: left; padding: 9px 0 0 0; background: url('images/mainNavTop.gif') no-repeat;}
#subCol #mainNav #mainNavFt{width: 192px; float: left; _float: none;  padding: 0 0 8px 0; background: url('images/mainNavBottom.gif') bottom no-repeat;}
#subCol #mainNav ul{width: 192px; float: left; background: url('images/mainNavTile.gif') repeat-y;}
#subCol #mainNav li{float: left; list-style: none;}
#subCol #mainNav li a{width: 144px; padding: 6px 35px 6px 0; margin: 0 6px 0 7px; float: left; text-align: right; font: normal 1.2em Arial; color: #fff; text-decoration: none; background: url('images/mainNav.gif') 0 1px no-repeat; border-top: 1px solid #b1b1b1;}
#subCol #mainNav li a:hover, #subCol #mainNav li.selectedPage a, #subCol #mainNav li.selectedPageRoot a{background: #01899b url('images/mainNavOver.gif') 0 0 no-repeat;}
#subCol #mainNav li.no-border a{border: 0;}
#subCol #sideContent{width: 192px; padding: 5px 0px; float: left;}
#subCol #sideContent #sideSec{width: 166px; padding: 5px 13px; text-align: center; font: normal 16px Arial; color: #7e7d7d;}
/* sub-navigation */
#subCol #mainNav li li a{ font-size: 1em; border: 0; padding: 4px 35px 4px 0;}
#subCol #mainNav li.selectedPage li a{background-image: none;}
#subCol #mainNav li.selectedPageRoot li a{background-image: none; background: #01899b; }
#subCol #mainNav li li a:hover, #subCol #mainNav li li a.selectedPage{background-color: #3eaab8;}

#mainCol{width: 567px; float: right;}
/* home */
#mainCol #container{width: 567px; float: left; background: url('images/containerTile.gif') repeat-y;}
#mainCol #containerTop{width: 567px; float: left; padding: 14px 0 0 0; background: url('images/containerTop.gif') top no-repeat;}
#mainCol #containerBottom{width: 567px; float: left; padding: 0 0px 0px 0px; background: url('images/containerBottom.gif') bottom no-repeat;}
/* internal */
body#internal #mainCol #container{background: url('images/containerTileInternal.gif') repeat-y;}
body#internal #mainCol #containerTop{padding: 12px 0 0 0; background: url('images/containerTopInternal.gif') top no-repeat;}
body#internal #mainCol #containerBottom{background: url('images/containerBottomInternal.gif') bottom no-repeat;}
/* header */
#quickSearch{width: 515px; float: left; margin: 0 0 0 26px; display: inline; height: 32px; background: url('images/quickSearch.gif') no-repeat;}
#quickSearch #links{width: 300px; float: left; padding: 8px 0 0 10px;}
#quickSearch #links li{padding: 0 20px 0 0; display: inline; list-style: none;}
#quickSearch #links li a{padding: 0 10px 0 0; background: url('images/arrow.gif') right no-repeat;}
#quickSearch #search{width: 131px; float: right;}
#quickSearch #search .searchInput{width: 121px; height: 20px; padding: 2px 2px; margin: 6px 10px 0 0; _margin: 5px 0 0 0 ; display: inline; background: url('images/searchTxt.gif') no-repeat; border: 0;}
#quickSearch #search .searchButton{display: none;}
#image{width: 515px; float: left; position: relative; margin: 5px 0 0 26px; display: inline; background: url('images/imageHeader.gif') repeat-y;}
#imageTop{width: 502px; float: left; padding: 6px 7px 1px 6px; _padding: 6px 7px 2px 6px; background: url('images/imageHeaderTop.gif') no-repeat;}
#imageCorner{width: 502px; height: 3px; position: absolute; z-index: 1; top: 6px; background: url('images/imageCorners.gif') no-repeat;}
#pageTitle{width: 502px; padding: 8px 6px 8px 6px; margin: 0 0 0 26px; display: inline; font-size: 1.5em; color: #005269; float: left; background: url('images/pageTitle.gif');}
/* content */
#mainCol #content ul{padding: 5px 15px;}
#mainCol #content{width: 330px; float: left; margin: 0 20px 0px 25px; padding: 5px 0 15px 0; display: inline;}
#mainCol #content .sub_oneCol{width: 100%; float: left; padding: 0 0 15px 0; margin: 0 0 7px 0; background: url('images/sub_oneCol.gif') bottom repeat-x;}
#mainCol #content .sub_twoCol_L{width: 150px; float: left;}
#mainCol #content .sub_twoCol_R{width: 150px; float: right; padding: 0 0 0 17px; border-left: 1px solid #c7c7c7;}
#mainCol #sideBar{width: 186px; float: right; margin: -4px 6px 0 0; display: inline;}
#mainCol #sideBar h1{background: #538d9c; color: #fff; padding: 6px 10px 6px 10px;}
#mainCol #sideBar .element{padding: 0 10px;}
body#internal #mainCol #content{width: 515px; margin: 0 0 0px 26px; display: inline;}

/* footer */
#footer{width: 485px; height: auto; min-height: 70px; _height: 70px; font-size: .9em; float: left; padding: 25px 0 0 82px; color: #656565; background: url('images/fooLogo.jpg') 0 10px no-repeat;}
#footer #fooNav{width: 350px; float: left;}
#footer li{display: inline; list-style: none; padding: 0 8px 0 0;}
#footer a{color: #656565;}
#footer a:hover{text-decoration: none;}
#radium3 {float:right;}
/*
 SKY.
-----------------------------------------------*/
/* blog */
.blogList{padding: 7px 0 0 5px;}
.blogList h2{font-size: 1.1em;}

/* text editor */
.RadEContentBordered
{
background: #fff;
}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#ListOfDivs:after{
    content: '.';
    height: 0px;
    visibility: hidden;
    display: block;
    clear: both;    
}