/* Christian Campus House
   Chad Spencer
   Copyright 2008 */


/*-----Global Definitions-----*/

* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
	margin-bottom: 0.1px;
}

body {
	padding: 0;
	background: #323232 url(../images/background.gif) repeat-x top center;
	text-align: left;
}

a {
	text-decoration: none;
	outline: none;
}

a img {
	border: none;
}

*:focus {
	outline: 0;
}

.wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .wrapper {
	height: 1%;
}

.wrapper {
	display: block;
}

.clear {
	clear: both;
}

/*-----Header-----*/

#topcontainer {
	width: 1000px;
	display: block;
	margin: 0 auto;
	background: url(../images/rays.png) no-repeat bottom right;
}

* html #topcontainer {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../workspace/images/images/rays.png", sizingMethod="scale");
}


#topcontainer p {
	display: block;
	width: 475px;
	text-align: center;
	font: bold 11px Helvetica, Verdana, Arial, sans-serif;
	color: #9c7467;
	margin: -12px 0 0 245px;
}

h1#logo a {
	width: 167px;
	height: 66px;
	background: url(../images/logo.gif);
	text-indent: -9999px;
	display: block;

	margin: 10px 0 0 75px;
}

#mainnavigation {
	width: 880px;
	display: block;
	padding: 8px 10px 0 10px;
	margin: 15px 0 0 50px;
	background: url(../images/header_stroke.gif) no-repeat top center;
}

#mainnavigation ul {
	list-style: none;
	width: 627px;
	height: 35px;
	background: url(../images/nav_background.gif) no-repeat top center;
	text-align: center;
	float: left;
	padding: 0 0 0 30px;
}

#mainnavigation ul li {
	float: left;
}

#mainnavigation ul li a {
	color: #fff;
	font: normal 14px/36px Helvetica, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	height: 35px;
	display: block;
	float: left;
	width: 120px;
}

#mainnavigation ul li a:hover {
	background: #4c2416;
}

#mainnavigation ul li.selected a {
	background: #441f11;
}

/*#mainnavigation ul li a:before {
	content: "CCH ";
	color: #9c7467;
	font: bold 14px Helvetica, Verdana, Arial, sans-serif;
}*/

#mainnavigation span {
	width: 202px;
	display: block;
	float: right;
	height: 35px;
	background: url(../images/support_background.gif) no-repeat top center;
	text-align: center;
}

#mainnavigation span a {
	color: #fff;
	font: bold 14px/36px Helvetica, Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

#navstroke {
	width: 900px;
	margin: 0 auto;
	height: 1px;
	background: url(../images/header_stroke.gif) no-repeat top center;
	padding: 0 0 5px 0;
	margin-top: 10px;
}

#header {
	width: 900px;
	height: 240px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	padding: 8px 15px 0 15px;
	background: url(../images/header_shadow.png) no-repeat top center;
	position: relative;
}

* html #header {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../workspace/images/header_shadow.png", sizingMethod="scale");
}

#header img {
	width: 880px;
	border: 10px solid #fff;
}

ul#slideshow {
	background: #fff;
	width: 900px;
	height: 240px;
}

ul#slideshow li {
	list-style-type: none;
}

ul#slideshow li h2 {
	color: #fff;
	font: bold 14px Helvetica, Verdana, Arial, sans-serif;
	position: absolute;
	top: 200px;
	left: 10px;
	background: url(../images/transblock.png);
	height: 20px;
	width: 865px;
	padding: 8px 0 2px 15px;
}

* html ul#slideshow li h2 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../workspace/images/transblock.png", sizingMethod="scale");
}

ul#slideshow li img {
	width: 880px;
	border: 10px solid #fff;
}

#slidecontrol {
	position: absolute;
	bottom: 17px;
	right: 27px;
	z-index: 10;
}

#slidecontrol a {
	width: 15px;
	height: 15px;
	display: block;
	float: right;
	background: #fff;
	color: #fff;
	margin: 6px 6px 0 0;
}

#slidecontrol a.activeSlide {
	background: #666;
	color: #666;
}

ul#secondarynav {
	margin: 0 auto;
	width: 900px;
	list-style-type: none;
	background: #fff;
	border-top: 3px solid #fff;
}

ul#secondarynav li {
	float: left;
	width: 225px;
	text-align: center;
}

ul#secondarynav li a {
	width: 225px;
	height: 96px;
	display: block;
	float: left;
	font: bold 13px/138px Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	overflow: hidden;
}

ul#secondarynav li a.groups {
	background: url(../images/tabs_groups.gif) no-repeat top left;
}

ul#secondarynav li a.trips {
	background: url(../images/tabs_trips.gif) no-repeat top left;
}

ul#secondarynav li a.service {
	background: url(../images/tabs_service.gif) no-repeat top left;
}

