/* CSS Document - lccprint.css*/

/* See It Design Studio */
/* www.seeitdesignstudio.com */
/* Project: Lake Community Church */

/* Author: Grant Vandersee */
/* Created: 18 November 2006 */
/* Last modified: 18 November 2006 */

/* Print CSS file*/

/* General Layout Styles */

body {
	margin: 0px;
	font: small Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;
	/*
	background-image: url(../images/border.jpg);
	background-repeat: repeat-y;
	background-position: center;
	*/
}
#container {
	margin: 0px auto;
	width: 760px;
	background-color:#FFFFFF;
}
#mainsection {
	width: 760;
	float:left;
	padding-bottom:10px;
}
#header {
	position: relative;
	left: 0px;
	top: 0px;
	/*
	height:202px;
	z-index:1;
	*/
}
#header2 {
	position: relative;
	left:0px;
	top:0px;
	width: 800px;
}
#banner {
	position: relative;
	left: 0px;
	top: 0px;
	/*
	height: 174px;
	z-index: 2;
	background: url(../images/banner.jpg) no-repeat;
	*/
}
#login {
	display:none;
	position: relative;
	left: 0px;
	top: 0px;
	width: 587px;
	height: 28px;
	z-index: 2;
	background: #FFF url(../images/loginbg.jpg) no-repeat top;
	float: left;
}
#login form {
	padding-left:5px;
}
#mainbody {
	position:relative;
	left:0px;
	top: 0px;
	padding-left:5px;
	z-index:2;
}
#sidebar {
	display:none;
	z-index: 90;
	top:0px;
	margin-top:0px;
	margin-left: 588px;
	padding-bottom:10px;
}

/* ---------- Footer Layout ---------- */

#footer {
    position: relative;
    top: 0px;
	left:auto;
	width: 760px;
	height: 55px;
	/*
	background: #86A5D3 url(../images/footer_piece.gif) no-repeat;
	*/
	font:x-small Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-top: 15px;
	float: left;
	clear:both;
	margin-top: 10px;
	margin-bottom:0px;
}
#footer #contact {
	width: 200px;
	float:right;
}
#footer #contact ul {
	list-style: none;
	text-align: right;
	padding-right:10px;
	padding-bottom:5px;
}
#footer #contact a:link, #footer #contact a:visited {
	text-decoration:none;
	color: #FFF;
}
#footer #contact a:hover {
	text-decoration:underline;
	color:#CCC;
}
#footer #copyright {
	width: 500px;
	float:left;
	padding-top:25px;
	padding-bottom:5px;
	padding-left:5px;
}

/* -------------------- */


/* ---------- banner styles ---------- */

#banner h1, #banner h2 {
	
}




/* ---------- Login Form style ---------- */

#frmLogin, #login p {
	padding-top: 3px;
	padding-bottom:3px;
	color: #FFF;
}
#frmLogin label {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}
#formfield {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #86A9DF;
}
#login span {
	color: #FFF;
	margin-top: 6px;
}

/* -------------------- */

/* ---------- Information Boxes ---------- */

.infobox, .infobox2{
	font:x-small Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 370px;
	border: thin solid #86A5DE;
	margin-top: 5px;
}
.infoboxwide {
	font:small Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 650px;
	border: thin solid #86A5DE;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.infoboxfull {
	font:small Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 95%;
	border: thin solid #86A5DE;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.infobox h3, .infobox2 h3, .infoboxwide h3, .infoboxfull h3 {
	color: #FFF;
	background: #86A5DE;
	padding: 2px;
	font-size: small;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.infobox2 {
	border-color: #FF9200;
}
.infobox2 h3 {
	background: #FF9200;
}

.leftpic {
	padding: 3px;
	float:left;
}
.rightpic {
	padding: 3px;
	float:right;
}
#leftcolumn {
	float:left;
	width: 375px;
	clear: both;
	/*padding-left:5px;*/
}
#rightcolumn {
	float:right;
	width: 375px;
	padding-right: 5px;
}
#subscribe {
	clear: both;
}
.infocontent {
	padding: 5px;
}

/* -------------------- */

/* ---------- Whats On Calendar style ---------- */

.infobox table tr, .infoboxfull table tr{
	height: 24px;
	vertical-align:top;
}
.display td {
	height: 24px;
	vertical-align:baseline;
	text-align:left;
}
.cal_event {
	height: 24px;
}
tr.odd_row {
	background-color:#B0D1F0;
}
tr.odd_row td {
	border-right: 0px none; /* #B0D1F0; */
	border-left: 0px none;
	margin: 0px;
	
}
#icons {
	border-right: thin solid #CCC;	
	height: 45px;
	padding-left: 5px;
	padding-top:5px;
}
.button {
	font-size: x-small;
	color: #1745A1;
	background: #B0D1F0;
}
#leftside {
	width: 587px;
	float: left;
}
#rightside {
	margin: 0 0 0 587px;
}

