/*-----
  - ludwig.css
  - author: Thomas Wood, Programmer
  - purpose: to define general styles used by the ludwig umc web site
  - copyright: 2013-2019
-----*/

/* --- bodies --- */
body {
    font-family: Calibri, Verdana, Arial;
    font-size: medium;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    color: Black;
}

body.homepage {
	background: #ffffff url("/images/background.jpg");
    background-size: cover;
}

/* --- divisions --- */
div.church {
    clear: left;
    display: block;
    padding-left:20px;
    padding-top: 15px;

}
div.copyright {
	display: block;
	clear: both;
	margin-left: 30%;
	margin-right: auto;
	font-size: 10pt;
	text-align: left;
	color: WhiteSmoke;
	cursor: default;
}
div.scrolling {
   clear: both;
   background: SeaGreen;
   color: Yellow;
   margin-top: 35px;
   height: 22px;   
}
div.notice {
	display: block;
	clear: both;
	margin-top: 50px;
	text-align: left;
}
div.heading {
	display: block;
	clear: both;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	color: Black;
}
div.footer {
	float: none;
	clear: both;
	margin-top: 50px;
	font-family: Arial Rounded MT Bold;
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	color: Maroon;
}
div.thankyou {
    position: relative;
}
div.datetitle {
	margin: 15px;
	min-height: 50px;
	border: 1px;		
}
div.description {
	display: block;
	float: left;
	width: 75%;
	min-width: 600px;
	margin-bottom: 7px;
}
div.column1 {
	display: block;
	float: left;
	width: 25%;
	clear: left;
}
div.column2 {
	display: block;
	float: left;
	width: 25%;
}

/* --- spans --- */
span.bold {
    font-weight: bold;
}
span.italic {
    font-style: italic;
}
span.underline {
	text-decoration: underline;
}
span.enhance {
    font-weight: bold;
    text-decoration: underline;
}
span.standout {
    font-style: italic;
    font-weight: bold;
}
span.smallcaps {
    font-variant: small-caps;
}
span.superscript {
    font-size: x-small;
    vertical-align: top;
    text-decoration: underline;
}
span.highlight {
    background-color: #FFFF4D;
}

/*--- abbreviations ---*/
abbr {
   color: Purple;
   cursor: help;
}

/* --- images --- */
image.thumbnail {
	width: 100px;
	height: 75px;
}
image.previous {
	width: 100px;
	height: 75px;
}
image.next {
	width: 100px;
	height: 75px;
}
image.picture {
	width: 500px;
	height: 375px;
}

/*--- to go countdown --*/
div.togo {
    visibility: hidden;
    position: absolute;
    display: block;
    text-align: center;
    text-wrap: normal;
    font-family: Arial, Helvetica, sans-serif;
    left: 83%;
    top: 63%;
    width: 200px;
    height: 210px;
    border: 2px;
    border-color: black;
    border-style: solid;
    border-width: 2px;
    z-index: 10;
}
div.title {
    position: relative;
    display: block;
    clear: both;
    padding: 3% 0% 3% 0%;
    font-size: 16pt;
    width: 100%;
    height: 37%;
    color: white;
    background-color: black;
}
div.count {
    position: relative;
    display: block;
    clear: both;
    padding-top: 15%;
    font-size: 36pt;
    width: 100%;
    height: 43%;
    color: black;
    background-color: lightgreen;
}
div.video {
    visibility: visible;
    position: absolute;
    clear: none;
    left: 37%;
    top: 15%;
}

div.links {
    position: absolute;
    left: 500px;
    top: 125px;
    width: 150px;
    height: 460px;
    visibility: visible;
}

div.link1 {
    visibility: visible;
    position: absolute;
    left: 570px;
    top: 75px;
}
div.link2 {
    visibility: visible;
    position: absolute;
    /*border: 2px, solid, red;*/
    left: 550px;
    top: 240px;
}
div.link3 {
    visibility: visible;
    position: absolute;
    /*border: 2px, solid, red;*/
    left: 550px;
    top: 395px;
}
div.link4 {
    visibility: visible;
    position: absolute;
    clear: none;
    left: 530px;
    top: 490px;
}