﻿body {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url('images/wagcsBkgrnd.jpg');
	background-repeat: repeat-x;
	margin-top:1px;
}
a {
}
a:link {
	color: #25231e;
	font-weight: bold;
}
a:hover {
	color: #BEAD75;
	font-weight: bold;
}
a:active {
	color: #FFFFFF;
	font-weight: bold;
}
a:visited {
	color: #322010;
	font-weight: bold;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#25231E;
	border-width:2px;
	border-style:solid;
	border-color: Gray;
	padding:4px;
	width:450px;
	z-index: 200;
}

/* popups */

#divFamily {
    width: 345px;
    height: 395px;
}
#divFamClose {
    width: 345px;
    height: 18px;
}
#famImg {
    width: 345px;
    height: 355px;
    padding-left: 25px;
    padding-top: 5px;
}
#famComment {
    width: 345px;
    height: 22px;
    text-align: center;
    font-size: 16px;
}

/* Master Temp Styles */

#divContainer {
	margin: 0px auto 0px auto;
	width: 800px;
	height: 600px;
	border: 1px #000000 solid;
	position: relative;
}
#headerImg1 {
	width: 143px;
	height: 119px;
	background-image: url('images/hissite_v3_01.jpg');
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
}
#headerImg2 {
	background-image: url('images/hissite_v3_02.jpg');
	width: 657px;
	height: 100px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 143px;
}
#headerImg3 {
	width: 657px;
	height: 19px;
	left: 143px;
	top: 100px;
	position: absolute;
	background-image: url('images/hissite_v3_03.jpg');
	background-repeat: no-repeat;
}
#leftPanel {
	background-image: url('images/hissite_v3_04.jpg');
	background-repeat: no-repeat;
	position: absolute;
	width: 143px;
	height: 451px;
	top: 119px;
	left: 0px;
}
#devotionPreacher 
{
    width: 114px;
    height: 90px;
    position: absolute;
    top: 22px;
    left: 7px;
    text-align: center;
}
.devotionPreacherFrm {
    text-align: center;
}
#devotionLink {
    width: 114px;
    height: 18px;
    position: absolute;
    top: 124px;
    left: 7px;
    text-align: center;
}
#versePanel {
    background-image: url('images/hissite_v3_Verse.png');
    background-repeat: no-repeat;
    width: 114px;
    height: 308px;
    position: absolute;
    top: 140px;
    left: 7px;
}
#verseTitle {
    font-size: 11px;
    font-weight: bold;
    color: #BEAD75;
    text-align: center;
    padding-top: 2px;
    height: 18px;
}
#verseContent {
    font-size: 11px;
    text-align: left;
    width: 108px;
    height: 387px;
    position: absolute;
    overflow: auto;
    top: 19px;
    margin-left: 3px;
}
#divContent {
	width: 611px;
	height: 451px;
	position: absolute;
	left: 143px;
	top: 119px;
	background-image: url('images/hissite_v3_05.jpg');
	background-repeat: no-repeat;
}
#rtPanel {
	background-image: url('images/hissite_v3_06.jpg');
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	top: 119px;
	width: 46px;
	height: 451px;
}
#footerImg1 {
	background-image: url('images/hissite_v3_07.jpg');
	background-repeat: no-repeat;
	position: absolute;
	width: 143px;
	height: 30px;
	bottom: 0px;
	left: 0px;
	font-size: 8px;
	text-align:center;
}
#footerImg2 {
	background-image: url('images/hissite_v3_08.jpg');
	background-repeat: no-repeat;
	position: absolute;
	width: 611px;
	height: 30px;
	bottom: 0px;
	left: 143px;
}
#footerImg3 {
	background-image: url('images/hissite_v3_09.jpg');
	background-repeat: no-repeat;
	position: absolute;
	width: 46px;
	height: 30px;
	right: 0px;
	bottom: 0px;
}

/* menu stlyes */

#menuAnchor
{
    border-style: none;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
}

#leftMenuSpacer
{
    background-image: url("images/menu/ltSeperator.jpg");
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    left: 0px;
    top: 0px;
    margin-left: 5px;
}

#spacer1 {
    background-image: url("images/menu/rtSeperator.jpg");
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    position:absolute;
    left: 0px;
    top: 0px;
    margin-left: 74px;
}

#spacer2 {
    background-image: url("images/menu/rtSeperator.jpg");
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    position:absolute;
    left: 0px;
    top: 0px;
    margin-left: 164px;
}

#spacer3 {
    background-image: url("images/menu/rtSeperator.jpg");
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    position:absolute;
    left: 0px;
    top: 0px;
    margin-left: 268px;
}

#spacer4 {
    background-image: url("images/menu/rtSeperator.jpg");
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    position:absolute;
    left: 0px;
    top: 0px;
    margin-left: 370px;
}

#spacer5 {
    background-image: url("images/menu/rtSeperator.jpg");
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    position:absolute;
    left: 0px;
    top: 0px;
    margin-left: 466px;
}

#spacer6 {
    background-image: url("images/menu/rtSeperator.jpg");
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    position:absolute;
    left: 0px;
    top: 0px;
    margin-left: 534px;
}

