/*

  TITLE:  Lakewood Nazarene
  DATE:  7-16-07

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

/*
 MAIN 
-----------------------------------------------*/
body{
  font: normal 12px/18px 'Lucida Sans', Arial;
  background: #0f1014 url('images/bgTile.jpg');
}

/* links */
a{color: #162067; }
a:hover, a.selectedPage{text-decoration: none;}

/* heading */
h1{font-size: 1.4em; margin: 2px 0px; padding: 5px 0px; font-family: Cambria, Georgia; font-weight: normal; letter-spacing: -0.02em; text-transform: none;}
h2{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px;}
h3{font-size: 1.1em; margin: 2px 0px; padding: 3px 0px;}
h4{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px;}
h5{font-size: 0.9em; margin: 2px 0px; padding: 3px 0px;}
h6{font-size: 0.8em; margin: 2px 0px; padding: 1px 0px;  font-weight: normal;}

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


/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 100%; float: left; height: auto; min-height: 929px; _height: 929px; background: url('images/mainBg.jpg') repeat-x;}
#frame{width: 744px; margin: 0 auto;}

#header{width: 100%; padding: 5px 0 15px 0; float: left; position: relative;}
#header h1#logo a{width: 179px; height: 102px; float: left; text-indent: -9999px; background: url('images/logo.gif') no-repeat;}
#header #mainNav{float: right;vertical-align : bottom; margin: 70px 7px 0 0; display: inline;}
#header #mainNav li{display: inline; list-style: none; padding: 0 5px;}
#header #mainNav li a{color: #fff; text-decoration: none; font-size: 1.1em;}
#header #mainNav li a:hover, #header #mainNav li a.selectedPage{border-bottom: 3px solid #fff;}
#header #visitors{width: 234px; height: 37px; position: absolute; top: 0; right: 3px;}

#body{width: 100%; height: auto; min-height: 500px; float: left; background: url('images/body.jpg') repeat-y;}
#body #flash{ background-image: url(images/flash.jpg); margin: 0px; padding: 0px;}
#body #image{width: 738px; float: left; padding: 0 3px; position: relative;}
#body #image #rLeft{width: 10px; height: 10px; position: absolute; top: -3px; left: 0px; _left:-2px;}
#body #image #rRight{width: 10px; height: 10px; position: absolute; top: -3px; right: 3px; _right: -1px;}
#body #container{padding: 0 3px;}

body#visitors #container blockquote{width: 470px; float: left; background: #c8d6e9; border: 2px dotted #12387f;}
#container #admin{padding: 10px 0;}
#container #admin .element img{padding: 0px !important; background: #fff !important;}
#body #container .adminPageTabs img{padding: 5px; background: #c7dcf1;}
#body #container #titles{width: 100%; float: left; margin: -5px 0 0 0; color: #fff; background: #12387f;}
#body #container #titles #tLeft{width: 203px; float: left; padding: 7px 15px 5px 15px;}
#body #container #titles #tRight{width: 474px; float: right; padding: 7px 15px 5px 15px;}
#body #container #titles #tLong{width: 708px; float: left; padding: 7px 15px 5px 15px;}

#body #container #subCol{width: 233px; float: left; padding: 0 0 250px 0;}
#body #container #subCol h1.title{padding: 7px 15px 5px 15px; color: #fff; background: #12387f;}
#body #container #subCol .element{padding: 5px 15px;}
#body #container #subCol #sideNav{width: 233px; float: left;}
#body #container #subCol #sideNav ul{width: 203px; float: left; padding: 10px 15px 15px 15px;}
#body #container #subCol #sideNav li{width: 203px; float: left; list-style: none;}
#body #container #subCol #sideNav li a{display: block; font-size: 1.2em; text-decoration: none; padding: 5px 10px; color: #000348; background: url('images/sideNavSep.png') bottom repeat-x;}
#body #container #subCol #sideNav li a:hover{background: #cadbf1 url('images/sideNavSep.png') bottom repeat-x;}
#body #container #subCol #sideSec{width: 233px; float: left; padding: 10px 0 15px 0;}
#body #container #subCol #sideSec ul{padding: 5px 0px;}
#body #container #subCol #sideSec li{
padding: 2px 10px 2px 15px; list-style: none; background: url('images/arrow.png') 0px 9px no-repeat;}

