/***

FBC Youth Group

Cascading Style Sheet

***/



h1 {

	color: #997d28;

	font-size: 12pt;

	font-weight: normal;

	border-bottom: 1px dashed #997d28;

	padding-bottom: 2px;

	margin-top: 20px;

	margin-bottom: 10px;

}



h2 {

	color: #997d28;

	font-size: 7pt;

	font-weight: normal;

	border-bottom: 1px solid #997d28;

	padding-bottom: 2px;

	margin-top: 20px;

	margin-bottom: 10px;

	text-transform: uppercase;

	letter-spacing: 2.5pt;

}



h3 {

	color: #a0a0a0;

	font-size: 7pt;

	font-weight: normal;

	border-bottom: 1px solid #a0a0a0;

	padding-bottom: 2px;

	margin-top: 20px;

	margin-bottom: 10px;

	text-transform: uppercase;

	letter-spacing: 2.5pt;

}



h4 {

	color: #a0a0a0;

	font-size: 7pt;

	font-weight: normal;

	padding-bottom: 2px;

	margin-top: 20px;

	margin-bottom: 10px;

	text-transform: uppercase;

	letter-spacing: 2.5pt;

}



h5 {

	color: #a0a0a0;

	font-size: 6pt;

	font-weight: normal;

	padding-bottom: 2px;

	margin-top: 20px;

	margin-bottom: 10px;

	text-transform: uppercase;

	letter-spacing: 2.5pt;

	text-align: right;

}



h6 {

	color: #a0a0a0;

	font-size: 5pt;

	font-weight: normal;

	padding-bottom: 2px;

	margin-top: 20px;

	margin-bottom: 10px;

	text-transform: uppercase;

	letter-spacing: 2.5pt;

	text-align: right;

}



._obnoxious {

	color: red;

	font-weight: bold;

}



/*** Basic Page Styles ***/

		body {

			background-color: #383838;

		}

		body, td {

			color: #a0a0a0;

			font-family: verdana, helvetica;

			font-size: 10px;

		}

		a, a:visited {

			color: orange;

			text-decoration: none;

		}

		a:hover {

			text-decoration: underline;

		}

		/* This overrides the default differences between IE and Firefox */

		p {

			margin-top: 10px;

			margin-bottom: 10px;

		}

		table {

			/* 

			border-collapse: collapse;

			margin: 0px;

			*/

		}

		small {

			font-style: italic;

			font-family: helvetica;

		}

		ul {

			margin: 0;

			padding: 0;

			list-style: none;

		}



		li {

			line-height: 15px;

			padding-left: 15px;

			padding-top: 0px;

			background-image: url(../images/arrow.png);

			background-repeat: no-repeat;

			background-position: 0px 2px;

		}

		ul#outputList li {

			padding-left: 0px;

			padding-top: 0px;

			background-image: none;

		}



		ol li {

			background-image: none;

		}



		div.yg-container {

			width: 750px;

		}

		div.yg-banner-text, span.yg-banner-text {

			color: #a0a0a0;

			font-family: arial, sans-serif;

			font-size: 20px;

			letter-spacing: 15pt;

			text-transform: uppercase;

			margin-top: 20px;

			margin-bottom: 10px;

		}

		span.yg-hover:hover {

			color: #e8e8e8;

		}

		div.yg-banner-images {

			border-top: 2px solid gray;

			border-bottom: 2px solid gray;

			text-align: center;

		}

		div.yg-banner-images img {

			margin: 10px;

			margin-left: 5px;

			margin-right: 5px;

			border: 1px solid gray;

		}

		td.yg-modules-right {

			width: 200px;

			border: 1px solid gray;

			background: #454545;

		}

		td.yg-modules-user {

			width: 255px;

			height: 250px;

			border: 1px solid gray;

			background: #454545;

		}

		td.yg-modules-top {

			border: 1px solid gray;

			background: #454545;

		}

		td.yg-modules-bottom {

			border: 1px solid gray;

			background: #454545;

		}

		td.yg-mainbody {

		}

		div.yg-footer-verse {

			border-top: 1px solid gray;

			border-bottom: 1px solid gray;

			text-transform: uppercase;

			text-align: center;

			font-size: 10px;

			margin-top: 20px;

			margin-bottom: 10px;

			padding-top: 5px;

			padding-bottom: 5px;

		}

		div.yg-footer-contact {

			text-align: center;

		}

		div.yg-credits {

			text-align: center;

			margin-top: 10px;

			font-family: helvetica;

		}

		div.yg-login {

			text-align: center;

		}

		div.yg-login a {

			color: #a0a0a0;

		}

		td.pollstitle {

			font-weight: bold;

			padding: 5px !important;

			border-bottom: 1px dashed gray;

		}



