/* CSS Document */
/* Copyright Calvary Design Ltd. Created Sept 2006 */
/* url: www.calvarychapeltwickenham.com */


body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
p {font-size:80%; margin:0.8em 0;}
h2 {font-family: "Bookman Old Style"; font-weight:normal; margin:0;}
h3 {font-family: "Bookman Old Style"; font-weight:normal; margin:0;}
h4 {font-family: "Bookman Old Style"; font-weight:normal; margin:0.5em 0;}
td {font-size:80%;}
.scripture {font-family: "Bookman Old Style"; font-size: 120%; color:#666; }
.scripturesm {font-family: "Bookman Old Style"; font-size: 80%; color:#666; }
hr {border: 0; background-color: #006699; height: 1px;}

a {color:#006699; text-decoration:none;}
a:hover {color:#990000; text-decoration:underline;}


.container { margin:auto; width:768px;}
.container2 { margin:auto; width:726px;}


#header {margin:10px 0 5px 0; padding:0;}
#logo {margin:auto; padding:0; width:768px; height: 76px;}
#logo h1 {margin:0; padding:0; background-image:url(../img/cctheader.jpg); background-repeat:no-repeat; height: 76px; }
#logo a {margin:0; padding:0; display:block; text-decoration:none; width:768px; height: 76px; }
#logo h1 span {margin:0; padding:0; display:none; }


#nav {margin: 0; padding:0; background-image:url(../img/nav-bar.jpg); background-repeat:repeat-x; height:1.5em; }
#nav ul {margin:0; padding:0; list-style: line; width: 100%; }
#nav li {display: inline; padding: 0 0.45em; font-size: 80%; float: left; }
#nav a {text-decoration:none; text-align: center; color:#fff; display:block; padding: 0.35em 0.35em 0 0.35em; height: 1.45em; margin: 0; white-space:nowrap; }
* html #nav a {width: 1.5em; }	
#nav a:hover {text-decoration:none; color:#fff; background-image: url(../img/nav-bar-hover.jpg); height: 1.45em; }	


#main { margin:0; padding:0; background-color:#eee; border-bottom: 1px solid #666666;}
#homecont {float:left; margin: 10px 0; width:482px;}
#fullcont {float:left; margin: 10px 0; width:748px;}
#mainpic {margin: 10px 0 20px 0;}
#mainpic img {border: 1px solid #666666;}
#mainpic .flash {border: 1px solid #666666;}
#homecont .welcomepdf {margin: 2px 10px 0 0;}
.frame {margin:0 0 0 0; padding:10px; border: 1px solid #006699; background-color:#fff;}
.frametwo {margin:0 0 0 0; padding:10px; border-bottom: 1px solid #006699; }
#vid {margin:10px 0; padding:0;}
.vida {margin:0 5px 0 0 ; padding:0; float:left; width:220px; text-align:center;}
.vidb {margin:0; padding:0; float:left; width:220px; text-align:center;}
#vid a img {border: 2px solid #006699; text-decoration:none;}
#vid a:hover img {border: 2px solid #990000; text-decoration:none;}
#vid a:hover {text-decoration:none;}
#teaching {margin:0; padding:0;}
.teachinglink {margin:0 5px 5px 0; padding:0; float:left; width:140px; font-size:80%;/*background-color:#009966;*/}
.pastorbox {border: 1px solid #999; margin: 10px 0; padding:10px; background-color:#fff;}
.pastorpic {float: right; margin: 5px 0 10px 10px;}

#events {margin:10px 0; padding:0; font-size:80%;}
#events .date {margin:0 3px; padding:0; float:left; width:70px;}
#events .dateend {margin:0 3px; padding:0; float:left; width:70px;}
#events .time {margin:0 3px; padding:0; float:left; width:90px;}
#events .timeend {margin:0 3px; padding:0; float:left; width:60px;}
#events .event {margin:0 3px; padding:0; float:left; width:160px;}
#events .location {margin:0 3px; padding:0; float:left; width:140px;}
#events .desc {margin:0 3px; padding:0; float:left; width:230px;}


/* Teaching Results listing */
#results {margin:6px 0; padding:0; font-size:80%;}
#results .icon {margin:0 3px; padding:0; float:left; width:30px;}
#results .title {margin:0 3px; padding:0; float:left; width:180px;}
#results .book {margin:0 3px; padding:0; float:left; width:140px;}
#results .speaker {margin:0 3px; padding:0; float:left; width:160px;}
#results .date {margin:0 3px; padding:0; float:left; width:100px;}
#results .size {margin:0 3px; padding:0; float:left; width:70px;}
/* #results .desc {margin:0 3px; padding:0; float:left; width:230px;} */
#results h4 {font-size:14px;}

#boxes { /*background-color:#006633;*/ color:#000000; margin: 20px 10px 0 0; float:right; width:220px; }
#boxes .one {border: 1px solid #999; width: 220px; margin: 0 0 10px 0; padding:10px;}
#boxes .two {border: 1px solid #999; width: 220px; padding:10px; margin: 0 0 10px 0; }
#boxes .three {border: 1px solid #999; width: 220px; padding:10px; margin: 0 0 10px 0; }

#teachingbox {margin:0 0 0 0; padding:0; /*background-color:#00CCFF;*/ font-size:80%;}
* html #teachingbox {margin:-10px 0 0 0;}
#teachingbox .icon {margin:0 5px 0 0; padding:0; float: left; /*background-color:#993300;*/ }
.icon {margin:0 5px 0 0; padding:0; float: left; /*background-color:#993300;*/ }
#teachingbox .title {margin:0; padding:0; width: 120px; float: left; /*background-color:#009999;*/ }
#teachingbox .size {margin:0 5px 0 0; padding:0; float: right; /*background-color:#009966;*/ }

#eventbox {margin:0; padding:0; /*background-color:#00CCFF;*/ font-size:80%;}
#eventbox .date {margin:0; padding:0; width: 70px; float: left; /*background-color:#009999;*/}
#eventbox .event {margin:0 3px 0 0; padding:0; float: right; width: 130px; /*background-color:#009966;*/ }

/* ****** Form ****** */

#form {background-color:#fff; margin:0; width:420px; padding:10px 15px; border: 1px solid #999; text-align:left}	
.label {/*background-color:#660066;*/ width:130px; float:left; margin-bottom:10px; font-size:80%;}
.input {/*background-color:#993333;*/ margin-left: 135px; margin-bottom: 10px; font-size: 80%;}

#foot {text-align:center; padding: 10px; font-size: 80%;}	





/* end */