#body #container #mainCol{width: 474px; float: right; padding: 10px 15px;}
#body #container #mainCol h1{padding-left: 25px; text-transform: capitalize; font-family: 'lucida Sans', Arial; font-weight: normal; color: #162067; background: url('images/head_ico_1.png') 0 5px no-repeat; border-bottom: 1px solid #3956a4;}
#body #container #mainCol h2{padding-left: 25px; text-transform: capitalize; font-family: 'lucida Sans', Arial; font-weight: normal; color: #6ea041; background: url('images/head_ico_2.png') 0 3px no-repeat; border-bottom: 1px solid #6ea041;}
#body #container #mainCol h3{padding-left: 25px; text-transform: capitalize; font-family: 'lucida Sans', Arial; font-weight: normal; color: #c79705; background: url('images/head_ico_3.png') 0 3px no-repeat; border-bottom: 1px solid #c79705;}
#body #container #mainCol h4{text-transform: capitalize; font-family: 'lucida Sans', Arial; font-weight: normal; color: #162067; border-bottom: 1px solid #162067;}
#body #container #mainCol h5{text-transform: capitalize; font-family: 'lucida Sans', Arial; font-weight: normal; color: #162067; border-bottom: 1px solid #162067;}
#body #container #mainCol h6{text-transform: capitalize; font-family: 'lucida Sans', Arial; font-weight: normal; color: #162067; border-bottom: 1px solid #162067;}
#body #container #mainCol ul{padding: 5px 0px;}
#body #container #mainCol li{padding: 0 25px; /* list-style: disc; */ list-style: none; background: url('images/arrow.png') 10px 5px no-repeat;}
#body #container #mainCol #actions{}
#body #container #mainCol #actions img{padding: 5px; background: #c7dcf1;}
#body #container #mainCol #actions #a1{width: 225px; float: left;}
#body #container #mainCol #actions #a1 .element{padding: 5px 0;}
#body #container #mainCol #actions #a2{width: 225px; float: right;}
#body #container #mainCol #actions #a2 .element{padding: 5px 0;}

#body#container #admin{width: 738px; float: left; position: static;}
/* adding styles to the admin section */
#container #admin li { list-style: none; }
#container #admin ul li ul { padding-left: 15px; }
#container #admin ul li ul li ul { padding-left: 15px; }
/* end adding styles to admind section */
#footer{width: 714px; float: left; font: normal .9em 'lucida Sans', Arial; position: relative; color: #020234; padding: 25px 15px; background: url('images/footer.jpg') 0 0 no-repeat;}
#footer #login{width: 233px; position: absolute; top: -250px; left: 3px;}
#footer #login h1{width: 203px; padding: 5px 15px; color: #fff; background: #12387f;}
#footer #login .loginElement{padding: 8px 15px; color: #000346;}
#footer #login .loginElement .username, .password{width: 129px; height: 18px; background: #fff; border: 1px solid #000348;}
#footer #login .loginElement label{width: 100%; float: left;}
#footer #login .loginElement label:after{content:':';}
#footer #login .loginElement p{margin: 0; padding: 0 0 3px 0;}
#footer #login .loginElement .button{width: 52px; height: 26px; font-size: 0; background: url('images/login.jpg') no-repeat; border: 0;}
#footer #login .loginElement span{display: none;}

#footer .searchTxt{width: 203px; position: absolute; padding: 0 0 0 15px; font-size: 1.2em; top: -45px; left: 3px; color: #fff; z-index: 1;}
#footer .search{width: 203px; padding: 35px 15px 10px 15px; position: absolute; top: -60px; left: 3px; background: #12387f;}
#footer .search .searchInput{width: 133px; height: 22px; float: left; background: url('images/seachTxt.jpg') no-repeat; border: 0;}      
#footer .search .searchButton{width: 34px; height: 22px; font-size: 0; margin: 0 0 0 5px; display: inline; float: left; background: url('images/searchBtn.jpg') no-repeat; border: 0;}         
#footer #fNav li{display: inline; list-style: none; padding: 0 10px 0 5px; background: url('images/fnavSep.gif') right no-repeat;}
#footer #fNav li a{color: #020234;}
#radium3 {float: right;}


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

.eventDate{font-size: .9em; color: #333;}

body#visitors blockquote{padding: 10px 0;}
body#visitors blockquote ul#address{width: 50%; float: left;}
body#visitors blockquote ul#address li{padding: 2px 2px 2px 15px; background-image: none !important;}
body#visitors blockquote li#cPhone{padding: 2px 2px 2px 15px; background: url('images/ico_phone.png') 0 2px no-repeat !important;}
body#visitors blockquote li#cFax{padding: 2px 2px 2px 15px; background: url('images/ico_fax.png') 0 3px no-repeat !important;}
body#visitors blockquote li#cEmail{padding: 2px 2px 2px 15px; background: url('images/ico_email.png') 0 4px no-repeat !important;}
body#visitors blockquote ul#contact{width: 45%; float: right;}

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