/* GSLC.css
GOOD SHEPHERD LUTHERAN CHURCH
TDINC
*/

/* COLORS */
/* #d3d3d3; /* lightgray */
/* #008080; /* teal */
/* #b0c4de; /* lightsteelblue 176 196 222*/
/* #4682b4; /* steelblue: 70 130 180 */
/* #4b0082; /*indigo 075 000 130*/





/* |||||||||||||||||||||||||||||||||||||||||||||||| TAG SELECTORS ||||||||||||||||||||||||||||||||||||||||||||||||| */
/*
	a
	body
	h1
	h2
	img
	li
	p
	span
	td
	th
	ul
*/



a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: black;
	}
a:hover {
	color: white;
	}



body {
	margin: 0 0 0 0; /* top right bottom left */ /* was 10px all*/
	padding: 0 0 0 0; /* top right bottom left */
	width: 1000px;
	height: 800px;
/*	background-color: #4b0082; /*indigo 075 000 130*/
	border: 3px solid #d3d3d3; /* lightgray */
	}



h1 {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 0 0 0; /* top right bottom left */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	}



h2 {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 0 0 0; /* top right bottom left */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 200;
	}



img {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 0 0 0; /* top right bottom left */
	}



li {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 0 0 0; /* top right bottom left */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: black;
	}



p {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 0 0 0; /* top right bottom left */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	}



span {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 0 0 0; /* top right bottom left */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}



td {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 0 0 0; /* top right bottom left */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}



th {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 0 0 0; /* top right bottom left */
	border-bottom: 4px solid #4682b4; /* steelblue */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: black;
	}



ul {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 0 0 0; /* top right bottom left */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	list-style-type: none;
	}



/* |||||||||||||||||||||||||||||||||||||||||||||||| ID  SELECTORS ||||||||||||||||||||||||||||||||||||||||||||||||| */

#banner {
/* Encompasses entire top of page, including the sign photo, top menu and church photo */
	margin:5px 5px 5px 5px; /* top right bottom left */
	padding: 5px 0 5px 0;/* top right bottom left */
	width: 965px;
	height: 220px;
	background-image: url(images/topBlock/sChurchSouthEntrance.jpg); /*300x226*/
	background-repeat: no-repeat;
	background-position: 675px 5px;/*xPos yPos*/
/*	border: solid 1px black;*/
	}



#calendarFooter {
	margin: 5px 0 0 0; /* top right bottom left */
	padding:5px 5px 5px 5px ; /* top right bottom left */
	width: 630px;
	height: 20px;
/*	border: solid 1px white;*/
	}


#contentWrapper {
/* Contains all content except banner and footer*/
	margin: 5px 0 0 0;/* top right bottom left */
	position: relative;
	height: 500px;
/*	border: dashed 1px yellow;*/
	}



#footer {
	margin:0 0 0 0; /* top right bottom left */
	padding:5px 5px 5px 5px ; /* top right bottom left */
	width: 982px;
	height: 40px;
/*	border: dashed 1px white;*/
	}



#header {
/* Contains the sign photo and the address text*/
	margin:0 0 0 0; /* top right bottom left */
	padding:0 0 0 0 ; /* top right bottom left */
	width: 510px;
	height: 220px;
	background-image: url(images/topBlock/sSign2.jpg); /* 500x214*/
	background-repeat: no-repeat;
	background-position: 0 0;/*xPos yPos*/
/*	border: dashed 1px yellow;*/
	}



#leftSideBar {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 0 0 5px;/* top right bottom left */
	padding:0 0 0 0; /* top right bottom left */
	width: 312px;
	height: 470px;
/*	border: solid 1px white;*/
	}

#leftSideBar.withPhotos {
	padding: 5px 5px 5px 5px;/* top right bottom left */
/*	border: solid 1px white;*/
	}



#mainContent {
	position: absolute;
	left: 335px;
	top: 0;
	margin:0 0 0 0; /* top right bottom left */
	padding:0 0 0 0 ; /* top right bottom left */
	width: 310px;
/*	height: 490px;*/
	border: 4px solid #4682b4; /* steelblue */
	border-top: 8px solid #4682b4; /* steelblue */
	}

#mainContent.verbose {
	width: 635px;
	}

#mainContent.withPhotos {
	padding: 5px 5px 5px 8px;/* top right bottom left */
	height: 490px;
	border: solid 1px #4682b4; /* steelblue */;
	}



#mainContentBottom {
/*	Inherits all props from #mainContent */
/*	See DESCENDANT SELECTORS below (h1, h2 & p) */
	}



#mainContentTop {
/*	Inherits all props from #mainContent */
/*	See DESCENDANT SELECTORS below (h1, h2 & p) */
	}



