body {
	background:url("../images/background.jpg");
	background-position:top;
	background-repeat:repeat-x;
	background-color: #000;
	margin: 0;
	padding: 0;

}
a img { border: 0; }


.wrapper {
	width: 945px;
	max-width: 945px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

/* Main menu or navigation */
.menu { 
	margin:0;
	padding:0;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.menu ul {
	list-style: none;
	height: 25px;
	margin: 0;
	padding: 0;
}
.menu li { 
	color: #FFF;
	float: left;
	padding: 0px;
}
.menu li a {
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:25px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
/*	background-color: #810201; */
	background-color: #FFF;
	color:#000;
	text-decoration:none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}
/* main body or content */
.container {
	min-height: 300px;
	background-color: #FFF;
	border: solid 1px #FFF;
	-moz-border-radius: 2px 4px;
}
.event {
	margin-top: 8px;
	margin-left: 8px;
}
.left {
	float: left;
}
.right {
	margin-left: 690px;
}
.right img {
	margin-top: 8px;
}
.contentWrapper {
	margin-top: 15px;
	margin-left: 8px;
}
.contentLeft {
	width: 450px;
	float: left;
}
.contentLeft p {
	margin-right: 8px;
	padding: 4px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
}
.journal {
	width: 445px;
	background-color: #EEE;
}
.signature {
	text-align: right;
}
.events {
	width: 177px;
	text-align: right;
}	
.events ul {
	list-style: none;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
}
.date {
	font-size: 8px;
	color: green;
}
.events li {
	margin-bottom: 6px;
}
.contentRight {
	margin-left: 475px;
	width: 182px;	
}
.journalHeader {
	background-color: #CCC;
	width: 445px;
	text-align: right;
}
.eventsHeader {
	background-color: #CCC;
	width: 177px;
	text-align: right;
}
.headerLabel {
	margin-right: 8px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.footer {
	margin-top: 15px;
	margin-bottom: 8px;
        font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
	border-top: solid 1px #000;
}
.footer p { margin: 0; padding: 0; margin-left: 8px;}

div {
	  font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;

}
.values li {
	margin-bottom: 8px;
}
.about {
	width: 650px;
}
.believe {
	margin-left: 18px;
	width:820px;
}
.contact {
	width: 300px;
	text-align: right;
	float: left;
}
.contact h2 { margin:0; padding: 0; }
.contactRight {
	margin-left: 369px;
	width: 280px;
}
.fellowship {
	width: 650px;
}

.question ul { list-style: none; }

ul.inline li { margin-right: 8px; float: left; }

.videoContainer {
	width: 450px;
}
.videoContainer p {
	margin-left: 8px;
}
.videoInfo {
	background-color: #EEE;
	border: 1px solid #000;
}
.credit {
	text-align: right;
	margin-right: 8px;
	font-size: 10px;
}
/* media.html */
.videoWrapper {
	width: 100%;
}
.videoContent {
	min-height: 40px;
}
.videoContent .padleft { margin-left: 60px; }
.videoContent .image {
	float: left;
	height: 50px;
	background-color: #FFF;
}
.videoContent .image img { cursor: pointer; }
.videoContent .title {
	padding-top: 4px;
	font-weight: bold;
}
.videoContent .title a {
	text-decoration: none;
	color: #076093;
}
.videoContent .speaker {
	margin-left: 22px;
	float: left;
}
.videoContent .source {
	text-align: right;
	margin-right: 8px;
	font-size: 10px;
}
.border {
	border-bottom: 1px solid #DDD;
	padding-bottom: 8px;
}
.spacer {
	clear: both;
	margin-bottom: 8px;
}
.hidden {
	display: none;
}
#busy {
	margin: 0 auto 0 auto;
	width:650px;
	text-align: center;
}
.small { font-size: 10px; font-weight: normal; }

.form_space {
	margin-bottom: 18px;
}
    /* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(/images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }