/**
  	Official red:
bc0120
	Official green:
29af29
60c;
 */

* {
	padding: 0;
	margin: 0;
}

a, a:link, a:visited, a:hover {
	color: inherit;
	text-decoration: underline;
}

a img, a:link img, a:visited img, a:hover img {
	border: none;
}

p {
	margin: 10px 0px;
}

h1 {
	margin-bottom: 25px;
}

h2 span {
	font-size: smaller;
}

h1, h2 {
	clear: both;

	text-transform: capitalize;
}

em {
	font-style: normal;
	font-weight: bold;
}

dt {
	font-size: 14pt;
	font-weight: bold;

	margin: 15px 0 5px 0;
}

dd {
	margin: 0 25px 35px 25px;
}

ol, ul {
	margin-left: 1em;
}

ol ol, ul ul {
	margin-left: 2em;
}

span.blue {
	color: blue;
}

body {
	text-align: center;

	background-color: #ccc;
	color: black;
	font: 10pt Arial, Verdana, sans-serif;
}

body > div {
	background-color: white;
	padding-top: 25px;
}

#nav, .subNav, #header, #content, #footer .content {
	margin: 0px auto;
	text-align: left;

	width: 800px;
}

#nav {
	position: relative;
}

#footer {
	border-top: 2px solid black;
	background-color: #ccc;

	margin-bottom: 10px;
}

#nav ul, .subNav ul {
	float: left;
	clear: left;

	width: 100%;
	margin-left: 0px;
}

#nav ul {
	border-bottom: 1px solid black;
}

.subNav ul {
	background: bottom left url(../images/subNavBg.png) repeat-x;
}

#nav ul li, .subNav ul li {
	float: left;

	list-style: none;
}

#nav ul li a, .subNav ul li a {
	display: block;
}

#nav ul li {
	height: 30px;
	width: 100px;
	background: top left url(../images/unselected_tab_bg2.gif) no-repeat;
	margin-top: 10px;
	margin-right: 2px;
}

#nav ul li a img {
	display: none;
}

#nav #btn_worship, #subWorship ul {
	background-color: #335cd7;
}
#nav #btn_education, #subEducation ul {
	background-color: #ad33d6;
	background-color: #c266e1;
}
#nav #btn_music, #subMusic ul {
	background-color: #d7335c;
}
#nav #btn_yandf, #subYandF ul {
	background-color: #d75c33;
}
#nav #btn_outreach, #subOutreach ul {
	background-color: #d7ae33;
	/*background-color: #e1c266;*/
}
#nav #btn_about, #subAbout ul {
	background-color: #5cd773;
}
#nav ul li a, .subNav ul li a,
#nav ul li a:link, .subNav ul li a:link,
#nav ul li a:visited, .subNav ul li a:visited {
	text-align: center;
	padding: 4px 0px;

	color: black;
	font-size: 14pt;
}

#nav ul li a:hover {
	background: top center url(../images/triangle.gif) no-repeat;
}

.subNav ul li {
	padding: 0px 9px;
}

.subNav ul li a:link,
.subNav ul li a:visited,
.subNav ul li a {
	font-weight: normal;
	font-size: 12pt;
	text-decoration: none;
}

.subNav ul li a:hover {
	text-decoration: underline;
}

div.footerNavContainer {
	float: none;
	clear: both;

	background-color: #ccc;
	text-align: center;
}

#footer ul {
	margin: 0px auto;
}

ul.footerTopNav {
	width: 500px;
}

ul.footerNav {
	width: 545px;
}

ul.footerBottomNav {
	width: 380px;
}

ul.footerTopNav li, ul.footerNav li, ul.footerBottomNav li {
	float: left;
	margin: 5px 20px 5px 11px;
			padding-left: 11px;
	list-style-type: circle;
}

ul.footerTopNav li.first, ul.footerNav li.first, ul.footerBottomNav li.first {
	list-style-type: none;
}

#header {
	margin-bottom: 10px;
	height: 130px;
	background: top left url(../images/banner.png) no-repeat;
}

#header ul {
	float: right;
}

#header ul li {
	margin: 100px 15px 5px;
	list-style: none;
	float: left;
}

#donateId a:link, #donateId a:visited {
	color: rgb(175, 40, 40);
}

#content {
	clear: both;
	position: relative;
	padding: 0px 0px 20px;

	min-height: 250px;
}

#footer {
	bottom: 0px;
	clear: both;
	padding: 10px 15px 0;
	min-height: 50px;
}

#file_info {
	clear: both;
	color: gray;
	float: right;
	font-style: italic;
	text-align: right;
	width: 400px;
}

.staff_info {
	background: center center url(../images/info.jpg) no-repeat;
	text-align: right;
	width: 240px;
	height: 80px;
	padding: 20px 0 0 0;
	margin: 5px 275px;
    font-size: larger;
}

.staff_info img {
	float: right;
	margin-top: -20px;
}

.staff_info .name {
}

.staff_info .phone {
	font-size: 10pt;
}

.colLeft {
	float: left;
	width: 45%;
}

.colRight {
	float: right;
	width: 45%;
}

.fr { float: right; }
.fl { float: left; }

.cr { clear: right; }
.cl { clear: left; }

.al {
	text-align: left;
}

.ar {
	text-align: right;
}

.ac {
	text-align: center;
}

.b {
	font-weight: bold;
}

.center {
	text-align: center;
	font-size: larger;
}

.bottom {
	margin: 0;
	padding: 0;
	height: 0px;
	float: none;
	clear: both;
}

.error {
	color: red;
}

.tagline {
	
	margin: 0;
	text-align: center;
	font-weight: bold;
}

.emphasize {
	margin: 15px;
	text-align: center;
	font-weight: bold;
}

.box {
	clear: both;
	/*
	border: 2px ridge gray;
	margin: 0 25px;
	*/
	margin: 0 25px 0 0;
	padding: 5px;
	background: bottom right url(../images/boxbg.jpg) no-repeat;
}

.box p {
	margin-bottom: 20px;
}

.box ul, .box ol {
	margin-left: 25px;
}

img#construction {
	margin: 0px auto;
	text-align: center;
}

div#formcontainer {
	position: absolute;
	top: -25px;
	right: 5px;
}

div#formcontainer p#tab {
	float: right;

	margin: 0px;
	padding: 2px;

			 /*
	background-color: white;
	border: 1px solid black;
	border-bottom: 1px solid white;
	*/
}

div.forms {
	display: none;

	text-align: center;

	width: 150px;

	padding: 5px;
	margin: 0px;
	margin-top: 21px;

	background-color: white;
	border: 1px solid black;
}

#content div.forms h1 {

	font-size: 14pt;
	font-weight: normal;
	color: #aaa;
	padding-top: 0px;

	border-bottom: 1px solid black;
}

#content div.forms img {
	margin-top: 5px;
}

#worship input.fixedWidth500 {
	width: 500px;
}

/**
  * Start of styles that may be page specific, but one css file will do fine for them all i am sure
  */

/** admin */

#adminn h3 {
	margin-top: 25px;
}

#admin h3 a {
	display: block;
	padding-top: 100px;
}

#admin ul.editUL li {
	padding-top: 25px;
	margin-left: 25px;
	margin-bottom: 15px;
	border-bottom: 1px dashed black;

	min-height: 25px;
}

/** contactus.php */

ul#othercontact li {
	margin-bottom: 10px;
}

/** /index.php */

#new #index #home,
#contactus #contact,
#aboutus #about,
#forms #formsId,
#donate #donateId,
#about_header {
	display: none;
}

#new #about_header {
	display: block;
}



dl.schedule dt.schedule_day {
	font-size: small;
	margin: 0px;

	clear: both;
}

dl.schedule dd.schedule_time {
	font-size: small;
	font-weight: normal;

	margin-bottom: 15px;
}

#new dl.schedule dd.description {
	display: none;
}

#new dl.schedule dd span.brief {
	font-style: italic;
}

#worship dl.schedule dd span.brief {
	display: none;
}

#worship dl.schedule dt {
	margin: 0px;
}

#worship dl.schedule dd.schedule_time {
	margin-bottom: 10px;
	clear: left;
	float: left;
}

#worship dl.schedule dd.description {
	margin-left: 0px;
	margin-bottom: 25px;

	float: left;
	width: 50%;
}

ul.bigNav {
	float: left;
	position: relative;

	margin-left: 0px;
	margin-bottom: 50px;
}

ul.bigNav li {
	position: relative;
	left: -25px;
	list-style: none;
}

/** donate */

#donate div.thankful {
	height: 216px;

	margin: 25px;
	padding: 0px;
	border: 1px solid black;
}

#donate div.thankful p {
	padding: 0px 15px;
}

/** Worship */

/** Education */

div.calendar_title {

	margin: 0px 200px;
	padding: 15px;

	border: 1px solid black;
			 
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}

dl.calendar {
	margin: 0px;
	width: 380px;
	float: left;
}

dl.calendar dt {
	float: left;
	clear: left;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
	margin: 0px 5px 0px 25px;
	width: 25px;
}

dl.calendar dt.month {
	width: auto;
	font-weight: bold;
	padding-top: 25px;
	margin-left: 0px;
	float: none;
}

dl.calendar dd {
	margin: 0px;
	width: 300px;
	float: left;
}

