@charset "utf-8";

body {

	font:normal normal normal 14px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;

background-image: url("http://www.holyhillsradio.com/_img/Holyhills-Background.jpg");
background-attachment: fixed; 

}


p {

	color: #333;

	margin:0 0 21px 0;

}

h2, h3, h4, h5 {

	font: bold 20px/1.5 Arial, Helvetica, sans-serif;

}

h3 {

	font-size:18px;	

}

h4 {

	font-size:16px;

}

a {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

.leftImg {  /* places an image LEFT for text wrap */

	float:left;

	padding:0 15px 0 0;

}

.rightImg {  /* places an image RIGHT for text wrap */

	float:right;

	padding:0 0 0 15px;

}

/*** LAYOUT STYLES ***/

#container, #topBar, #header, #nav, #contentWrapHome, #footer, #contentWrap, #content1{

	margin:0 auto;

	width:966px;

}

#container{

	background:url(../_img/containerBG.jpg);}

/*header rules*/

#topBar{
    /*background: url("../_img/topBarBG2_3.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	background: #141f3d;
    height: 200px;
    width: 954px;;}

	#topBar img{

		margin:0 0 0 5px;

		}

		#topBar a.email{

			float:right;

			color:#FFF;

			text-decoration:none;

			font-size:20px;

			margin:15px 21px 0 0;}

			.radio{

				background-color:#000;

				float:left;

				margin:15px 0 0 10px;

				height:30px;}

				.radio p{

					padding:4px 0 0 8px;

					float:left;

					font-weight:bold;

					color:#FFF;}

				.socialIcons{

					float:right;}

				#topBar p.phone{

					float:right;

					width:300px;

					padding-top:10px;

					padding-left:20px;

					color:#FFF;

					height: 56px;

					font-size:14px;}

					

.phone-right {

	float: right;

}

#header {

	height: 292px;

	background: url(../_img/headerBG.jpg);

}

#header h1 a {

	display: block;

	width: 390px;

	height: 288px;

	position:absolute;

	margin:0 0 0 10px;

	background: url(../_img/logo.png) no-repeat;

	text-indent: -9999px;

}





/*navigation rules*/

#nav {

	padding:0px 0 0 0;

	height: 40px;	/*height of nav to be shown  look for all height and change should be 4*/

}





#nav ul {

	height:40px;    /*height of nav to be shown*/

	background: url(../_img/nav2.jpg)  no-repeat; 

	position:absolute;}

#nav li {

	float:left;

	list-style-type:none;}



#nav li a {height:40px; display:block; position:absolute; text-indent:-9999px; outline:none}



li.home a, li.Schedule a, li.Ads a, li.Media a, li.Events a, li.advertise a {background: url(../_img/nav2.jpg) no-repeat; height:40px; }



/*insert all widths and change where says 36px to height mention before-->

to figure out next "background-postion and left" on nav3 add nav2 backpostion and width togeather  ie 97 + 129 = 226*/





li.home a 		{ background-position:0 0; width:92px; left:0;}

li.home a:hover		{ background-position:0 -39px;   }



li.Schedule a 		{ background-position:-92px 0; width:203px; left:92px}

li.Schedule a:hover		{ background-position:-92px -39px }



li.Ads a 		{ background-position:-295px 0; width:155px; left:295px }

li.Ads a:hover		{ background-position:-295px -39px }



li.Media a 		{ background-position:-450px 0; width:153px; left:450px }

li.Media a:hover		{ background-position:-450px -39px }



li.Events a 		{ background-position:-603px 0; width:85px; left:603px }

li.Events a:hover		{ background-position:-603px -39px }



li.advertise a 		{ background-position:-688px 0; width:278px; left:688px }

li.advertise a:hover		{ background-position:-688px -39px }







/*main content rules*/

#contentWrapHome{

	clear:both;

	background: url(../_img/content1BG.jpg);

	overflow:hidden;

}



#contentWrap {



	overflow:hidden;

}



#contentLeft, #contentRight {

	float:left;

	padding:10px;	

}

#contentLeft {

	width:565px;

}





#welcome, #dailyBread{

	margin:0 20px 0 20px; text-align:justify;}

#dailyBread p{

	font-style:italic;}

#dailyBread h2{

	color:#006;}

	#dailyBread h2 a{

	color:#006;

	font-style:italic;}





#contentRight {

	width:350px;



}



/*Schedule*/

#schedule table{

	width:954px;

	margin:5px 6px;}

	#schedule table th{

		width:112px;

		padding:10px 0;

		background:url(../_img/hillsRadio.jpg) top repeat-x #3DA7F6;

		color:#FFF;}

			#schedule table td{

				padding:0 5px;

				border-left: 1px solid #CCC;

				border-right: 1px solid #CCC;

				font-weight:bold;

				font-size:12px;

				text-align:center;

				}

				#schedule table tr.light td{

					background-color:#C6E2FF;}

					

					

					

/*events*/

.event{

	margin:0 90px 20px 90px;

	}

	.event h2{

		text-align:center;

		color:#006;

		}

/*classified ads*/

.classified{

	padding:10px 0 25px 30px;float:left;}					

/*footer rules*/

#footer {

	height: 60px;

	background: url(../_img/footerBG2.jpg) no-repeat;

	clear: both;

	text-align:center;

}



#footer a {

	text-decoration: underline;

	color: #fff;

}

p.copy {

	color:#FFF;

	font:10px/1.5 Arial, Helvetica, sans-serif;	

}





/* footer horizontal navigation */

#footer ul#footerNav {

	padding:2px 0 0;

}

ul#footerNav li {

	display:inline;

	margin:0 0 0 10px;

	line-height:30px;

}

ul#footerNav li a {

	text-decoration:none;

	display:inline;

}



/*home page gallery*/

#largeImg{

	width:530px;

	padding:20px;}

	#largeImg p{

		font-size:12px;

		float:left;

		width:340px;

		text-align:justify;}

.giveBorder{

		border: 4px solid #191970;}

#largeImg img{



		float:left;

		margin:0 10px 0 0;}

#thumbnails{

	padding: 20px;

	clear:both;}

	#thumbnails img{

		height:50px;

		width:50px;

		margin-right:21px;

		margin-left:21px;}

#div0

{

	display:block;

	}

#div1

{

	display:none;

	}

#div2

{

	display:none;}

#div3

{

	display:none;}

#div4

{

	display:none;}

#div5

{

	display:none;}

	

	

/*Media Temple*/

/*Remove the class called remove this later when information is given*/

.removeThisLater{

	min-height:400px;

	padding:20px;}

	

#paypal {

	width: 150px;

	float: right;

	margin-top: -70px;

}
.icon {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:37px;
	-moz-border-radius-topleft:37px;
	border-top-left-radius:37px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:37px;
	-moz-border-radius-bottomright:37px;
	border-bottom-right-radius:37px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:65px;
	line-height:65px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.icon:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.icon:active {
	position:relative;
	top:1px;
}

.icon2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:37px;
	-moz-border-radius-topright:37px;
	border-top-right-radius:37px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:37px;
	-moz-border-radius-bottomleft:37px;
	border-bottom-left-radius:37px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:65px;
	line-height:65px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.icon2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.icon2:active {
	position:relative;
	top:1px;
}