/* Site: Calvary Chapel Aurora*/

* {
   margin: 0;
   padding: 0;
}

body{
   	font-size: 62.5%;
   	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   	line-height: 1;
	background: url(/_img/bg_body.jpg);
	text-align:center;
	vertical-align:top;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	height: 500px;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container{
   width: 1020px;
   margin: 0 auto;
   background: url(/_img/bg_tile.jpg) repeat-y;
   text-align: left;
}

a{
   overflow: hidden;
   color: #300d08;
   text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* =Header
---------------------------------------------------------------------
*/

#header {
	float: left;
}

#logo {
	border: 0px;
	position: absolute;
	margin-top: 15px;
	margin-left: 45px;
	z-index: 2;
}

/* End Header
---------------------------------------------------------------------
*/


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

#navbar{
	background: url(/_img/bg_nav.jpg) no-repeat top center;
	width: 1020px;
	height: 74px;
	position: relative;
	z-index: 1;
	padding-top: 16px;
}

#utilitynav {
	position: absolute;
	top: 6px;
	left: 577px;
	color: #ffffff;
}
#utilitynav a {
	color: #ffffff;
	text-decoration: none;
	padding-right: 15px;
}

#utilitynav a:hover{
	text-decoration: underline;
}

#search {
	position: absolute;
	top: 6px;
	left: 130px;
}

#searchForm {
	position: absolute;
	top: -6px;
	left: 70px;
}

#search_term {
	width: 185px;
	height: 16px;
	background: #e8e2d5;
	border: none;
	font-size: 1em;
	padding-left: 5px;
	padding-top: 3px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#search_go {
	position: absolute;
	top: 0px;
	left: 163px;
}

#search_go img {
	border: none;
}

#nav{
   	list-style: none;
   	padding-top: 35px;
   	padding-left:  225px;
}

#nav li{
   float: left;
   font-size: 1em;
   font-weight: bold;
   font-family: Tahoma, Helvetica, Verdana, sans-serif;
   text-transform: uppercase;
   line-height: 1.15;
   padding-right: 52px;
}

#nav li a{
   display: block;
   color: #1f1f1c; /* Change this to the right color */
   height: 16px;
   text-decoration: none;
}

#nav li:hover a{
   display: block;
   color: #1f1f1c; /* Change this to the right color */
   background: url(/_img/nav_li_hover.png) no-repeat center top;
   text-decoration: none;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 150px; /* Needs to be same as other 150px value */
   list-style: none;
   line-height: 1;
}

#nav li li{
   font-size: 1.2em;
}

#nav li ul ul{
   margin: -25px 0 0 150px; /* the -25px and 150px need to be adjusted until the sub-sub-menu sits in the right place */
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}

#nav li li a{
   width: 150px; /* Needs to be same as other 150px value, less any padding or margin */
   background: #F00; /* Change to more appropriate value */
}

#nav_home {
	color: #e8e2d5;
	text-indent: -9999px;
	visibility: hidden;
	width: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#nav_home li{
	padding: 0px;
}

#nav li ul li {
	font-size: 1.2em;
	color: #293d4f;
	font-weight: normal;
	text-transform: none;
	background-color: #e8e2d5;
	border-bottom: #776e66 1px solid;
	height: 100%;
	width: 100%;
	padding: 2px 15px 3px 15px;
	margin-left: -15px;
	z-index: 1;
}

#nav li ul li:hover {
	background-color: #b5a283;
}

/* =Container-Inner
---------------------------------------------------------------------
*/

#container {
}

/* =Content-Wrap
---------------------------------------------------------------------
*/
#content-wrap
{
   width: 1008px;
   background: url(/_img/bg_content.jpg) no-repeat 302px -3px;
   height: 600px
}


/* =Content
---------------------------------------------------------------------
*/

#content{
	width: 605px;
	float: right;
	
}

#hero {
	height: 395px;
	padding-left: 16px;
	margin-top: 11px;
	padding-bottom: 35px;
}

#noflash {
	height: 395px;
	padding-left: 3px;
	margin-top: 16px;
	padding-bottom: 35px;
	border: none;
}

#noflash img{
	border: none;
}

#callouts {
	height:  175px;
}

#callouts img{
	height: 46px;
	width: 142px;
}

#callouts #callout_divider {
	float: left;
	width: 1px;
	height: 163px;
}

#callout1 {
	float: left;
	height: 160px;
	width: 170px;
	padding-left: 8px;
	padding-right: 8px;
}

#callout2, #callout3{
	float: left;
	height: 160px;
	width: 170px;
	padding-left: 18px;
	padding-right: 10px;
}

#callouts h2 {
	color: #000000;
	font-size: 1.3em;
	padding: 0px 10px;
}

#callouts p {
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 1.2em;
}

#callouts a {
	color: #300d08;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

#callouts a:hover {
	text-decoration: underline;
}

#content #mediabox{
   float: right;
   width: 125px;
   padding: 5px 5px 0;
   border: 1px solid #F00;
   list-style: none;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-size: 1.1em;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a{
   background-image: url(/_img/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(/_img/mb_video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(/_img/mb_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(/_img/mb_notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background-image: url(/_img/mb_jukebox.gif);
}

#content #mediabox li#mb_podcast a{
   background-image: url(/_img/mb_podcast.gif);
}



/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
	float: left;
	width: 398px;
	padding-left: 0px;
	text-align: left;
	clear: both;
}

#sidebar #services{
	background: url(/_img/bg_services.jpg) no-repeat;
	height: 169px;
	width: 368px;
	margin-left: 36px;
	margin-top: 50px;
	position: relative;
}

#svclink {
	margin-top: 15px;
	margin-left: 125px;
}

