﻿/* CSS Document */
*
{
	margin: 0;
	padding: 0;

}

.d525
{
	width:525px;
}

.clear
{
	clear: both;
	display:inline-block;
	float: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 0;
	height: 0;
}

.align_right
{
	text-align: right;
}

.align_left
{
	text-align: left;
}

.hidden
{
	display:none;
}

a img
{
 border: 0;
}

.comm
{
 font-style:italic;
 color:inherit;
 font-weight:inherit;
}

/* =Basic HTML, IDs and Classes
----------------------------------------------------------------------*/

body
{
	background: #90BDDE;
	font: 12px "Trebuchet MS", Arial, sans-serif;
	 text-align: center
}

#wrapper {
	margin-left: auto;
    margin-right: auto;
  	width: 100%;

  	background: #90BDDE;
}

#content
{
    overflow: hidden;
   
    margin-left: auto;
    margin-right: auto;
	
	background: #ffffff url(../media/img/content_homer12.jpg) no-repeat;
	width: 1060px;
	height: 1200px;
	border-color: #ffffff;
	border-style: solid;
	border-right-width: 5px;
	border-left-width: 5px;
	border-bottom-width: 0px;
	border-top-width: 0px
}


#header_wrap
{
	/*background: url(../media/img/header.jpg) repeat-x center top;*/
	margin-left: auto;
    margin-right: auto;
	width: 100%;
	margin-top: 0;

}

#header
{
	background:  url(../media/img/header.jpg) no-repeat center top;
	/*background: url(../media/img/cloudback1.jpg) repeat-x center top;*/
	margin-left: auto;
    margin-right: auto;
	
	overflow: hidden;
	position: relative;
	width: 1060px;
	height: 118px;
	border-color: #ffffff;
	border-style: solid;
	border-right-width: 5px;
	border-left-width: 5px;
	border-bottom-width: 0px;
	
}

#header #epmlogo
{
	margin-left: -3px;
	float: left;
}

#header #bannertitle
{
	float:left;
 	width: 750px;
 	margin-left: 40px;
 	margin-top: 45px;
 	font: 30px "Trebuchet MS", Arial, sans-serif;
    color: white;
	text-align: center

}


#header #cfcciLogo
{
	float:right;
	margin-right: -3px;
}

/* =Navigation - Main
----------------------------------------------------------------------*/

#nav_main_wrap
{

	margin-left: auto;
    margin-right: auto;
	background: #05111D;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	border-left: 5px solid #ffffff;
	width: 1060px;
	height: 35px;
	clear: both;
}

#nav_main
{
	background: #05111D;
	border-top: 5px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	font-size: 14px;
	margin: -5px auto;
	width: 960px;
	height: 30px;
}

#nav_main li
{
	float: left;
	list-style: none;
}

#nav_main li.current
{
	background: #4D6F87;
}

#nav_main a
{
	color: #b1a68c;
	display: block;
	padding: 8px 20px;
	white-space: nowrap;
}

#nav_main a:hover
{
	color: #fff;
	text-decoration: underline;
}

#nav_main li.current a
{
	background:;
	color: #fff;
}
/* = END Navigation - Main
----------------------------------------------------------------------*/
#panoramic
{
	
	position: relative;
	width: 1060px;

	background: #90BDDE;
	  float: left;
	  overflow: hidden;
}

#recent
{
	
	position: relative;
	top: -105px;
	left: -9px;
	width: 1070px;
	  float: left;
	  overflow:hidden;
}


#banner
{
	width: 700px;
	float: left;
	margin-top: 0px;
	margin-left: 15px
}
 
#tablet
{
	background: url(../media/img/tabback.png) repeat-x center top;
	position: relative;
	float: left;

	height: 250px;
	width: 250px;
	margin-top: 30px;
	margin-left: 40px;
	border-color: #000000;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 2px;
	border-left-width: 0px;
	border-bottom-width: 3px;
}
.tablabel
{
	position:relative;
	top: 30px;
}

.evTitle
{	
	font: bold 14px times serif;
	color:purple;
}

/* =Navigation - Sub
----------------------------------------------------------------------*/

#nav_sub_wrap
{   position:relative;
	float:left;
	margin-top: -5px;
	background: #05111D;
	text-align: left;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	width: 715px;
	clear: both;
}

#nav_sub
{
	
	
	background: #05111D;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	font-size: 10px;
 	
	margin: -5px auto;
	width: 715px;
	height: 31px;

}