/** Education */

/* blog */

div.blog_entry em {
	font-weight: normal;
	font-style: italic;
}

div.blog_entry blockquote {
	padding-left: 2em;
}

#youthPolicy p {
	margin: 5px 0;
}

#youthPolicy ol {
	list-style-position: inside;
}

#youthPolicy h2 {
	padding-top: 25px;
}

#youthPolicy h3 {
	margin-top: 25px;
}

.youthDl dt {
	font-size: smaller;
}

#youthPolicy .hotlineNumber{
	border-bottom: 1px dashed black;
}

#youthPolicy .hotlineNumber span {
	float: right;
	clear: right
}

dl.eventsUL dt {
	text-align: center;
	color: #60c;
}

dl {
	margin: 0 5px;
}

#content h1 {
	padding-top: 25px;
	font-size: 18pt;
	text-align: center;
	color: #bc0120;
}

#content h2 {
	clear: both;

	font-size: 16pt;
	text-align: center;
	color: #29af29;
	color: #60c;

	margin: 25px 0 5px 0;
}

#education #content h2 {
	margin-top: 50px;
}

#education t span {
	color: black;
	font-size: 11pt;
	font-style: italic;
}

#education #content div.section {
	margin: 25px;
}

#education #content ul li {
	margin-left: 25px;
}

ul.newsUL {
	padding: 0px;
	margin: 10px 0px;

			/*
	list-style-position: outside;
	list-style-image: url(../images/cross.png);
	*/
	list-style: none outside;
}

ul.newsUL li {
	background: top left url(../images/cross.png) no-repeat;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 20px 0px;
			min-height: 22px;
}

.musicDL {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 20px;
}

.musicDL dt {
	font-weight: bold;
}

.musicDL dt span {
	font-size: smaller;
	font-weight: normal;
	font-style: italic;
}

.musicDL dd span {
	font-weight: normal;
	font-style: italic;
}

.leadershipDL dt {
	font-size: 12pt;
}

.staffTable {
	margin: 5px 25px;
}

.staffTable td {
	text-align: center;
}

#worship .emphasize span {
	padding: 5px;
	margin: 8px 0;
	display: block;
	width: 23%;
	float: left;
}

/** Youth and Family */

/* Intro */

ul.rcg {
	margin: 10px 100px;
}

ul.rcg li {
	margin: 4px 0px;
}


/* About Us */

#about input, #about textarea {
	margin-top: 1em;
}

#ms dt {
	font-size: 12pt;
}

#ms dt span {
	font-size: smaller;
	font-weight: normal;
	font-style: italic;
}

.pdfNote {
	clear: both;
	text-align: right;
}

.i {
	font-style: italic;
}

/** Staff Info Placement */

#worship #sermons p.staff_info,
#education #index p.staff_info,
#education #adult p.staff_info {
	float: left;
	margin-left: 75px;
	margin-right: 75px;
}

#education #children p.staff_info,
table tr td p.staff_info {
	margin: 5px;
}

/**
 * Blogging styles
 * right now this is just on the youth and family section, but itwill
 * be in more places
 */

#content .blog {
	width: 500px;
}

#content .blog h1 {
	margin-bottom: 75px;
	text-align: left;
	clear: none;
}

#content .blog h1 span {
	display: block;

	font-size: smaller;
	font-weight: normal;
	text-align: center;
}

#content .blog h2 {
	clear: none;
}

#content .blog .timestamp {
	font-style: italic;
}

#content .blog .blog_entry {
	margin-bottom: 75px;
}

#content .blog .blog_footer {
	text-align: right;
	font-style: italic;
}

#content .box .blog_info {
	float: right;
	width: 250px;
}

#content .box .blog_info .staff_info {
	margin: 0px;
	margin-top: 75px;
}

#tfh .month {
	float: left;
	width: 200px;
	height: 175px;
	border: 4px solid #335cd7;

	padding: 0px;
	margin: 25px 25px;
}

#tfh .month h2 {
	color: black;
	background-color: #ccc;
	padding: 5px;
	margin-top: 0px;
}

#tfh .month ul {
	padding: 5px 25px 25px;
}

#tfh .month ul li {
	padding: .2em 0px;
}

/**
 * New Members
 */

ul.fancyList {
	list-style: none;
	text-align: center;
}

.blueText {
	color: rgb(71, 80, 255);
}

.pinkText {
	color: rgb(242, 95, 170);
}

/**
 * Conditional Navigation Styles
 */

#errorpages #nav {
	display: none;
}

.subNav {
	display: none;
}

#worship ul li {
	/*border-bottom: none;*/
}