#page {
	margin: 0 0 0 0; /* top right bottom left */ /* was  0 5px 0 5px*/
	width: 995px;
	height: 795px;
	background-color: #b0c4de; /* lightsteelblue 176 196 222*/
	border: solid 5px black;
	}



#calendarPage {
	margin: 0 0 0 0; /* top right bottom left */
	width: 995px;
	height: 2000px;
	background-color: #b0c4de; /* lightsteelblue 176 196 222*/
	border: solid 5px black;
	}



#rightSideBar {
	position: absolute;
	right: 5px;
	top: 0;
	margin: 0 5px 0 0;/* top right bottom left */
	padding: 0 0 0 0;/* top right bottom left */
	width: 305px;
	height: 490px;
/*	border: solid 1px white;*/
	}

#rightSideBar.withPhotos {
/*	border: solid 1px white;*/
	}



#topMenuBar {
/* No height means it can grow to encapsulate contents */
	margin: -222px 0 0 508px; /* top right bottom left */
	padding:0 0 0 0 ;/* top right bottom left */
	width: 150px;
/*	border: solid 1px white;*/
	}



/* |||||||||||||||||||||||||||||||||||||||||||||||| CLASS SELECTORS ||||||||||||||||||||||||||||||||||||||||||||||| */

.bold {
	font-weight: 900;
	}



.calendar {
	margin: 5px 0 5px 5px; /* top right bottom left */
	}

.calendarTable {

	}

.calendarCellEmpty {
	width: 75px;
	}

.calendarCellWithData {
	width: 125px;
/*	border: dotted 1px white;*/
	}

.calendarCellBlank {
	text-align: center;
	font-size: 14px;
	color: #008080; /* teal */;
/*	border: dotted 1px white;*/
	height: 100px;
	}

.calendarCellDate {
	margin: 0 0 0 0; /* top right bottom left */
	text-align: left;
	font-size: 20px;
	font-weight: 400;
	color: #008080; /* teal */;
/*	background-color: white;*/
/*	border: dotted 1px white;*/
	}

.calendarCellDataBold {
	margin: 0 0 0 0; /* top right bottom left */
	text-align: left;
	font-size: 14px;
	font-weight: 800;
	color: black;
/*	background-color: white;*/
/*	border: dotted 1px white;*/
	}

.calendarCellHeader {
	text-align: center;
	font-size: 18px;
	color: #008080; /* teal */;
/*	border: solid 1px white;*/
	}

.calendarCellSundayHeader {
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	color: #008080; /* teal */;
/*	border: solid 1px white;*/
	}

.eventTime {
	margin: 5px 0 0 0; /* top right bottom left */
	text-align: left;
	font-size: 10px;
	font-weight: 900;
/*	border-top: solid 1px black;*/
/*	text-decoration: underline;*/
/*	border: solid 1px white;*/
	}

.eventText {
	margin: 0 0 0 0; /* top right bottom left */
	width: 125px;
	text-align: left;
	font-size: 10px;
	font-weight: 200;
/*	border: solid 1px black;*/
	}

.eventTextLarger {
	font-size: 14px;
	font-style: italic;
	}



.centered {
	text-align: center;
	}


.headerStreetAddress {
	position: absolute;
	top: 145px;
	left: 140px;
	color: white;
	font-size: 24px;
	font-weight: 600;
	}

.headerCityStateZip {
	position: absolute;
	top: 170px;
	left: 140px;
	color: white;
	font-size: 24px;
	font-weight: 600;
	}

.headerPhone {
	position: absolute;
	top: 195px;
	left: 140px;
	color: white;
	font-size: 24px;
	font-weight: 600;
	}



.pageMenu {
	border: 4px solid #4682b4; /* steelblue */
	border-top: 8px solid #4682b4; /* steelblue */
/*	border: dotted 1px white;*/
	}

.pageMenuItem{
	margin: 1px 0 0 1px; /* top right bottom left */
	padding: 3px 0 3px 0;
	display: block;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	width: 300px;
	border: 1px solid #008080; /* teal */;
	}

.pageMenuItemLink {
/*	SPECIFIC TO <a> */
	width: 295px;
/*	border: dotted 1px white;*/
	}

.pageMenuItem a {
/* 	Sets all <a> tags within a .pageMenuItem to a single font size. Thus, an <a> tag
	with an .underConstruction class will be consistent to the .pageMenu. */ 
	display: block;
	font-size: 14px;
	}

.linkMenuItem {
	margin: 1px 0 0 1px; /* top right bottom left */
	padding: 3px 0 3px 0;
	display: block;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	width: 300px;
	border: 1px solid #008080; /* teal */;
}

