/* Modifications of existing tags */

body {
	behavior: url("/tmp_new/scripts/behaviors.htc");
	background: #9e869e url(../images/bg_tile.png) repeat;
	color: #ffffff;
	font-family: Arial;
	font-size: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
}

a {
	color: #bbaabb;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	cursor: pointer;
}
img {
	border:none;
}

/* Unique divs */

#header {
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#header img {
	float: left;
}

#headerLogin {
	float: right;
	text-align: right;
	width: 275px;
}
#headerLogin .inputText {
	background: #55555f;
	border: 1px solid;
	color: #ffffff;
}

#content {
	background: #33333f url(../images/corner.png) bottom right no-repeat;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	width: 798px;
	min-height: 300px;
	border-left: solid #000000 1px;
	border-right: solid #000000 1px;
}

#shortContent {
	float: left;
	width: 600px;
}

#sidebar {
	text-align: left;
	float: right;
	width: 180px;
	border-left: #ffffff 1px solid;
	margin-bottom: 20px;
}
#sidebar form {
	padding-left: 5px;
}
#sidebar select {
	background: #33333f;
	border: #ffffff solid 1px;
	color: #ffffff;
	width: 152px;
	margin-bottom: 3px;
}
.inputText {
	background: #33333f;
	border: #ffffff solid 1px;
	color: #ffffff;
	width: 150px;
	margin-bottom: 3px;
}
#sidebar .header {
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 3px;
}
#sidebar .small {
	font-size: 0.75em;
	padding-left: 5px;
}
#sidebar .lightup {
	font-size: 0.75em;
	padding-left: 5px;
	padding-bottom: 2px;
}
#sidebar .lightup:hover {
	background: #33333f;
}

#footer {
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.75em;
	width: 800px;
}
#footer a {
	color: #9e869e;
}
#footer a:hover {
	color: #ffffff;
}

#lowerNavigation {
	background-color: #55555f;
	margin-left: auto;
	margin-right: auto;
	width: 798px;
	height: 40px;
	border: solid #000000 1px;
	border-top: none;
	font-size: 0.75em;
}

/* Classes */

.text {
	padding: 5px;
}

.contentWrapper
{
    padding: 20px;
}

.contentTextWrapper
{
    padding: 20px;
}

.title {
	background: url(../images/line.png) no-repeat bottom left;
	font-size: 2em;
}

.small {
	font-size: 0.75em;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.hidden {
	width: 0px;
	height: 0px;
	border: none;
	padding: 0px;
	font-size: 0px;
}

.label {
	color: #99999f;
	font-size: 0.6em;
	float: left;
}

.textInput {
	width: 90%;
	padding: 1px;
	color: #ffffff;
	background-color: #33333f;
	border: 1px solid #99999f;
}

.sidebar_table {
	border-collapse: collapse;
	width: 170px;
}
.sidebar_table td {
	border: #ffffff solid 1px;
	padding: 0;
}

.calendar_table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	font-size: 0.75em;
}
.calendar_table .calendar_header {
	background: #33333f;
	height: 45px;
	font-size: 1.5em;
}
.calendar_table td {
	border: #ffffff solid 1px;
	vertical-align: top;
	width: 14%;
	height: 140px;
	padding: 1px;
}
.calendar_table td:hover {
	background: #33333f;
}
.calendar_table th {
	border-top: #ffffff solid 1px;
	border-bottom: #ffffff solid 1px;
	background: #563c56;
	text-align: center;
	width: 14%;
	height: 20px;
}
.calendar_table .th {
	border-left: #ffffff solid 1px;
	border-right: #ffffff solid 1px;
}
.calendar_table div {
	border-bottom: #ffffff dotted 1px;
	width: 100%;
	font-size: 0.75em;
	text-align: left;
	margin-top: 5px;
}
.calendar_table .last {
	border-bottom: 0px;
}
.calendar_table a {
	color: #ffffff;
	font-weight: bold;
}
.calendar_table a:hover {
	color: #bbaabb;
}
.calendar_table .today {
	background: #33333f;
}

.sermons_table {
	border-collapse: collapse;
	width: 100%;
}
.sermons_table td, .sermons_table th {
	border: #ffffff solid 1px;
	padding: 2px;
	height: 40px;
}
.sermons_table th {
	background: #563c56;
}
.lightup_1 {
	background: #33333f;
}
.lightup_2 {
	background: #55555f;
}
.lightup_1:hover, .lightup_2:hover {
	background: #99999f;
}

.members_table {
	width: 790px;
	table-layout: fixed;
	border-collapse: collapse;
}
.members_table th {
	border: solid 1px #000000;
	background: #563c56;
}
.members_table td {
	border: solid 1px #000000;
	overflow: hidden;
}

.whitebox {
	border: #ffffff solid 1px;
	padding: 5px;
}

.btn_small {
	background: url(../images/btn_small.png) no-repeat;
	border:none;
	width: 60px;
	height: 20px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}