ul#secondarynav li a.grapevine {
	background: url(../images/tabs_grapevine.gif) no-repeat top left;
}

ul#secondarynav li a:hover {
	background-position: 0 -96px;
}

#content {
	width: 100%;
	background: #fff url(../images/pinstripe.gif) repeat-x bottom center;
	border-bottom: 3px solid #fff;
}

#contentcontainer {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

ul#subnav {
	float: left;
	display: block;
	width: 655px;
	height: 30px;
	background: url(../images/subnav_shadow.gif) no-repeat bottom center;
	text-align: center;
}

ul#subnav li {
	display: inline;
	margin: 0 15px 0 15px;
}

ul#subnav li, ul#subnav li a {
	font: bold 11px Verdana, Helvetica, Arial, sans-serif;
	color: #686868;
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
}

ul#subnav .current {
    color: #53291a;
    padding: 0 0 0 15px;
    background: url(../images/arrow.gif) no-repeat 0px 3px;
}

#maincolumn {
	float: left;
	width: 596px;
	margin: 0 0 0 10px;
	display: inline;
	padding: 30px 30px 75px 30px;
	background: url(../images/content_gradient.gif) repeat-x top center;
}

#maincolumn h2 {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	color: #703723;
	padding: 0 0 18px 0;
}

#maincolumn h2 a {
	color: #686868;
}

#maincolumn.connections h2 {
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	color: #703723;
	padding: 0 0 0 0;
}

#maincolumn h3 {
	font: bold 16px/18px Georgia, "Times New Roman", Times, serif;
	color: #484848;
}

#maincolumn.connections h3 {
	font: bold 16px/18px Georgia, "Times New Roman", Times, serif;
	color: #484848;
	padding: 18px 0 0 0;
}

#maincolumn h4 {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color: #703723;
	padding: 0 0 18px 0;
}

#maincolumn blockquote, #maincolumn blockquote h3, #maincolumn blockquote h4 {
	font: normal 15px/18px Georgia, "Times New Roman", Times, serif;
	color: #484848;
	padding: 0 0 18px 0;
}

#maincolumn p {
	font: normal 12px/18px Verdana, Helvetica, Arial, sans-serif;
	color: #484848;
	padding: 0 0 18px 0;
}

#maincolumn p a, #maincolumn li a {
	color: #ac983f;
	text-decoration: underline;
}

#maincolumn p.intro {
	font: normal 15px/18px Helvetica, Verdana, Arial, sans-serif;
	color: #909090;
}

#maincolumn ul {
	padding: 0 0 18px 0;
}

#maincolumn li {
	margin: 0 0 0 25px;
	font: normal 12px/18px Verdana, Helvetica, Arial, sans-serif;
	color: #484848;
	list-style-type: circle;
}

#maincolumn.connections ul {
	padding: 6px 0 6px 6px;
	margin: 5px 0 0 0;
	background: #eee;
}

#maincolumn.connections li {
	margin: 0 15px 0 0;
	font: normal 12px/18px Verdana, Helvetica, Arial, sans-serif;
	color: #484848;
	display: inline;
	width: 200px;
}

#maincolumn.connections li a {
	color: #703723;
	text-decoration: underline;
}

#subcolumn {
	float: left;
	width: 205px;
	margin: 19px 0 0 20px;
	padding: 18px 0 75px 0;
}

#subcolumn h2 {
	font: normal 15px Helvetica, Verdana, Arial, sans-serif;
	color: #bbb;
	text-transform: uppercase;
	padding: 0 0 0 0;
}

#subcolumn h3 {
	font: normal 15px Helvetica, Verdana, Arial, sans-serif;
	color: #bbb;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #dfdfdf;
}

#subcolumn h4 {
	font: normal 13px/18px Georgia, "Times New Roman", Times, serif;
	color: #ac983f;
}

#subcolumn ul {
	padding: 3px 0 30px 0;
}

#subcolumn ul.listing {
	padding: 15px 0 0 0;
}

#subcolumn li {
	font: normal 13px/18px Georgia, "Times New Roman", Times, serif;
	color: #ac983f;
	list-style-type: none;
}

#subcolumn li a {
	color: #ac983f;
	text-decoration: underline;
}

#subcolumn ul.listing li {
	list-style-type: none;
	padding: 3px 0 14px 0;
	border-top: 1px solid #dfdfdf;
}

#subcolumn ul.listing li a {
	font: bold 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #ac983f;
	font-variant: small-caps;
}

#subcolumn p.messages {
	font: normal 13px/18px Georgia, "Times New Roman", Times, serif;
	color: #ac983f;
	padding: 10px 0 0 0;
	margin: 15px 0 20px 0;
	border-top: 1px solid #dfdfdf;
}

#subcolumn p.messages a {
	color: #ac983f;
}