form {

	/* removes space below form elements */

	margin: 0px;

 	padding: 0px;

}



/*** Breadcrumb Trail (Pathway) ***/

#pathway_text {

	overflow: hidden;

	text-align: right;

	vertical-align: top;

	color: #997d28;

	font-size: 8px;

	text-transform: uppercase;

	letter-spacing: 0.1em;

	white-space: nowrap;

	margin-top: 5px;

}



#pathway_text a.pathway {

	font-weight: normal;

}



/*** Top Menu Style (mainlevel-nav) ***/

		#buttons {

			float: right;

			margin: 0px;

			padding: 0px;

			/* width: 50%; */

		}



		ul#mainlevel-nav {

			list-style: none;

			padding: 0;

			margin: 0;

			/* font-size: 0.8em; */

		}



		ul#mainlevel-nav li {

			display: block; 

			background-image: none;

			padding-left: 0px;

			padding-right: 0px;

			float: right;

			margin: 0;

			width: auto !important;

			width: 1px;

			/* font-size: 11px; */

			line-height: 21px;

			white-space: nowrap;

			border-left: 1px solid gray;

		}



		ul#mainlevel-nav li a {

			width: 100%;

			display: block;

			padding-left: 15px;

			padding-right: 15px;

			text-decoration: none;

			/* color: #333333; */

			background: transparent;

			font-family: helvetica;

			font-size: 14px;

		}



		#buttons>ul#mainlevel-nav li a { width: auto; }



		ul#mainlevel-nav li a:hover, ul#mainlevel-nav li a#active_menu-nav {

			/* color: #ffcc00; */

			color: #d0d0d0;

			background-color: #605850;

		}



		

/*** Main Menu (mainlevel sublevel) ***/

#active_menu {

	color: #d0d0d0;

}



a#active_menu:hover {}



a.mainlevel:link, a.mainlevel:visited {

	display: block;

	vertical-align: middle;

	font-weight: normal;

	text-align: left;

	

	line-height: 1.25em;

	width: 100%;

	text-decoration: none;

}



a.mainlevel:hover {

	text-decoration: underline;

}



a.sublevel:link, a.sublevel:visited {

	padding-left: 1px;

	vertical-align: middle;

	font-size: 11px;

	font-weight: bold;

	color: #a0a0a0;

	text-align: left;

}



a.sublevel:hover {

	color: #223a81;

	text-decoration: none;

}



/*** Module Styles ***/



table.moduletable {

	width: 100%;

	border-spacing: 0px;

	border-collapse: collapse;

	padding: 0px;

	margin-bottom: 10px;

}



table.moduletable th {

	color: #d0d0d0;

	font-size: 10px;

	font-weight: normal;

	text-transform: uppercase;

	text-align: center;

	padding-top: 5px;

	padding-bottom: 2px;

	padding-right: 5px;

	border-bottom: 1px solid gray;

}



table.moduletable td {

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 5px;

}



table.moduletable table {

	background-image: none;

}



table.moduletable td td {

	background-image: none;

	padding: 0px;

}



/*** Back Button Style ***/

.back_button {

  float: left;

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 3px double gray;

	background-color: #454545;

  width: auto;

  padding: 0px 10px;

  line-height: 20px;

  margin: 1px;

}



/*** Page Navigation Links ***/

.pagenav {  

  text-align: center;

  font-size: 10px;

	font-weight: normal;

	font-family: monospace;

	border: 1px solid gray;

	padding: 2px;

	background-color: #454545;

  /*

 	border: 3px double gray;

  line-height: 20px;

	*/

  width: auto;

  margin: 1px;

}



.pagenav_prev, .pagenav_next {

	text-align: left;

	font-size: 11px;

	font-weight: normal;

}



.pagenavbar {

	margin-right: 10px;

	float: right;

}



/*** Styles used to display components ***/

