/*
	TITLE:	Crossing Church
	DATE:	12-20-2007
*/

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

body{font: normal 12px/1.5 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif; background: #dfaf2b url('images/mainBg.png') repeat-x; _background: url('images/mainBg.gif');} 

h1{font-size: 1.6em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.4em; margin: 2px 0px; padding: 5px 0px;}
h3{font-size: 1.2em; margin: 2px 0px; padding: 5px 0px;}
h4{font-size: 1.0em; margin: 2px 0px; padding: 5px 0px;}
h5{font-size: 0.9em; margin: 2px 0px; padding: 5px 0px;}
h6{font-size: 0.8em; margin: 2px 0px; padding: 5px 0px;}

p{padding: 5px 0;}
a{color: #666;}

a:link {
  color: grey }
a:visited {
  color: grey }
a:hover {
	text-decoration: underline;
	color: #FF6600;}
/* -
Layout
- */

#outerContainer{width: 100%; float: left; background: #dfaf2b url('images/mainBg.png') repeat-x;}

#master{width: 1010px; margin: 0 auto;}

#header{width: 950px; float: left; padding: 0 0 0 60px; background: url('images/header.png') no-repeat; _background: url('images/header.gif') no-repeat;}
#header #logo{margin: 0; padding: 0;}
#header #logo a{width: 250px; height: 70px; margin: 35px 0 15px 0px; float: left; display: inline; text-indent: -9999px;}

#header .topNav{float: right; text-align: left; padding: 80px 65px 17px 0;}
#header .topNav li{display: inline; list-style: none; padding: 0 0 0 15px;} 
#header .topNav li a{font-size: 1.2em; text-decoration: none; font-weight: bold; letter-spacing: -0.03em; color: #000;}
#header .topNav li a:hover, #header .topNav li a.selectedPage{color: #2978d6; border-bottom: 3px solid #2978d6;}

#body{width: 950px; float: left; padding: 0 0 0 60px;}

/* bg files */

#bodyTop{width: 890px; height: 24px; float: left; background: url('images/bodyTop.png') no-repeat; _background-image: url('images/bodyTop.gif');}

#bodyTile{width: 844px; float: left; padding: 0 23px; background: url('images/bodyTile.png') repeat-y; _background-image: url('images/bodyTile.gif');}

#bodyBottom{width: 890px; height: 24px; float: left; background: url('images/bodyBottom.png') no-repeat; _background-image: url('images/bodyBottom.gif') ;}

#admin{width: 800px; padding: 14px 22px; background: #fff;}
#admin h1{font-family: Georgia; color: #2978d6;}

#contentTile{width: 844px; float: left; background: url('images/contentTile.png') center top repeat-y; _background-image: url('images/contentTile.gif');}
#contentTop{width: 844px; float: left; background: url('images/contentTop.png') center top no-repeat; _background-image: url('images/contentTop.gif');}
#contentBottom{width: 844px; float: left; height: auto; min-height: 500px; _height: 500px; background: url('images/contentBottom.png') center bottom no-repeat; _background-image: url('images/contentBottom.gif');}

#flash{width: 890px; height: 410px; padding: 3px 0 0 0; float: left; background: url('images/flash.png') no-repeat; _background-image: url('images/flash.gif');}

#flash #rotator{width: 600px; height: 360px; float: left; padding: 22px 10px 10px 25px;}
#flash #textator{width: 215px; float: right; color: #fff; font-weight: normal; font-size: .9em; padding: 180px 25px 0 0;}
#flash #textator h1{font-family: Georgia; margin: 0; color: #539ef9; font-weight: normal; font-size: 1.9em;}

#actions{width: 880px; float: left; padding: 10px 45px 10px 5px;}
#actions #aLeft{width: 433px; float: left;}
#actions #aRight{width: 433px; float: right;}
#actions #a1{width: 210px; float: left;}
#actions #a2{width: 210px; float: right;}
#actions #a3{width: 210px; float: left;}
#actions #a4{width: 210px; float: right;}

#mainCol{width: 588px; float: right; padding: 18px 20px;}
#mainCol #image{width: 588px; float: left;}
#mainCol #image img{border-bottom: 6px solid #dfaf2b;}
#mainCol #text{width: 558px; float: left; padding: 15px 15px 25px 15px;}

#mainCol h1{font-family: Georgia; color: #2978d6;}
#mainCol h2{font-family: Georgia; color: #dfaf2b;}
#mainCol h3{font-family: Georgia; color: #2978d6;}
#mainCol h4{font-family: Georgia; color: #2978d6;}
#mainCol h5{font-family: Georgia; color: #2978d6;}
#mainCol h6{font-family: Georgia; color: #2978d6;}
#mainCol ul{padding: 10px;}
#mainCol li{list-style: none; padding: 0 0 0 20px; background: url('images/blue-arrow.png') 0 5px no-repeat; _background-image: url('images/blue-arrow.gif');}

#subCol{width: 193px; float: left; margin: 0 0 0 3px; display: inline;}
#subCol #sideNav{width: 193px; float: left; margin: 0 0 15px 0; background: #1b1b1b url('images/sc-top.png') no-repeat; _background-image: url('images/sc-top.gif');}
#subCol h1{padding: 10px 25px; margin: 0; background: url('images/sideSep.gif') 0 bottom repeat-x;}
#subCol #sideNav ul{width: 193px; float: left; padding: 0 0 15px 0; background: url('images/sc-bottom.png') 0 bottom no-repeat; _background-image: url('images/sc-bottom.gif');}
#subCol #sideNav li{width: 193px; list-style: none; float: left; padding: 0 0 3px 0; background: url('images/sideSep.gif') 0 bottom repeat-x;}
#subCol #sideNav li a{width: 158px; float: left; padding: 6px 10px 8px 25px; text-decoration: none; background: #dfaf2b url('images/list-arrow.png') 0px -10px no-repeat; _background-image: url('images/list-arrow.gif');}
#subCol #sideNav li a:hover{color: #fff; background:#dfaf2b url('images/list-arrow-over.png') 0px -10px no-repeat; _background:#dfaf2b url('images/list-arrow-over.gif') 0px -10px no-repeat;}

#subCol #sideContent{width: 193px; float: left; background: #1b1b1b url('images/sc-top.png') no-repeat;}
#subCol #sideStretch{width: 193px; float: left; color: #666; background: url('images/sc-bottom.png') 0 bottom no-repeat; }
#subCol #sideStretch .element{width: 143px; font-size: .9em; float: left; padding: 10px 25px 15px 25px;}

#subCol #searchContent{width: 193px; float: left; margin: 15px 0 0 0; background: #1b1b1b url('images/sc-top.png') no-repeat;}
#subCol #searchStretch{width: 193px; float: left; color: #666; background: url('images/sc-bottom.png') 0 bottom no-repeat; }

#subCol .search{width: 193px; float: left;}
#subCol .search label{_display: none;}

#subCol h1{font-family: Georgia; color: #dfaf2b; font-style: italic; font-weight: normal;}
#subCol h2{font-family: Georgia; color: #dfaf2b; font-style: italic; font-weight: normal;}
#subCol h3{font-family: Georgia; color: #dfaf2b; font-style: italic; font-weight: normal;}
#subCol h4{font-family: Georgia; color: #dfaf2b; font-style: italic; font-weight: normal;}
#subCol h5{font-family: Georgia; color: #dfaf2b; font-style: italic; font-weight: normal;}
#subCol h6{font-family: Georgia; color: #dfaf2b; font-style: italic; font-weight: normal;}

.search{width: 100%; padding: 22px 0 0 0; float: left;}
.search label{padding: 0 0 5px 0; width: 100%; float: left; color: #fff;}
.searchInput{width: 166px; float: left;}
.searchButton{float: right; background: #2978d6; color: #fff; cursor: pointer; text-transform: Uppercase; font-size: 1em; font-weight: bold; padding: 4px 4px; border: 0;}

body#internal .search{width: 76%; padding: 22px 12% 22px 12%; float: left;}
body#internal .search label{padding: 0 0 5px 0; font-size: .9em; width: 100%; float: left; color: #fff;}
body#internal .searchInput{width: 100px; float: left;}
body#internal .searchButton{float: right; background: #2978d6; font-size: .8em; color: #fff; cursor: pointer; text-transform: Uppercase;font-weight: bold; padding: 4px 4px 5px 4px; border: 0;}


#footer{width: 880px; float: left; padding: 0 5px 0 65px; font-size: .9em;}
body#internal #footer{padding: 10px 5px 0 65px;}
#footer a:hover{text-decoration: none;}

html body #adminbar { width: 100% !important; display: block; }
html body #adminbar #toolbar,
html body #adminbar #pagebar { display: block; }