#subcolumn li h3 {
	font: bold 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #ac983f;
	font-variant: small-caps;
	padding: 0;
	border: none;
}
#subcolumn li h4 {
	font: bold 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #ac983f;
	text-transform: uppercase;
}

#subcolumn li p {
	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #484848;
}

#subcolumn p {
	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #484848;

}

#map {
	width: 576px;
	height: 400px;
	border: 10px solid #ddd;
}

#map h3 {
	font: bold 12px/18px Helvetica, Verdana, Arial, sans-serif;
}

#map p {
	font: normal 12px/18px Helvetica, Verdana, Arial, sans-serif;
}



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

#footer {
	padding: 0 0 30px 0;
	background: url(../images/footer_background.gif) repeat-x top center;
	text-align: left;
}

#footercontainer {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

#search {
	width: 200px;
	height: 40px;
	background: url(../images/search.gif) no-repeat;
	float: left;
	padding: 10px 0 0 20px;
}

fieldset {
	border: none;
}

#search input {
	color: #565656;
	font: bold 15px Helvetica, Verdana, Arial, sans-serif;
	background: transparent;
	border: none;
	width: 160px;
}


#copyright {
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	color: #434343;
	float: left;
	padding: 14px 0 0 8px;
}

#copyright a {
	color: #434343;
	text-decoration: underline;
}

a#rss {
	background: url(../images/rss.gif) no-repeat bottom left;
	padding: 0 0 0 18px;
}

.ui-tabs-hide {
	position: absolute;
    top: -9999px;
}

.ui-tabs-nav {
	display: none;
}

.ui-tabs-nav .ui-tabs-selected {
    color: #53291a;
    padding: 0 0 0 15px;
    background: url(../images/arrow.gif) no-repeat 0px 3px;
}
.ui-tabs-nav .ui-tabs-selected a {


}

/*-----Info Request Form-----*/

#maincolumn fieldset {
	border: none;
	width: 550px;
}

#maincolumn input {
	width: 350px;
	height: 15px;
	border: none;
	margin: 0 0 5px 0;
	background: #efefef;
	padding: 5px 10px 5px 10px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #545454;
	float: left;
}

#maincolumn form p {
	width: 350px;
	float: left;
	color: #525458;
	font: normal 11px/15px Verdana, Helvetica, Arial, sans-serif;
	padding: 0 0 15px 0;
}

#maincolumn label {
	width: 350px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #df3232;
	float: left;
	padding: 0 0 8px 0;
}

#maincolumn textarea {
	width: 570px;
	height: 300px;
	border: none;
	margin: 0 0 10px 0;
	background: #efefef;
	padding: 5px 10px 5px 10px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #545454;
	float: left;
}

#maincolumn select {
	float: left;
	width: 320px;
	height: 23px;
	margin: 0 0 5px 0;
	background-color: #efefef;
 	color: #545454;
 	padding: 5px 0 0 7px;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
 	border: none;
}

#maincolumn button {
	background: #545454;
	border: none;
	color: #fff;
	font: normal 12px Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	width: 75px;
	height: 22px;
	float: left;
}

#maincolumn form a {
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #383127;
	text-decoration: underline;
	padding: 4px 0 0 10px;
	float: left;
}

ul#flickr  {
	float: left;
	text-align: center;
	width: 900px;
	padding: 0 0 30px 0;
}

ul#flickr li {
	display: inline;
	padding: 0 10px 0 10px;
}

ul#flickr li a img {
	border: 5px solid #d5d5d5;
}

ul#flickr li a:hover img {
	border: 5px solid #aaa;
}

/* calendar
----------------------------------------------- */

.calendar-menu {
	float:right;
	margin-bottom:1em;
	}
.calendar-menu li {
	display:inline;
	}
.calendar-menu li a {
	float:left;
	color:#ccc;
	font-weight:normal;
	margin-left:1em;
	border-bottom:3px solid #fff;
	}
.calendar-menu li.current a {
	color:#000;
	font-weight:bold;
	border-bottom:3px solid #703723;
	}
.calendar-menu li a:hover {
	float:left;
	color:#000;
	margin-left:1em;
	border-bottom:3px solid #ddd;
	}
.calendar table {
	border-collapse:collapse;
	width:100%;
	border: 10px solid #ddd;
	}
.calendar thead tr {
	font: bold 10px Verdana, Helvetica, Arial, sans-serif;
	color: #484848;
	background: #bbb;
	}
.calendar th {
	text-align:center;
	padding: 8px 0 8px 0;
	}
.calendar td {
	width:14%;
	padding-top:0;
	height:8em;
	vertical-align:top;
	border-right:1px solid #ddd;
	}
.calendar td#today {
	background:#eee;
	}
.calendar td.current {
	background:#eee;
	}
