/* CSS Designs for Restoration Christian Church Site */
body {background-color: #688991; font-family: Arial, Helvetica, sans-serif; margin-left: 0px; margin-bottom: 0px; margin-right: 0px;      margin-top: 0px; scrollbar-3dlight-color: #DDECEE; scrollbar-arrow-color: black; scrollbar-base-color: #DDECEE;
	  scrollbar-darkshadow-color: black; scrollbar-face-color: #DDECEE; scrollbar-highlight-color: black; scrollbar-shadow-color: #DDECEE;
	  scrollbar-track-color: black}
	  
ol li {list-style:upper-roman}

input {background-color: #0000FF; font-weight: bolder}

/* class for the site links positioning*/
#sitelinks {text-align: center}
#sitelinks ul {list-style: none; margin: 0; padding: 0; display: block; width: 100px}
#sitelinks li {border-bottom: 1px solid #000000}
#sitelinks li a:link, #sitelinks li a:visited {
font-size: 90%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
background-color: #688991;
color: #FFFFFF;
text-decoration: none;
border-style: inset;
}
#sitelinks li a:hover {font-size: 90%; display: block;
padding: 0.4em 0 0.4em 0.5em;
background-color: #FFFFFF;
color: #688991;
text-decoration: none;
border-style: inset;
}

.homelink {position: absolute; left: 50px; top: 110px; width: 119px}
.aboutuslink {position: absolute; left: 626px; top: 110px; width: 114px}
.beliefslink {position: absolute; left: 284px; top: 110px; width: 114px}
.visionlink {position: absolute; left: 398px; top: 110px; width: 114px}
.medialink {position: absolute; left: 512px; top: 110px; width: 114px}
.calendarlink {position: absolute; left: 169px; top: 110px; width: 114px}
.contactlink {position: absolute; left: 740px; top: 110px; width: 114px}
#container2{position: absolute; left: 470px; top: 0px; width: 114px; }


/*class for the banner positioning*/
.banner {
	position: absolute;
	left: 51px;
	top: 10px;
}

/*classes for the content positioning*/

.content {background-color: #CCCCCC; position: absolute; left: 50px; top: 145px; width: 800px; height: 1200px; border-style: 	          inset; margin-left: auto; margin-right: auto} 

.aboutcontent {background-color: #CCCCCC; position: absolute; left: 50px; top: 145px; width: 800px; height: 950px; border-style: 	          inset; margin-left: auto; margin-right: auto} 

.contactcontent {background-color: #CCCCCC; position: absolute; left: 50px; top: 145px; width: 800px; height: 750px; border-style: 	          inset; margin-left: auto; margin-right: auto}

 .beliefcontent {background-color: #CCCCCC; position: absolute; left: 50px; top: 145px; width: 800px; height: 750px; border-style: 	          inset; margin-left: auto; margin-right: auto} 
 
.visioncontent {background-color: #CCCCCC; position: absolute; left: 50px; top: 145px; width: 800px; height: 770px; border-style: 	          inset; margin-left: auto; margin-right: auto} 

.media2content {background-color: #CCCCCC; position: absolute; left: 50px; top: 145px; width: 800px; height: 880px; border-style: 	          inset; margin-left: auto; margin-right: auto} 

.linkscontent {background-color: #CCCCCC; position: absolute; left: 50px; top: 145px; width: 800px; height: 800px; border-style: 	          inset; margin-left: auto; margin-right: auto} 

.homecontent {background-color: #CCCCCC; position: absolute; left: 50px; top: 145px; width: 800px; height: 900px; border-style: 	          inset; margin-left: auto; margin-right: auto} 

.studycontent {background-color: #CCCCCC; position: absolute; left: 50px; top: 145px; width: 800px; height: 2600px; border-style: 	          inset; margin-left: auto; margin-right: auto} 

.weeklyevents {position: absolute; left: 815px; top: 70px;}
			  
.scrollhome { position: absolute; left: 135px; top: 660px;}

.leaderpic { height: 100px; width: 288px; position: absolute; top: 235px;}

.verseoftheday {position: absolute; top: 20px; left: 865px}

.form {position: absolute; left: 0px; top: 350px; font-style: italic; border-style: inset; border-color: #000000; padding: 6px}

.contactmap {position: absolute; left: 5px; top: 5px}

.media {position: absolute; left: 300px; top: 75px; background-color: #CCCCCC;}

.datebuttons {color:#000}

.mediacontent {width: 300px; position: absolute; left: 0px; top: 160px;}

.mediaform {position: absolute; left: 0px; top: 580px;}

.aboutpics {position: absolute; left: 75px; top: 525px}

.aboutdescription {position: absolute; top: 735px; left: 75px}

.aboutchurchdescription {position: absolute; top: 125px; left: 100px; width: 550px; height: 300px; font-weight: bolder}

.missionvision {position: absolute; top: 200px; left: 75px; width: 600px; border-style: inset}

.links {width: 600px; position: absolute; left: 123px; top: 175px}

.beliefs {position: absolute; left: 75px; top: 220px; width: 600px}

.studyhelppic {position: absolute; left: 555px; top: 235px}

.welcome {position: absolute; left: 10px; top: 235px; width: 500px; text-indent: 20px; padding: 5px; border: 10px; border-style: outset}

/*non positioning classes*/
.scripture { color: #FF0000; font-weight:bolder}

.center {text-align: center}
.media {
	background-color: #00C;
	margin: 2px;
	padding: 6px;
	border: thick outset #CCC;
	position: absolute;
	left: 310px;
	top: 42px;
	height: 360px;
	text-align:center;
}

.media a:link, .media a:visited {color: black;}

.button {text-align:center;}

.button a:hover {border: inset;)