.linkMenuItem a {
	display: block;
	font-size: 12px;
}

.selectedPageLink {
	background-color: black;
	color: white;
	}

.stdMainContentText {
/* Specific to <p> elements*/
	text-align: center;
	color: #4b0082; /*indigo 075 000 130*/
/*	border: solid 1px white;*/
	}

.s14MainContentText {
/* Specific to <p> elements*/
	font-size: 14px;
	text-align: center;
	color: #4b0082; /*indigo 075 000 130*/
/*	border: solid 1px white;*/
	}

.s12MainContentText {
/* Specific to <p> elements*/
	font-size: 12px;
	text-align: center;
	color: #4b0082; /*indigo 075 000 130*/
/*	border: solid 1px white;*/
	}


.subPageMenu {
	margin: 0 0 0 0;/* top right bottom left */
	padding: 0 0 0 0;/* top right bottom left */
	border: none;
	list-style: square inside;
/*	border: dotted 1px yellow;*/
	}

.subPageMenuItem {
	margin: 1px 0 0 1px; /* top right bottom left */
	padding: 0 0 0 0;
	font-weight: 600;
	font-style: normal;
	text-align: left;
	width: 310px;
/*	border: dotted 1px yellow;*/
	}

.subPageMenuItemLink {
	width: 300px;
/*	border: 1px dotted yellow;*/
	}

.subPageMenuItem a {
/* 	Sets all <a> tags within a .pageMenuItem to a single font size. Thus, an <a> tag
	with an .underConstruction class will be consistent to the .pageMenu. */ 
	font-size: 12px;
/*	border: 1px dotted white;*/
	}



.subPageMenu2 {
	margin: 0 0 0 10px;/* top right bottom left */
	padding: 0 0 0 0;/* top right bottom left */
	border: none;
	list-style: disc inside;
	}

.subPageMenuItem2 {
	margin: 1px 0 0 1px; /* top right bottom left */
	padding: 0 0 0 0;
	font-weight: 800;
	font-style: normal;
	text-align: left;
	width: 300px;
/*	border: 1px solid white;*/
	}

.subPageMenuItem2Link {
	width: 295px;
	}

.subPageMenuItem2 a {
	font-size: 12px;
	}



.tableCellCentered {
	margin: 0 0 0 0; /* top right bottom left */
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	font-weight:800;
	text-align: center;
	}


.topMenu {
	background-color: #b0c4de; /* lightsteelblue */
	border: 4px solid #4682b4; /* steelblue */
	border-top: 8px solid #4682b4; /* steelblue */
/*	border: dotted 1px white;*/
	}

.topMenuItem {
/* SPECIFIC TO <li> */
	margin: 1px 1px 1px 1px; /* top right bottom left */
	padding: 3px 0 3px 0;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	width: 138px;
	border: 1px solid #008080; /* teal */
	}

.topMenuItemLink {
/* SPECIFIC TO <a> */
	width: 138px;
/*	border: dotted 1px white;*/
	}

.topMenuItem a {
/* 	Sets all <a> tags within a .topMenuItem to a single font size. Thus an <a> tag
	with an .underConstruction class will be consistent to the .topMenu. */ 
	display: block;
	font-size: 10px;
/*	border: 1px dotted white;*/
	}



.underConstruction {
	font-style: italic;
	font-weight: 600;
	}
.underConstruction:hover {
	font-style: normal;
	font-weight: 600;
	color: red;
	}



.verbose {
/*	No intrinsic properties are assigned here.
	Each ID or element using .verbose will supply properties specific to 
	the ID or element and will be defined DIRECTLY BENEATH its main definition
	 ... see #mainContent.verbose , etc.*/
	}



.verboseMainContentText {
/* Specific to <p> elements*/
	font-size: 12px;
	text-align: left;
	color: #4b0082; /*indigo 075 000 130*/
	}



.withBorder {
	border: 1px dotted white;
	}


.withColor-lightSteelBlue {
	color: #b0c4de; /* lightsteelblue 176 196 222*/
	}

.withColor-red {
	color: red;
	}

.withColor-steelBlue {
	color: #4682b4; /* steelblue: 70 130 180 */
	}

.withColor-teal {
	color: #008080; /* teal */;
	}



.withMarginTop-5 {
	margin: 5px 0 0 0; /* top right bottom left */
	}

.withMarginTop-10 {
	margin: 10px 0 0 0; /* top right bottom left */
	}

.withMarginTop-20 {
	margin: 20px 0 0 0; /* top right bottom left */
	}

.withMarginTop-25 {
	margin: 25px 0 0 0; /* top right bottom left */
	}