.btn_small:active {
	background-position: 0 -20px;
}
.btn_small a {
	color: #ffffff;
	text-decoration: none;
}

.btn_large {
	background: url(../images/btn_large.png) no-repeat;
	border:none;
	width: 160px;
	height: 20px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}
.btn_large:active {
	background-position: 0 -20px;
}
.btn_large a {
	color: #ffffff;
	text-decoration: none;
}

.slideshow {
	border: solid 1px #000000;
	background: #000000;
	width: 750px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}
.slide {
	position: absolute;
	
	/* Regular Browsers */
	opacity: 0;
	
	/* Old Versions of Firefox */
	-moz-opacity: 0;
	
	/* Konquerer or Mac Safari */
	-khtml-opacity: 0;
	
	/* Internet Explorer */
	filter:alpha(opacity=0);
	
	width: 750px;
	height: 200px;
	overflow: hidden;
}
.slideshow_overlay {
	position: absolute;
	z-index: 3;
}

.miniNav {
	background-color: #000000;
	font-size: 0.75em;
	padding: 2px;
	width: 350px;
	float: right;
}

/* Dropdown Menu */

ul.menu {list-style:none; margin:0; padding:0; border: solid #000000; border-width: 0 1px}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#ffffff; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:28px; left:0; background: #9e869e; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:198px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color: #33333f}
ul.menu ul li a:hover {background-color: #563c56}
ul.menu ul ul {left:198px; top:-1px}
ul.menu .menulink, ul.menu .menulink_front, ul.menu .menulink_end {font-weight:bold; background: #563c56 url(../images/header_background.png) no-repeat; width:200px; line-height: 30px; height:30px; text-align: center;}
ul.menu .menulink_front {width: 199px; background-position: -1px 0px}
ul.menu .menulink_end {width: 199px;}
ul.menu .menulink:hover, ul.menu .menulink_front:hover, ul.menu .menulink_end:hover, ul.menu .menuhover {background: #9e869e url(../images/header_background.png) no-repeat}
ul.menu .menulink_front:hover {background-position: -1px 0px}
ul.menu .sub {background: #33333f url(../images/arrow.png) 190px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

/* Rounded Corners */

.rounded_edge {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

.rounded {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #000000; border-right:1px solid #000000;}
.xb1 {margin:0 5px; background:#000000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.rounded_edge .accent1-b .xb2, .rounded_edge .accent1-b .xb3, .rounded_edge .accent1-b .xb4 {background:#563c56;}
.rounded_edge .accent2-b .xb2, .rounded_edge .accent2-b .xb3, .rounded_edge .accent2-b .xb4 {background:#33333f;}
.rounded_edge .accent2-d .xb2, .rounded_edge .accent2-d .xb3, .rounded_edge .accent2-d .xb4 {background:#000000;}

/* Forms */
legend {color: #ffffff}
form input.text, form input.password, form textarea {width: 300px;	padding: 1px; color: #ffffff; background-color: #33333f; border: 1px solid #99999f;}
.field {padding-left: 150px; min-height:30px}
.field label {display: inline; float: left; width: 140px; margin-left: -150px;}

/* Mini calendar */
.dateSelect {
	background: #33333f;
	visibility: hidden;
	position: absolute;
}
.cpYearNavigation,.cpMonthNavigation {
	background-color: #563c56;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color: #ffffff;
	font-weight:bold;
}
.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText {
	font-family:arial;
	font-size:8pt;
}
TD.cpDayColumnHeader {
	text-align:right;
	border:solid thin #C0C0C0;
	border-width:0px 0px 1px 0px;
}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate {
	text-align:right;
	text-decoration:none;
}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.cpCurrentMonthDate, .cpCurrentDate {
	color: #ffffff;
}
.cpOtherMonthDate {
	color: #55555f;
}
TD.cpCurrentDate {
	color: #ffffff;
	background-color: #9e869e;
	border-width:1px;
	border:solid thin #ffffff;
}
TD.cpCurrentDateDisabled {
	border-width:1px;
	border:solid thin #FFAAAA;
}
TD.cpTodayText, TD.cpTodayTextDisabled {
	border:solid thin #C0C0C0;
	border-width:1px 0px 0px 0px;
}
A.cpTodayText, SPAN.cpTodayTextDisabled {
	height:20px;
}
A.cpTodayText {
	color: #ffffff;
}
.cpTodayTextDisabled {
	color:#D0D0D0;
}
.cpBorder {
	border:solid thin #808080;
}

select {
	background: #33333f;
	border: #99999f solid 1px;
	color: #ffffff;
	width: 305px;
}


.ui-widget-header, .ui-widget-content {
	font-size: 0.75em;
}


.bar {
	width: 300px;
}

#progress {
	background: #eee;
	border: 1px solid #222;
	margin-top: 20px;
}

#progressbar {
	width: 0px;
	height: 24px;
	background: #333;
}