.notLinked
{
	color: #ffffff;
	display: block;
	padding: 8px 20px;
	white-space: nowrap;

}

#nav_sub li
{
	float: left;
	list-style: none;
}

#nav_sub li.current
{
	background: #4D6F87;
}

#nav_sub a
{
	color: #b1a68c;
	display: block;
	padding: 8px 20px;
	white-space: nowrap;
}

#nav_sub a:hover
{
	color: #fff;
	text-decoration: underline;
}

#nav_sub li.current a
{
	background:;
	color: #fff;
}
/* = END Navigation - sub
----------------------------------------------------------------------*/

#vidplayer
{
	
	width: 350px;
	clear: none;
	float: right;


}

#vidplayer object embed
{


}
/* Cloud Label */
#cloudlbl
{
	position:relative;
	top: -100px;
	left: 200px;
	float:right;
	clear:none;
}

#memberlink
{
 z-index: 1;
	position:relative;
	top: -115px;
	left: -75px;
	width: 200px;
	float:right;
	clear:none;
}
/* coming up */
#comingup
{		
 	background: url('../media/img/comingupban.png') no-repeat center top;
	float: left;
	width: 720px;
	height: 100px;
	text-align:left;

}

.thisweek
{
	position: relative;
	width: 340px;
	left: 325px;
	top: 20px;
	font: bold 18px  "Trebuchet MS",  Arial, sans-serif;

    color: #AF9A6F;
    background: #000000;
	text-align:center;
}

.thisweek a
{
	color: #AF9A6F;
}


.thisweekdetails
{
	position: relative;
	width: 340px;
	top: 20px;
	font: bold 14px  "Trebuchet MS",  Arial, sans-serif;
	left: 329px;
    color: #000000;
    background: #AF9A6F;
	text-align:center;
	overflow:hidden;
}


/* front page pic */
#frontpic
{
	background-image: url('../media/img/dukeshead.png');
	position:relative;
	top: -690px;
	left: 10px;
	clear: none;
	float: left;
	width: 162px;
	height: 175px;

	
}

/* Main Message */
#mainMessage
{
	
	position:relative;
	float: left;
	top: -690px;
	left: 10px;

	width: 320px;
	height: 355px;
	text-align:justify;
	background:white;
	border: 1px purple solid;
	padding: 5px 9px 5px 9px;

}

#mainMessage2nd
{
	
	position:relative;
	float: left;
	top: 10px;
	left: 10px;

	width: 320px;
	height: 355px;
	text-align:justify;
	background:white;
	border: 1px purple solid;
	padding: 5px 9px 5px 9px;

}


#mainMessage ul
{
	margin-left: 10px;
	font-style:italic;
	list-style-type:none;
	
}

#mainMessage2nd ul
{
	margin-left: 10px;
	font-style:italic;
	list-style-type:none;
	
}

#mainSubTitle
{
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	color:purple
	
}
#contentContain
{
	width: 700px;
	float:left;
}

#main2colOne
{
	
	position:relative;
	float: left;
	top: 10px;
	left: 10px;

	width: 320px;
	height: 800px;
	text-align:justify;
	background:white;
	border: 1px purple solid;
	padding: 5px 9px 5px 9px;

}

#main2colOne h2{
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	color:purple
	

}


#secondMessage
{
	position:relative;
	float: left;
	clear: none;
	left: -330px;
	top: -300px;
	width: 320px;
	height: 155px;
	
	background:white;
	border: 1px purple solid;
	padding: 5px 9px 5px 9px;
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	text-align:left;
	color:purple;

}

#secondMessage2nd
{
	position:relative;
	float: left;
	
	top: 425px;
	left: -330px;
	width: 320px;
	height: 185px;
	
	background:white;
	border: 1px purple solid;
	padding: 5px 9px 5px 9px;
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	text-align:left;
	color:purple;

}


#secondMessage img
{
	position:relative;
	top: -15px;
	float: right;
	clear:none;	
	

}


#secondMessage2nd img
{
	position:relative;
	top: -15px;
	float: right;
	clear:none;	
}

#mainfull
{
	
	position:relative;
	float: left;
	top: 10px;
	left: 10px;

	width: 650px;
	height: 800px;
	text-align:justify;
	background:white;
	border: 1px purple solid;
	padding: 5px 9px 5px 9px;

}

#mainfull ul
{
	margin-left: 10px;
	font-style:italic;
	list-style-type:none;
	
}
#mainfull img{
	position:relative;
	top: -5px;
	float: right;
	clear:none;	
	

}