.withMarginLeft-5 {
	margin: 0 0 0 5px; /* top right bottom left */
	}

.withMarginLeft-20 {
	margin: 0 0 0 20px; /* top right bottom left */
	}

.withMarginTop_Left-5_2 {
	margin: 5px 0 0 2px; /* top right bottom left */
	}

.withMarginTop_Left-2_5 {
	margin: 2px 0 0 5px; /* top right bottom left */
	}

.withMarginTop_Left-5_5 {
	margin: 5px 0 0 5px; /* top right bottom left */
	}

.withMarginTop_Left-2_10 {
	margin: 2px 0 0 10px; /* top right bottom left */
	}

.withMarginTop_Left-5_10 {
	margin: 5px 0 0 10px; /* top right bottom left */
	}

.withMarginTop_Left-5_40 {
	margin: 5px 0 0 40px; /* top right bottom left */
	}

.withMarginTop_Left-10_10 {
	margin: 10px 0 0 10px; /* top right bottom left */
	}

.withMarginTop_Left-20_30 {
	margin: 20px 0 0 30px; /* top right bottom left */
	}

.withPaddingBottom-5 {
	padding: 0 0 5px 0;/* top right bottom left */
	}

.withPaddingAll-5 {
	padding: 5px 5px 5px 5px;/* top right bottom left */
/*	border: solid 1px white; */
	}

.withPaddingAll-10 {
	padding: 10px 10px 10px 10px;/* top right bottom left */
/*	border: solid 1px white; */
	}

.withPaddingSides-5 {
	padding: 0 5px 0 5px;/* top right bottom left */
	}



.withPhotos {
/*	No intrinsic properties are assigned here.
	Each ID or element using .withPhotos will supply properties specific to 
	the ID or element and will be defined DIRECTLY BENEATH its main definition
	 ... see #leftSideBar.withPhotos and #mainContent.withPhotos , etc.*/
	}



/* |||||||||||||||||||||||||||||||||||||||||||||| DESCENDANT SELECTORS |||||||||||||||||||||||||||||||||||||||||||| */

/* ---------------------------------------------------------------- BEGIN <a> */
/* email address */
#mainContentTop a {
	margin: 0 0 10px 0;/* top right bottom left */
	padding: 0 0 0 0;/* top right bottom left */
	display: block;
	font-weight: 900;
	font-style: italic;
	text-align: center;
	color: #008080; /* teal */
/*	border: solid 1px white;*/
	}
#mainContentTop a:hover {
	color: white;
	}/* Required overload: this <a> does NOT inherit root :hover */

.subPageMenu2 .subPageMenuItem a {
	width: 300px;
	border: 1px solid white;
	}



/* ------------------------------------------------------------------ END <a> */



/* --------------------------------------------------------------- BEGIN <h1> */
/* Main content page title */
#mainContentTop h1.title {
	padding: 0 0 10px 0;/* top right bottom left */
	text-align: center;
	color: #fff8dc; /* cornsilk */
	background-color:#4682b4; /* steelblue */
/*	border: solid 1px white;*/
	}
/* Underline, separating top and bottom of Main Content */
#mainContentBottom h1 {
	margin: 5px 5px 0 5px;/* top right bottom left */
	color: #4b0082; /*indigo 075 000 130*/
	border-top: solid 3px #4b0082; /*indigo 075 000 130*/
	}
/* ----------------------------------------------------------------- END <h1> */



/* --------------------------------------------------------------- BEGIN <h2> */
/* Staffer's "name" for Staff pages */
#mainContentTop h2.name {
	margin: 10px 0 0 0;/* top right bottom left */
	font-style: normal;
	font-weight: 700;
	text-align: center;
	color: #4b0082; /*indigo 075 000 130*/
/*	border: solid 1px white;*/
	}
/* ----------------------------------------------------------------- END <h2> */



/* -------------------------------------------------------------- BEGIN <img> */
#leftSideBar.withPhotos img {
/*	border: dashed 1px white;*/
	}

#mainContent.withPhotos img {
	padding: 5px 5px 5px 5px;
/*	border: dashed 1px white;*/
	}

#rightSideBar.withPhotos img {
	padding: 0 0 5px 0; /* top right bottom left */
/*	border: dashed 1px white;*/
	}
/* ---------------------------------------------------------------- END <img> */



/* ---------------------------------------------------------------- BEGIN <p> */
/* Copyright notice */
#footer p {
	font-size: 12px;
	font-weight: 600;
	}

#calendarFooter p {
	font-size: 12px;
	font-weight: 600;
	}
/* ------------------------------------------------------------------- END <p>*/



/* --------------------------------------------------------------- BEGIN <ul> */

/* ----------------------------------------------------------------- END <ul> */