.componentheading {

	color: #997d28;

	font-size: 12pt;

	font-weight: normal;

	border-bottom: 1px dashed #997d28;

	padding: 0px;

	padding-bottom: 2px;

	padding-top: 10px;

	margin-bottom: 15px;

}



table.contentpane {

	width: 100% !important;

}



/*** Content article headings ***/

td.contentheading {

	color: #997d28;

	font-size: 12pt;

	font-weight: normal;

	border-bottom: 1px dashed #997d28;

	padding: 0px;

	padding-bottom: 2px;

	padding-top: 10px;

}



table.contentpaneopen td.buttonheading {

	vertical-align: middle;

	padding: 0px;

	padding-top: 0px;

	padding-left: 2px;

}



/*** Styles used to display content articles ***/

table.contentpaneopen {

	width: 100%; 

	margin-bottom: 0px;

	margin-right: 5px;

}



table.blog {

	width: 100%;

}



.sectiontableheader {

  font-weight: bold;

  background: #454545;

	border-bottom: 1px solid gray;

  padding-top: 2px;

  padding-bottom: 2px;

  padding-right: 7px;

}



.sectiontablefooter {

  font-weight: bold;

  background: #454545;

	border-top: 1px solid gray;

  padding-top: 2px;

  padding-bottom: 2px;

  padding-right: 7px;

}



.sectiontableentry1 {

	background-color: #454545;

	padding: 5px !important;

	padding-top: 2px !important;

	padding-bottom: 2px !important;

}



.sectiontableentry2 {

	background-color: #555555;

	padding: 5px !important;

	padding-top: 2px !important;

	padding-bottom: 2px !important;

}



.small {

	color: gray;

	font-size: 9px;

	font-family: arial, sans-serif;

}



.createdate {

	padding-bottom: 5px;

	color: #a0a0a0;

	font-size: 9px;

	font-family: helvetica;

	font-style: italic;

}



.modifydate {

	padding-top: 10px;

	padding-bottom: 5px;

	color: #a0a0a0;

	font-size: 9px;

	font-family: helvetica;

	font-style: italic;

}



.readon {

	display: block;

	margin-top: 10px;

	margin-bottom: 5px;

}



/*** Content article toc navigation ***/

table.contenttoc {

  border: 1px solid gray;

	background-color: #454545;

  margin-left: 5px;

  margin-bottom: 5px;

}



table.contenttoc td {

  padding: 5px;

}



table.contenttoc th {

	color: #d0d0d0;

	text-align: left;

	padding-top: 2px;

	padding-left: 4px;

	height: 21px;

	font-weight: normal;

	font-size: 10px;

	text-transform: uppercase;

	border-bottom: 1px solid gray;

	text-align: center;

}



/*** Form styles ***/

.button {

  color: #454545;

  background-color: #D0D0D0;

  font-family: Arial, Hevlvetica, sans-serif;

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 3px double gray;

  width: auto;

  padding: 0px 5px;

  line-height: 16px;

  height: 24px;

  margin: 1px;

}



.button:hover {

	color: #D0D0D0;

	background-color: gray;

  border: 3px double #D0D0D0;

}



.inputbox {

	color: #A0A0A0;

	font-family: helvetica;

	font-size: 12px;

	padding: 2px;

	border:solid 1px gray;

	background-color: #605850;

}



div.contact_email textarea {

	width: 450px;

}





/*** Images without captions ***/

.contentpaneopen img {

  border-color: gray;

  margin: 5px;

  margin-bottom: 10px;

}



.contentpaneopen .sectiontableentry1 img {

  margin: 0px;

  margin-bottom: 0px;

}



/*** Images with captions ***/

div.mosimage {

  border: 1px solid gray;

  background: #454545;

}



div.mosimage img {

  margin: 5px;

  margin-bottom: 3px;

}



.mosimage {

  border: 1px solid gray;

  margin: 5px;

}



.mosimage_caption {

  margin-top: 2px;

  background: #454545;

  padding: 1px 2px;

  color: #a0a0a0;

  text-transform: none;

  font-size: 10px;

  border-top: 1px solid gray;

}



/*** Response message when item saved, etc. ***/

.message {

	color: red;

	margin: 10px;

	text-align: center;

}



/*** Search Module ***/

div.search {

	text-align: center;

}