html, body {
    margin:0;
    padding:0;
	position: relative;
	height : 100%;
	font-family: 'Inconsolata', sans-serif;
    background:url("../img/page_background.png") repeat fixed 0 0 #C88D57;
}

#pageHeader {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index:9990;
	width : 100%;
	height : 50px;
	line-height: 50px;	/* same as div height, text will then vertically align */
	color : #fff;
	text-align : center;
	font-size : 25px;
	font-weight : bolder;
    border-bottom: 1px solid #1B5572;
    box-shadow: 0 1px 5px rgba(34, 34, 34, 0.5);
    max-width: none;
	background: #246485; /* for non-css3 browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F94BF',endColorstr='#246485');
	background: -webkit-gradient(linear, left top, left bottom, from(#246485), to(#3F94BF));
	background: -moz-linear-gradient(center top , #3F94BF, #246485) repeat scroll 0 0 transparent;

}

#pageHeader .logo {
	position : fixed;
	top : 1px;
	left : 5px;
	padding-left : 70px;
	text-align : left;
	color : #ee0;
	background-image:url('../ico/synod.png');
	background-repeat:no-repeat;
}


#pageHeader .menu {
	position : fixed;
	top : 3px;
	right : 10px;
	width : 32px;
	cursor : hand;
	cursor : pointer;
	color : #ccf;
}

#pageContent {
	position : relative;
	top : 51px;
	padding-bottom : 30px;
	color : #000;
	text-align : left;
	font-size : 17px;
	line-height: 22px;
	font-weight : normal;
	background:url("../img/page_background.png") repeat fixed 0 0 #C88D57;	
	height : 100%;
}

#pageFooter {
    position: fixed;
    left: 0px;
	bottom: 0px;
	color : #fff;
	text-align : center;
	font-size : 12px;
	font-weight : bolder;
	width : 100%;
	background: #246485; /* for non-css3 browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F94BF',endColorstr='#246485');
	background: -webkit-gradient(linear, left top, left bottom, from(#246485), to(#3F94BF));
	background: -moz-linear-gradient(center top , #3F94BF, #246485) repeat scroll 0 0 transparent;
}

#pageFooter .user {
	position : fixed;
	bottom: 5px;
	left : 5px;
	text-align : left;
	vertical-align : middle;
	font-size : 22px;
	color : #ee0;
	cursor : hand;
	cursor : pointer;
}


#pageFooter .help {
	position : fixed;
	bottom: 0px;
	right : 12px;
/* 	width : 64px; */
	font-size : 24px;
}

#pageFooter .help a {
	text-decoration: none;
}

#itemList {
	padding-top : 10px;
	width: auto;
	margin: 0 auto;
}

.itemTitle {
	float:left;
	font-size:18px;
	font-weight : bold;
}

.itemAction {
	text-align:right;
	color : #777;
}

.item {
	display: block;
	float: left;
	width: 300px;
	margin: 0 10px 10px 0;
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-moz-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-ms-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	border-radius:25px;
	-moz-border-radius:25px; /* Old Firefox */
 	background: none repeat scroll 0 0 #FFC;
	border:1px solid;
	box-shadow: 10px 10px 5px #888888; 
	padding : 10px 3px 10px 3px /*T L B R */
}

.item img {
	display : block; /* without this, it will indent because its container <p> defines text-indent*/
	max-width: 260px;
	height: auto;
	margin: 0 auto;
}

.item img.ico {
	display : inline;
	width: 24px;
	height: auto;
	border : 0;
	padding : 0;
	margin : 0;
	cursor : pointer;
}

.item input[type=text], .item input[type=password], .item form select {
	width: 100%;
	text-align : center;
	color : #333;
}
	
.itemContent {
	margin : 10px;
	background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #EFC499 100%);
	background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #EFC499 100%);
	background-image: -o-linear-gradient(top left, #FFFFFF 0%, #EFC499 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #EFC499));
	background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #EFC499 100%);
	background-image: linear-gradient(to bottom right, #FFFFFF 0%, #EFC499 100%);
}	

.itemContent p {
	/* text-indent: 1.5em; */
}

.itemInfo {
	color : #777;
	font-size : 14px;
	text-align : right;
	padding : 5px;
}

.itemMore {
	text-align : right;
	font-size : 16px;
}

.itemMore a:link {color:#800;text-decoration:none;}      /* unvisited link */
.itemMore a:visited {color:#800;text-decoration:none;}  /* visited link */
.itemMore a:hover {color:#F00;text-decoration:none;}  /* mouse over link */
.itemMore a:active {color:#F00;text-decoration:none;}  


/* ----------- general -------------- */

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.userMenu {
	left : 0px;
    position: fixed;
    margin: 0px;
    padding: 10px;
    bottom: 10px;
    background-color:#FFC;
	box-shadow : 4px 4px 1px #600;
    z-index:9999;
	font-size : 22px;
}

.userMenu  a {
	text-decoration : none;
}

#adminMenu {
	right : 0px;
    position: fixed;
    margin: 0px;
    padding: 10px;
    bottom: 10px;
    background-color:#FFC;
	box-shadow : 4px 4px 1px #600;
    z-index:9999;
	font-size : 22px;
}

#twsrcWait {
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	padding-top : 20%;
	z-index : 9999;
}

#twsrcWait img {
	display : block;
	margin : 0 auto;
	height : 50px;
}

#fbDIV {
	position : fixed;
	top : 16px;
	right : 48px;
	z-index : 9999;
}