#spacer7 {
    background-image: url("images/menu/farRtBar.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    position:absolute;
    left: 0px;
    top: 0px;
    margin-left: 628px;
}

.menuItems {
    height: 19px;
    text-align: center;
    font-size: 12px;
    font-weight:bold;
    padding-top: 3px;
}
#menuHome {
    width: 54px;
    position:absolute;
    left:17px;
    top:0px;
}
 #menuProjects  {
    width: 80px;
    position:absolute;
    left:84px;
    top:0px;
}
 
 #menuImportant  {
    width: 94px;
    position:absolute;
    left:174px;
    top:0px;
}
 
 #menuFavorites {
    width: 90px;
    position:absolute;
    left:278px;
    top:0px;
}
 
 #menuWhatsUp  {
    width: 80px;
    position: absolute;
    left:382px;
    top: 0px;
}
 
 #menuLinks {
    width: 54px;
    position:absolute;
    left:478px;
    top:0px;
}
 
 #menuAboutUs {
    width: 80px;
    position:absolute;
    left:546px;
    top:0px;
}
 
.dMenuStyles {
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

/* default styles */

#homeHeader {
    width: 600px;
    margin: 5px 0px 0px 5px;
	font-size: 15pt;
	text-align: center;
}
#homeContent {
    overflow: auto;
    height: 310px;
    width: 600px;
    margin: 5px 0px 0px 5px;
    padding-right: 10px;
	scrollbar-base-color: #25231E;
	scrollbar-track-color: #BEAD75;
	scrollbar-arrow-color: #BEAD75;
	scrollbar-shadow-color: #BEAD75;
	font-size: 14px;
}
#homeFooter {
	overflow: auto;
	height: 80px;
	width: 600px;
	scrollbar-base-color: #25231E;
	scrollbar-track-color: #BEAD75;
	scrollbar-arrow-color: #BEAD75;
	scrollbar-shadow-color: #BEAD75;
	font-size: 14px;
	text-align: center;
	bottom: 0px;
	left: 0px;
}
#defWordDiv {
	text-align: right;
	margin-right: 40px;
}


/* project stlyes */
#projectsHeader 
{
	margin: 0px auto 0px auto;
	width: 600px;
	text-align: center;
}
#projectsContent {
	margin: 0px auto 0px auto;
	overflow: auto;
	height: 425px;
	width: 600px;
	text-align:center;
	scrollbar-base-color: #25231E;
	scrollbar-track-color: #BEAD75;
	scrollbar-arrow-color: #BEAD75;
	scrollbar-shadow-color: #BEAD75;
	font-size: 14px;
}
#ccgvIcon {
	border-style: none;
}


/* important styles */
#importantTitle {
	font-size: 15pt;
	text-align: center;
}
#importantContent {
	overflow: auto;
    height: 420px;
    width: 590px;
    margin-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
	scrollbar-base-color: #25231E;
	scrollbar-track-color: #BEAD75;
	scrollbar-arrow-color: #BEAD75;
	scrollbar-shadow-color: #BEAD75;
	font-size: 14px;
	font-weight: normal;
	text-align: justify;
}


/* favorites styles */
#favDiv {
	width:590px;
	height:445px;
	margin-left:15px;
}
#favTitle {
	font-size: 15pt;
	text-align: center;
}
#favoriteContent {
	overflow:auto;
    height:420px;
    width:535px;
    padding-left:55px;
	scrollbar-base-color:#25231E;
	scrollbar-track-color:#BEAD75;
	scrollbar-arrow-color:#BEAD75;
	scrollbar-shadow-color:#BEAD75;
	font-size:14px;
	text-align:justify;
}
#favSpeakerNameDiv {
	height: 35px;
}
#sermonDiv {
	width:480px;
}
#sermonItemSp {
	width: 30px;
}
#sermonItemTitle {
	width:376px;
}
#sermonListen{
	width: 125px;
}
#mediaPopUp {
	width: 350px;
	height: 450px;
}
#mediaClose {
	width: 350px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top:5px;
}
#mediaPlayer {
	width: 350px;
	height: 420px;
	position: absolute;
	top: 30px;
	left: 0px;
	padding-left: 15px;
}
#mediaVidTitle {
	position: absolute;
	width: 350px;
	height: 25px;
	text-align: center;
	top: 0px;
	left: 0px;
}
#mediaVideo {
	position: absolute;
	width: 350px;
	height: 280px;
	top: 25px;
	left: 0px;
	padding-left:20px;
}
#mediaVidSource {
	width: 350px;
	height: 115px;
	top: 305px;
	position: absolute;
	left: 0px;
	text-align: center;
	vertical-align: middle;
}

/* whats up styles */
#whatsTitle {
	font-size: 15pt;
	text-align: center;
}

#whatsContent {
	overflow: auto;
    height: 420px;
    width: 590px;
    margin-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
	scrollbar-base-color: #25231E;
	scrollbar-track-color: #BEAD75;
	scrollbar-arrow-color: #BEAD75;
	scrollbar-shadow-color: #BEAD75;
	font-size: 14px;
	font-weight: normal;
	text-align: justify;
}