.calendar tbody td {
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background: #fff;
	}
	
.calendar span a {
	float:right;
	font-weight:normal;
	padding: 5px 8px 5px 8px;
	color: #703723;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	}
.calendar .holiday {
	color:#703723;
	}
.calendar td#today span a {
	font-weight:bold;
	}
.calendar td.previous-month-day span a,
.calendar td.next-month-day span a {
	color:#ddd;
	background:transparent;
	border:0;
	}
.calendar td.previous-month-day:hover span a,
.calendar td.next-month-day:hover span a {
	background:#ddd;
	border:0;
	}
.calendar td.previous-month-day span a:hover,
.calendar td.next-month-day span a:hover {
	background:#ddd;
	border:0;
	}
.calendar td p {
	margin:20px 5px 5px 5px;
	}
.calendar td p.event {
	color: #000;
	}
.calendar table tbody tr:hover td {
	background:#f8f8f8;
	}
.calendar table tbody tr:hover td.current {
	background:#eee;
	}
.calendar table tbody tr td:hover {
	background:#ddd;
	}
.calendar table tbody tr td.current:hover {
	background:#ddd;
	}
.calendar table tbody tr td:hover span a {
	background:#666;
	color:#fff;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	}
.calendar table tbody tr td.current:hover span a {
	color:#fff;
	}
.calendar table tbody tr td#today:hover span a {
	color:#fff;
	}
.calendar table tbody tr td span a:hover,
.calendar table tbody tr td span a:hover {
	background:#333;
	border-left:1px solid #333;
	border-bottom:1px solid #333;
	}
.previous-month,
.next-month {
	float:left;
	width:48%;
	margin:2em 0;
	}
.previous-month {
	margin-right:4%;
	}
.previous-month h3,
.next-month h3 {
	font-size:1.4em;
	text-transform:none;
	letter-spacing:0;
	padding:0 0 1em 0;
	margin-bottom:0;
	border:0;
	}
.previous-month table,
.next-month table {
	margin-top:0;
	}
.previous-month table td,
.next-month table td {
	height:5em;
	}

.calendar-year {
	float:left;
	width:100%;
	}
.calendar-year .current table tbody {
	background:#ccc;
	margin: 0;
	}
.calendar-year thead tr {	
	background: #bbb;
	text-align: center;
	}
	
.calendar-year thead tr th {	
	padding: 3px 0 3px 0;
	font: bold 9px Verdana, Helvetica, Arial, sans-serif;
	color: #484848;
	}
	
.calendar-year .today table tbody {
	background:#ccc;
	}
.calendar-year .calendar-month table tbody tr td span a {
	color: #703723;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	padding: 5px 0 5px 0;
	}
.calendar-year .calendar-month table tbody tr td span a:hover {
	background:#ddd;
	color:#703723;
	}
.calendar-year .calendar-month table tbody tr td span a:active {
	background:#666;
	color:#fff;
	}
.calendar-year .calendar-month table tbody tr td.holiday span a {
	background:#703723;
	color:#fff;
	}
.calendar-year .calendar-month table tbody tr td.holiday:hover span a {
	background:#666;
	color:#fff;
	}
.calendar-year .calendar-month table tbody tr td.current span a {
	background:#ddd;

	}
.calendar-year .calendar-month table tbody tr td.current:hover span a {
	background:#666;
	color:#fff;
	}
.calendar-year .calendar-month table tbody tr td.current.holiday span a {
	background:#666;
	color:#fff;
	}
.calendar-year .calendar-month table tbody tr td#today span a {
	background:#ddd;
	color:#703723;
	}
.calendar-year .calendar-month table tbody tr td#today:hover span a {
	color:#fff;
	}


.calendar-month {
	float:left;
	width:30%;
	margin: 0 28px 28px 0;
	}
.calendar-month h3 {
	padding-bottom: 5px;
	}
#month-03,
#month-06,
#month-09,
#month-12 {
	margin-right:0;
	}
.calendar-month table {
	width:100%;
	border-collapse:collapse;
	background: #f6f6f6;
	}
.calendar-month table th {
	font-weight:normal;
	}
.calendar-month table td {
	width:14%;
	text-align:center;
	border:1px solid #fff;
	}
.calendar-month table td a {
	display:block;
	line-height:2em;
	padding:0;
	}
.calendar-month table tbody tr:hover td {
	background:#eee;
	}
.calendar-month table tbody tr td:hover {
	background:#fff;
	}
.calendar-month table tbody tr td:hover span a {
	background:#333;
	color:#fff;
	}
.calendar-month table tbody tr td:hover span a:active {
	background:#000;
	}
.calendar-month table tbody tr td#today span a {
	background:#000;
	color:#fff;
	}
.calendar-month table tbody tr td#today:hover span a {
	background:#703723;
	color:#fff;
	}