#mainfull table
{
	
	 width: 100%
}

#mainfull th
{
	
	 height: 20px;
	 color:purple;
	 text-align:left;
}

#mainfull td.activity
{
	
	 width: 275px;
	 text-align:left;
	 
	 font-weight: bold;
	 font-style: italic;
	 
}

#mainfull td.time
{
	

	 text-align:left;
	 	 
}

#mainfull th.time
{
	

	 text-align:left;
	 font-weight: bold; 
}

#mainfull th.locale
{
	

	 text-align:left;
	 font-weight: bold; 
}

#mainfull td.locale
{
	

	 text-align:left;
	 font-weight: bold; 
}

#address
{
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color:purple
}


/* Aux Updates */
#auxUpdates
{
	position:relative;
	
	float: right;
	clear:none;
	top: -690px;
	left: -370px;
	width: 300px;
	height: 600px;
	background:white;
	border: 1px purple solid;
	padding: 5px 9px 5px 9px;
	text-align: left;

}
#auxUpdates2nd
{
	position:relative;
	
	float: right;
	top: -187px;
	left: -10px;
	width: 300px;
	height: 600px;
	background:white;
	border: 1px purple solid;
	padding: 5px 9px 5px 9px;
	text-align: left;

}

#auxUpdates h2{
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	color:purple
	

}

#auxUpdates img{
	position:relative;
	top: -20px;
	float: right;
	clear:none;	
	

}

#auxUpdates2nd h2{
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	color:purple
	

}

#auxUpdates2nd img{
	position:relative;
	top: -20px;
	float: right;
	clear:none;	
	

}


.auxcontain
{
	
	border-bottom:thin black dashed;
	float:left;	
	width: 295px;
	padding: 5px;

}

.maincontain
{
	
	border-bottom:thin black dashed;
	margin-left: auto;
	margin-right:auto;
	width: 90%;
	padding: 5px;
	height: 175px;

}
.maincontainL
{
	
	border-bottom:thin black dashed;
	margin-left: auto;
	margin-right:auto;
	width: 90%;
	padding: 5px;


}


.maincontain h2{
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	color:purple
	

}

.maincontain img{
	position:relative;
	top: -20px;
	float: right;
	clear:none;	
	

}


#coltwo
{
	position:relative;
	
	float: right;
	top: 10px;
	left: -10px;
	width: 300px;
	height: 800px;
	background:white;
	border: 1px purple solid;
	padding: 5px 9px 5px 9px;
	text-align: left;

}

#coltwo h2{
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	color:purple
	

}

#coltwo img{
	position:relative;
	top: -20px;
	float: right;
	clear:none;	
	

}

#coltwo h2{
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
	color:purple
	

}

#coltwo img{
	position:relative;
	top: -20px;
	float: right;
	clear:none;	
	

}


.coltwocontain
{
	
	border-bottom:thin black dashed;
	float:left;	
	width: 295px;
	padding: 5px;

}


.indent
{
	margin-left: 10px;				
}

/* Media Ministry */
#mediaMin
{
	position: relative;
	top: 15px;
	left: -5px;
	background: #1B3242;
	width: 325px;
	height: 400px;
	color:white;
	float:right;
	clear:both;
	padding: 5px;
	
}

#sidebar
{
	position: relative;
	top: -41px;
	left: 17px;
	width: 330px;
	clear: none;
	overflow:hidden;

	background: #1B3242;

	height: 650px;
	color:white;
	float:left;

	padding: 5px;
	
}

#sidebar a.orng
{
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #AF9A6F;
 
}

.mediaTitle
{
	text-align:left;
	font: bold 14px "Trebuchet MS", Arial, sans-serif;
}

#mediaMin ul
{
	text-align:left;
	margin-left: 10px;
	font-style:italic;
	list-style-type:none;

}
#mediaMin a
{
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #AF9A6F;
 
}

/* content footer */
#contentfooter
{
	position:relative;
	background: url('../media/img/footimg.jpg') no-repeat fixed;
	width: 1060px;
	overflow:hidden;
	height: 175px;
}
/* Footer */

#footer {
	clear: both;
	text-align:left;
	padding-left: 5px;
	height: 66px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #ffffff;
	border-top: 1px solid #efefef;
	line-height: 18px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #db6d16;
}

#footer #altnav {
	width: 350px;
	float: right;
	text-align: right;
	padding-top: 13px;
	padding-right: 5px
}

#footer #copyright {
	padding-top: 13px;
}