#svcvideo {
	margin-left: -3px;
}

#svcaudio {
	margin-left: -3px;
}

#svcinfo {
	margin-left: 8px;
}

#servicetimes {
	padding-top: 20px;
	left: 10px;
}

#services h2{
	padding-bottom: 4px;
	font-family: "Courier New", Courier, mono;
	font-size: 1.5em;
	width: 170px;
}

#services td{
	padding-left: 15px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;	
}

#services a{
	color: #000;
	font-weight: bold;
}

#sidebar #growstudy{
	background: url(/_img/bg_growstudy.jpg) no-repeat;
	height: 393px;
	width: 365px;
	margin-left: 36px;
	margin-top: 7px;
	position: relative;
}

#growstudy h2 {
	display: inline;
	color: #300d08;
	font-family: "Courier New", Courier, mono;
	font-size: 1.6em;
}

#recent {
	position: absolute;
	top:  65px;
	left:  20px;
}

#recent .recentmessage {
	width: 320px;
	font-size: 1.1em;
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;
	padding-bottom:  0px;
	height: 29px;
}

.recentmessage a {
	color: #000000;
	text-decoration: none;
}

#recentinfo {
	padding-top: 10px;
}

.recentdate {
	float: left;
}

.recenttitle {
	float: left;
	width: 165px;
	padding-left: 5px;
}

.recentmedia a{
	padding-left: 8px;	
}

.recentmedia img {
	border: none;
}

#gs_viewall {
	vertical-align: bottom;
	position: absolute;
	top: 0px;
	left: 235px;
}

#audvid {
	position: absolute;
	top: 190px;
	left:  20px;
}
 #audvid p{
	padding-top: 5px;
	padding-bottom: 7px;
	width: 310px;
	font-size: 1.2em;
}

#gssocial {
	float: left;
	height: 40px;
	color: #300d08;
	font-size: 1.2em;
	font-weight: bold;
}

#gssocial h3 {
	display: inline;
	padding-right: 15px;
	padding-left: 5px;
	vertical-align: middle;
}

#gssocial img {
	vertical-align: middle;
	border: none;
	padding-right: 10px;
}

/* =Footbar
---------------------------------------------------------------------
*/

#footbar{
	clear:both;
	width:1008px;
	padding-top:50px;
}
#footbar img{
	margin:0px;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   	background-image:url(/_img/bg_footer.jpg);
	background-repeat:no-repeat;
	width:1020px;
	height:140px;
	padding-top: 35px;
}

#footsocial {
	float: left;
	height: 40px;
	padding-top: 25px;
	padding-left: 25px;
	color: #e8e2d5;
	font-size: 1.2em;
	font-weight: bold;
}

#footsocial h3 {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
}

#footsocial img {
	vertical-align: middle;
	border: none;
}

#footsocial .footspacer {
	padding-left: 2px;
	padding-right: 2px;
}

#footnav {
	float: right;
	width: 635px;
	padding-top: 15px;
	text-align: right;
}

#footnav_nav {
	padding-right: 0px;
}

#footnav_info {
	padding-top: 5px;
	padding-right: 23px;
	color: #e8e2d5;
	font-size: 1em;
	line-height: 1.8em;
	vertical-align: text-top;
}

a.footerlink {
	color: #e8e2d5;		
}

#footnavinfo_spacer{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}

#footernav, #footernav_home1{
   	list-style: none;
   	padding-left: 35px;
   	padding-top: 0px;
}

#footernav li{
   float: left;
   font-size: 1em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: none;
   line-height: 1.5;
   margin-right:5px;
   background: url(/_img/bg_footnavli.png) no-repeat 0px  18px;
   color: #e8e2d5;
}

#footernav_home1 li{
   float: left;
   font-size: 1em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: none;
   line-height: 1.5;
   margin-right:5px;
}

#footernav li a, #footernav_home1 li a{
   display: block;
   color: #e8e2d5; /* Change this to the right color */
   text-decoration: none;
   padding-top:16px;
   padding-left: 9px;
}

#footernav li:hover a,  #footernav_home1 li a:hover {
   display: block;
   color: #e8e2d5; /* Change this to the right color */
   text-decoration: underline;
   padding-top:16px;
}

#footernav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 150px; /* Needs to be same as other 150px value */
   list-style: none;
   line-height: 1;
}

#footernav li li{
   font-size: 1.2em;
}

#footernav li ul ul{
   margin: -25px 0 0 150px; /* the -25px and 150px need to be adjusted until the sub-sub-menu sits in the right place */
}

#footernav li:hover ul ul,
#footernav li.sfhover ul ul{
   left: -999em;
}

#footernav li:hover ul,
#footernav li li:hover ul,
#footernav li.sfhover ul,
#footernav li li.sfhover ul{
   left: auto;
}

#footernav li li li{
   font-size: 1em;
}

#footernav li li a{
   width: 150px; /* Needs to be same as other 150px value, less any padding or margin */
   background: #F00; /* Change to more appropriate value */
}
#footer #footcontact p{
   padding-left: 325px;
   padding-top: 15px;
   float: left;
   font-size: 1em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-align:  right;
   line-height: 1.15;
   color: #e8e2d5;
}

#footernav_home {
	visibility: hidden;
	width: 0px	;
}

a.footernav_nolink:hover{
	text-decoration: none;
	cursor: default;
}

#rdlogo{
	vertical-align: middle;
	padding-bottom: 4px;
}