#worship #btn_worship,
#education #btn_education,
#music #btn_music,
#yandf #btn_yandf,
#outreach #btn_outreach,
#about #btn_about {
	font-weight: bold;
	text-decoration: none;
}

#nav ul li#btn_yandf a,
#nav ul li#btn_yandf a:link,
#nav ul li#btn_yandf a:visited {
	font-weight: bold;
	margin-top: -4px;
	font-size: 9pt;
}

#yandf #nav ul li#btn_yandf a,
#yandf #nav ul li#btn_yandf a:link,
#yandf #nav ul li#btn_yandf a:visited {
	margin-top: -8px;
	font-size: 12pt;
}

/*
#worship #subWorship,
#education #subEducation,
#music #subMusic,
#yandf #subYandF,
#nav #btn_worship, #subWorship ul {
}
#nav #btn_education, #subEducation ul {
	background-color: #;
}
#nav #btn_music, #subMusic ul {
	background-color: #;
}
#nav #btn_yandf, #subYandF ul {
	background-color: #;
}
#nav #btn_outreach, #subOutreach ul {
	background-color: #;
}
#nav #btn_about, #subAbout ul {
	background-color: #;
}
*/
#worship #btn_worship,
#education #btn_education,
#music #btn_music,
#yandf #btn_yandf,
#outreach #btn_outreach,
#about #btn_about {
	margin-top: 0px;
	margin-bottom: -1px;
	padding-top: 4px;
	padding-bottom: 6px;
	border-bottom: none;
	border-bottom: 1px solid green;
	border-bottom-color: #335cd7;

	background: bottom center url(../images/tab_bg_worship.png) no-repeat;
}
#education #btn_education {
	border-bottom-color: #ad33d6;
	border-bottom-color: #c266e1;
	background: bottom center url(../images/tab_bg_education.png) no-repeat;
}
#music #btn_music {
	border-bottom-color: #d7335c;
	background: bottom center url(../images/tab_bg_music.png) no-repeat;
}
#yandf #btn_yandf {
	border-bottom-color: #d75c33;
	background: bottom center url(../images/tab_bg_yandf.png) no-repeat;
}
#outreach #btn_outreach {
	border-bottom-color: #d7ae33;
	/*border-bottom-color: #e1c266;*/
	background: bottom center url(../images/tab_bg_serving.png) no-repeat;
}
#about #btn_about {
	border-bottom-color: #5cd773;
	background: bottom center url(../images/tab_bg_about.png) no-repeat;
}

#worship #subWorship,
#education #subEducation,
#music #subMusic,
#yandf #subYandF,
#outreach #subOutreach,
#about #subAbout {
	display: block;
}

#index #liSchedule,
#schedule #liSchedule,
#sermons #liSermons,
#tfh #liTFH,
#leadership #liLeadership,
#weddingbaptism #liWeddingBaptism,

#index #liChildren,
#adult #liAdult,
#children #liChildren,
#cross #liCross,
#cobblestone #liCobblestone,
#confirmation #liConfirmation,

#index #liChoir,
#choir #liChoir,
#handbell #liHandBell,
#instrumental #liInstrumental,
#praiseband #liPraiseBand,
#more #liMore,
#schedule #liMusicSchedule,
#summer09 #liSummer09,

#index #liIntro,
#intro #liIntro,
#ministry #liMinistry,
#fevents #liFamilyEvents,
#policy #liPolicy,
#missions #liMissions,
#blog #liBlog,

#index #liLocal,
#local #liLocal,
#regional #liRegional,
#global #liGlobal,
#finearts #liFineArts,

#index #liMission,
#mission_statement #liMission,
#new_members #liNewMembers,
#history #liHistory,
#newsletter #liNewsLetter,
#question #liQuestion,
#employment #liEmployment

/**
 * TODO: Handle Serving Ministries
 */

{
	font-weight: bold;
}

.titleImage {
	margin-top: 50px;
	text-align: center;
}

#shade {
	display: none;
	background: top left url(../images/shade.png) repeat;
	position: fixed !important;
	position: absolute;

	top: 0px;
	left: 0px;

	padding: 0px;
	margin: 0px;

	text-align: center;

	height: 100%;
	width: 100%;
}

#dialog { 
	display: none;
	border: 5px solid #d7ae33;
	background-color: white;

	width: 300px;
	height: 200px;

	margin: 100px auto;
	text-align: left;
}

#dialog_content {
	color: black;
	background-color: white;
	padding: 2em;
}

#progress_bar {
	width: 100%;
	height: 25px;
	border: 2px solid black;
}

#progress_fill {
	width: 0%;
	height: 25px;
	background-color: #d7ae33;
	border-right: 1px solid black;
}

p.bloglink {
	float: left;
}
p.bloglink a {
	color: blue;
}