/*

	TITLE:	The Church at South Las Vegas
	DATE:	6-1-2007

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/17px Arial; color: #333;
}

/* links */
a{font-weight: bold; color: #005578;}
a:hover{text-decoration: none;}

/* heading */
h1{font: normal 1.6em Arial; padding: 5px 0px; text-transform: Uppercase;}
h2{font: normal 1.4em Arial; padding: 3px 0px; text-transform: Uppercase;}
h3{font: normal 1.2em Arial; padding: 2px 0px; text-transform: Uppercase;}
h4{font: normal 1.0em Arial; padding: 1px 0px; text-transform: Uppercase;}
h5{font: normal 0.9em Arial; padding: 0px 0px; text-transform: Uppercase;}
h6{font: normal 0.8em Arial; padding: 0px 0px; text-transform: Uppercase;}

h1{padding: 5px 0 5px 20px; background: url('images/plusSign.png') 0 9px no-repeat; border-top: 2px solid #000; border-bottom: 1px solid #7e7e7e;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}
hr{height: 1px; background-color: #ccc; color: #ccc; border: 0;}


/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 100%; float: left; background: url('images/mainBg.png') repeat-x;}
#shdw{width: 100%; float: left; background: url('images/shdw.gif') center 1px no-repeat;}
body#internal #shdw{background: url('images/int-shdw.png') center top no-repeat;}
#frame{width: 900px; margin: 0 auto;}

#header{width: 900px; height: 90px; float: left;}

#headerLeft{width: 495px; height: 90px; float: left;}
#headerLeft #logo{width: 270px; height: 90px; float: left;}
#headerLeft #logo a{width: 270px; height: 90px; float: left; color: #dfdfdf; font-size: 0; background: url('images/logo.png') no-repeat;}
#headerLeft #countdown{width: 215px; height: 40px; text-align: left; float:right; padding-top:46px; padding-left:5px;}

#header #topNav{width: 400px; float:right;}
#header #topNav ul{padding: 10px 0 0 0;}
#header #topNav li{float: right; list-style: none; padding: 0 5px;}
#header #topNav li a{float: left; text-transform: Uppercase; padding: 5px 0 0 0; text-decoration: none; font-weight: normal; font-size: .9em; color: #000; border-top: 3px solid #000;}
#header #topNav li a:hover{color: #f7931f; border-top: 3px solid #f7931f;}

#mainNav{width: 900px; float: left; font-size: 1.1em; padding: 2px 0; border-top: 2px solid #000; border-bottom: 2px solid #000;}
#mainNav ul{width: 880px; float: left;  padding: 10px 10px 8px 10px; background-color: #f7931f;}
#mainNav li{list-style: none; display: inline; padding: 0 14px 0 8px; _padding: 0 12px 0 10px; background: url('images/mainNavSep.png') right 2px no-repeat;}
#mainNav li a{letter-spacing: 0.05em; text-decoration: none; text-transform: Uppercase; color: #000;}
#mainNav li a:hover{color: #fff;}

#intro{width: 900px; float: left; margin: 3px 0 0 0; background-color: #ccc;}
#intro #iLeft{width: 200px; float: left;}
#intro #iLeft #sideNav .element{width: 200px; float: left;}
#intro #iLeft #sideNav .element ul{width: 200px; padding: 20px 0; float: left; background-color: #000;}
#intro #iLeft #sideNav .element li{float: left; list-style: none;}
#intro #iLeft #sideNav .element li a{width: 150px; float: left; padding: 10px 20px 10px 30px; text-decoration: none; color: #999; border-top: 1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a; background: #000 url('images/sideNav.png') 0 5px no-repeat;}
#intro #iLeft #sideNav  .element li a:hover{color: #fff; background: #202020 url('images/sideNavOver.png') 0 5px no-repeat;}
#intro #iLeft #search{width: 179px; height: 38px; padding: 35px 0 0 21px; float: left; background: url('images/search.png') no-repeat ;}
#intro #iLeft #search .searchInput{width: 103px; height: 21px; float: left; background: url('images/searchTxt.png') no-repeat; border: 0;}
#intro #iLeft #search .searchButton{width: 58px; height: 20px; float: left; margin: 0 0 0 3px; display: inline; font-size: 0; background: url('images/searchBtn.png') no-repeat; border: 0; }

#intro #flash{
	width: 700px;
	float: right;
	background-color: #CCCCCC;
	background-image: url(Images/flash_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#intro #flash2 #flashcontent {
	width:654px;
	margin: 0;
	padding: 0;
	}

#intro{width: 900px; float: right; margin: 3px 0 0 0; background-color: #ccc;}
#intro #iRight{width: 246px; float: left;}
#intro #iRight #sideNav .element{width: 240px; float: left; padding: 0 0 0 5px; border-left: 1px solid #000; background: url('images/iRightSep.jpg') 0 bottom repeat-y;}
#intro #iRight #sideNav embed{ width: 240px; float: left; }
#intro #iRight #sideNav .suckerfish { width: 241px; float: left; }
#intro #iRight #sideNav .element ul{width: 200px; padding: 20px 0; float: left; background-color: #000;}
#intro #iRight #sideNav .element li{float: left; list-style: none;}
#intro #iRight #sideNav .element li a{width: 150px; float: left; padding: 10px 20px 10px 30px; text-decoration: none; color: #999; border-top: 1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a; background: #000 url('images/sideNav.png') 0 5px no-repeat;}
#intro #iRight #sideNav  .element li a:hover{color: #fff; background: #202020 url('images/sideNavOver.png') 0 5px no-repeat;}
#intro #iRight #search{width: 160px; height: 32px; padding: 11px 0 0 84px; border: 1px solid #000; float: left; background: url('images/iRightSearch.jpg') no-repeat ;}
#intro #iRight #search .searchInput{width: 103px; height: 21px; float: left; background: url('images/searchTxt.png') no-repeat; border: 0;}
#intro #iRight #search .searchButton{width: 46px; height: 20px; float: left; cursor: pointer; margin: 0 0 0 1px; display: inline; font-size: 0; background: url('images/iRightFind.jpg') no-repeat; border: 0; }

#intro #recentVideos { width: 244px; min-height: 120px; _height: 120px; float: left; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }
#intro #recentVideos h1 { color: #fff; font-size: 12px; padding-left: 30px; padding-top: 6px; background: url('images/iRighHead.jpg') 0 0 no-repeat; }
#intro #recentVideos ul { padding: 0; margin: 0; }
#intro #recentVideos li {  padding: 0 0 0 25px; font-size: .9em; margin: 0; list-style: none; background: url('images/plus.jpg') 13px 5px no-repeat; }
#intro #recentVideos li a { color: #000; font-weight: normal; }
#intro #recentVideos .element { width: 100%; float: left; padding: 5px 0 10px 0; }

#intro #flash2{
	width: 654px;
	float: left;
	background-color: #282828;/*
	background-image: url(Images/flash_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;*/
	padding: 0;
	margin: 0;
}

#actions{width: 868px; float: left; padding: 30px 15px 15px 15px; border: 1px solid #efefef; border-top: 0; background: url('images/actions.png') left top no-repeat ;}
#actions h1{margin-bottom: 10px;}
#actions #aLeft{width: 674px; float: left;}
#actions #aLeft #leftBox{width: 329px; float: left;}
#actions #aLeft #rightBox{width: 329px; float: right;}
#actions #aRight{width: 180px; float: right; margin: 0 15px 0 0; display: inline;}

#Left_Boxes { width: 427px; float: left; }
#Right_Boxes { width: 427px; float: right;  }

#Box_1 { width: 205px; float: left; }
#Box_2 { width: 205px; float: right; }
#Box_3 { width: 205px; float: left; }
#Box_4 { width: 205px; float: right; }

#Box_1 h1,
#Box_2 h1,
#Box_3 h1,
#Box_4 h1 { font-size: 1.2em; padding: 8px 10px 8px 20px; }


#container{width: 898px; float: left; border: 1px solid #efefef; border-top: 0; background: url('images/container.gif') repeat-y;}
#containerTop{width: 888px; float: left; border-bottom: 5px solid #fff; padding: 20px 5px;  background: url('images/actions.png') left top no-repeat;}

#subCol{width: 247px; float: left;} 
#subCol #sideNav{width: 247px; float: left; background-color: #000;}
#subCol #sideNav h2{color: #fff; padding: 15px;}
#subCol #sideNav ul{width: 247px; padding: 0 0 20px 0; float: left;}
#subCol #sideNav li{float: left; list-style: none;}
#subCol #sideNav li a{width: 197px; float: left; padding: 10px 20px 10px 30px; text-decoration: none; color: #999; border-top: 1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a; 
background: #000 url('images/sideNav.png') 0 5px no-repeat;}
#subCol #sideNav li a:hover{color: #fff; background: #202020 url('images/sideNavOver.png') 0 5px no-repeat;}

#subCol #sideSec{width: 211px; float: left; padding: 4px 19px;}
#subCol #sideSec h1{margin: 14px 0 14px 0; background: url('images/sidePlusSign.png') 0 9px no-repeat;}

#mainCol{width: 605px; float: right; padding: 1px 15px;}
#mainCol ul{padding: 5px 15px;}

#footer{width: 890px; float: left; font-size: 1.1em; padding: 10px 0 0 10px; margin: 6px 0 0 0; color: #999; border-top: 2px solid #d0d0d0;}
#footer p {padding: 0;}
#footer li{list-style: none; display: inline; padding: 0 10px 0 0; text-transform: Uppercase;}
#footer li a{text-decoration: none; font-weight: normal; color: #999;}
#footer #water a{width: 117px; height: 27px; text-indent: -9999px; float: left; background: url('images/water.png') no-repeat;}	

/* Water */
.eventsCalendar table { border:1px solid #CCC; width:100%; border-collapse:collapse; }
.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay { padding: 2px; border:1px solid #CCC; }
.eventsCalendar table table, .eventsCalendar table table td { border:none; width:100%; border-collapse:collapse; }
.calendarTitle td { text-align: center; background: #000; color: #FFF; font-weight: bold; }
.calendarNextPrevious { font-weight: normal; }
.calendarNextPrevious a { color: #FFFFCC; }
.calendarToday { color: #000; background:#FFFFEC; }
.calendarDayHeader { color: #FFF; background: #f7931f; font-weight: bold; height: 1px; text-align: center; }
.calendarWeekendDay { background: #EFEFEF; }
.calendarOtherMonthDay { color: #777; background: #DDD; }

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#intro:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}