#edit a:link, #edit a:visited {
	text-decoration: none;
	color:#FFFFFF;
	background: #86A5DE;
	width: 110px;
	text-align:center;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
	border-top: thin solid #CCCCCC;
	border-right: thin solid #666666;
	border-bottom: thin solid #666666;
	border-left: thin solid #CCCCCC;
}
#edit a:hover {
	background: #FF9200;
}
#login a:link, #login a:visited {
	display:inline;
	padding-left: 15px;
	font-size: x-small;
	color:#FFF;
	text-decoration: underline;
}
#login a:hover {
	color:#000099;
	text-decoration:underline;
}
#tblcontact tr {
	height: 20px;
}
#tblcontact td {
	height: 30px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#frmFeedback ul {
	margin: 0px;
}
#frmFeedback li {
	list-style-type: none;
	margin: 0px;
}
#frmFeedback label {
	display: block;
	vertical-align: top;
	line-height: 1.8;
	width: 100px;
}
.infocontent a:link, .infocontent a:visited {
	text-decoration: none;
	color: #000000;
}
.infocontent a:hover {
	text-decoration:underline;
	color: #CC3300;
}
.infoboxwide th {
	text-align: right;
	color: #3A64AC;
	padding-right: 7px;
}
#calendar th, #addressbook th{
	background-color: #86A5DE;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
#roster th{
	background-color: #86A5DE;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	font-size:x-small;
}
#roster td{
	font-size:x-small;
	text-align: left;
}
.odd_row {
	padding-top: 3px;
	padding-bottom: 3px;
}
#calendar td, #addressbook td {
	vertical-align: top;
	text-align: left;
	padding-left: 4px;
	border-left: #666666 thin dotted;
}
#addressbook td {
	font-size:x-small;
}
td.leftcol {
	border-left: none;
	font-weight:bold;
}
#mainbody img.gallery {
	height: 40%;
	width: 40%;
}
.passeditfrm {
	text-align: right;
	margin-right: 150px;
}
#header_img {
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 5px;
}
.address {
	font-weight: normal;
}
.infocontent legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #3A64AC;
}
.infocontent fieldset {
	border: thin solid #86A5DE;
}
#failerror {
	background-image: url(../images/denied.jpg);
	height: 360px;
	background-repeat: no-repeat;
}
#failerror h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #FF0000;
	text-align: center;
	display: block;
	margin-top: 100px;
}
.infoboxfull h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #5879BC;
	text-align: left;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#btnedit {
	padding-top: 2px;
	padding-bottom: 2px;
}


/* --------------- Hide/Show Boxes on screen --------------------*/
#month1 {
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
#month2 {
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
#month3 {
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
.rosterhead {
	background: #87A6DF;
	color: #FFFFFF;
}
.rosterhead h4 {
	color: #FFFFFF;
}
.rosterhead tr {
	border-bottom: thin solid #09369B;
}
.loginfail {
	color: #990000;
	font-size: x-small;
	padding: 3px;
	border: thin solid #990000;
	background: #FFFFCC;
	margin-right: 5px;
}
#loggedin #welcome {
	font-size: x-small;
	color: #FFFFFF;
}
#loggedin {
	padding-top: 5px;
	padding-left:5px;
}
#loggedin .lastdate {
font-size: xx-small;
	color: #000066;
}
#loggedin #lastlogin {
	font-size: xx-small;
	color: #000066;
	width=300px;
	text-align:right;
}
#loggedin .logoutlink a:link, #loggedin .logoutlink a:visited {
	font-size: x-small;
	text-decoration: none;
	color: #000099;
}
#loggedin .logoutlink a:hover {
	text-decoration:underline;
	color: #00FFFF;
}
#alphabar {
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	width: 400px;
	text-align: center;
}
#alphabar a:link, #alphabar a:visited {
	color: #0000FF;
	text-decoration: none;
	display: inline;
	width: 30px;
}
#alphabar a:hover {
	color: #FF9200;
}

.sechead {
	font: bold medium Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-align: right;
	float: left;
	width: 150px;
	clear: both;
	display: inline;
}
#searchdiv {
	float: left;
	width: 350px;
	text-align: right;
	margin-left: 20px;
}
#btnSearch {
	float: right;
	margin-top:15px;
	margin-right:20px;
}
.sundayhead {
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #0000CC;
	width: 150px;
	float: left;
	text-align: right;
	padding-right: 5px;
	clear: both;
}
.phototitle {
	color: #0033FF;
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	width: 110px;
	text-align:right;
	clear:both;
	float:left;
}

#frmUpload label {
	width: 100px;
	float: left;
	padding-left: 5px;
}
.uploadpic {
	padding-right: 20px;
	float:right;
	margin-top: 15px;
}.phototitle2 {
	color: #0033FF;
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	width: 160px;
	text-align:left;
	clear:both;
	float:left;
}
.infocontent label {
	width: 100px;
	float: left;
	font-weight: normal;
	color: #3A64AC;
	padding-left: 10px;
}