/*
Theme Name: JPL Church
Theme URI: http://www.cssrex.com
Description: JPL Church
Version: 1.0
Author: CSSReX
Author URI: http://www.cssrex.com/
*/

/* 
 * Reset Styles 
 */ 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,cite,del,dfn,font,img,ins,kbd,q,s,samp,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,.reset{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}:focus{ outline:0}img{ outline:0; border:none}ol,ul{ list-style:inherit !important}table{ border-collapse:separate; border-spacing:0}caption,th,td{ text-align:left; font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{ content:""}blockquote,q{ quotes:""""; border-left:3px solid #ccc; padding:0 0 0 7px; margin-left:10px}a,a:hover{ text-decoration:none}h1{ font-size:18pt}h2{ font-size:16pt}h3{ font-size:14pt}h4{ font-size:12pt}h5{ font-size:10pt}h6{ font-size:8pt}.textleft{ text-align:left}.textright{ text-align:right}.textcenter{ text-align:center}.textjustify{ text-align:justify}.hidden{ display:none; visibility:hidden}small{ font-size:90%}b,strong{ font-weight:bold}code{ font-family:"Courier New",Courier,monospace}.clearfix:after{ clear:both; display:block; content:""; height:0; visibility:hidden}.clearfix{ display:inline-block}* html .clearfix{ height:1%}.clearfix{ display:block}li.clearfix{ display:list-item}.aligncenter{ display:block; margin-left:auto; margin-right:auto}img.alignright{ margin:10px 0 10px 10px}.floatleft{ float:left}.floatright{ float:right}.clear{ clear:both; display:block; height:0; visibility:hidden}
/*
 * Main Structure
 */

body{
	background:#FFFFFF url(homeimages/bodybg.jpg) repeat-x;
}
#wrapper{
        z-index:1;
        position:relative;
	margin:0 auto;
        width:950px;
}
/*
 * Slideshow Styles
 */
 #slideshow{
     background:url(homeimages/slideshowbg.jpg) no-repeat;
     height:430px;
     padding:30px 0 0 0;
}
/*
 * Navigation Styles
 */
 #topnav{
     background:url(homeimages/navbg.jpg) no-repeat;
     height:64px;
}
#topnav ul{
    padding:1px 0 0 0px;
}
#topnav ul li{
    display:inline;
    font:bold 13pt Arial;
    list-style-type:none;
}
#topnav ul li ul{
    z-index:10000 !important;
}
#topnav ul li a{
    font:normal 14pt Arial;
    color:#CCCCCC;
}
#topnav ul li a:hover, .current_page_item a{
    color:#FFFFFF;
    background:url(homeimages/navhover.png) center no-repeat;
}
/*
*Navigation Styles
*/
#navbarleft {
	width: 950px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
#navigation {
        z-index:10000;
        margin: 0px;
	padding: 0px;
	}

#navigation ul {
        float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#navigation li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#navigation li a, #navigation li a:link, #navigation li a:visited {
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
        margin: 0px;
	padding:24px 20px 22px 20px;
        }

#navigation li a:hover, #navigation li a:active {
	background: #717174 url(images/navhov.png);
	color: #FFFFFF;
    margin: 0px;
	padding:24px 20px 22px 20px;
	text-decoration: none;
	}
#navigation li li a, #navigation li li a:link, #navigation li li a:visited {
        background: #444444;
	width: 150px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	text-transform: none;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
        }

#navigation li li a:hover, #navigation li li a:active {
        background: #8a8b8f;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#navigation li ul {
	position: absolute;
        z-index:1000 !important;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#navigation li ul li {
    	}

#navigation li ul a {
	width: 140px;
        }

#navigation li ul a:hover, #navigation li ul a:active {
	}

#navigation li ul ul {
	margin: -32px 0 0 171px;
	}

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

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

#navigation li:hover, #navigation li.sfhover {
	position: static;
	}


/*
 * Sidebar Styles
 */
 #sidebar{
     width:365px;
     padding:20px 0 20px 10px;
}
.videowidget{
    padding:0 0 20px 0;
}
.videowidget h2{
    font:normal 18pt 'Trebuchet MS';
    color:#2a2a2a;
    background:url(homeimages/arrow.jpg) 0px 10px no-repeat;
    padding:0 0 8px 20px;
}
.video{
    background:url(homeimages/videobg.jpg) no-repeat;
    height:229px;
    padding:6px 0 0 5px;
}
 /*
 * Content Styles
 */
 #contentholder{
     background:url(homeimages/contentholder.jpg) repeat-y;
}
 #homecontent{
     width:550px;
     padding:20px 0 20px 25px;
}
#homecontentlist ul li{
    list-style-type:none;
    font:normal 18pt 'Trebuchet MS';
    color:#2a2a2a;
    padding:5px 0 15px 0;
    background:url(homeimages/arrow.jpg) 0px 15px no-repeat;
}
#homecontentlist ul li a{
    font:normal 18pt 'Trebuchet MS';
    color:#2a2a2a;
    padding:0 0 0 20px;
}
#homecontentlist ul li a:hover{
    color:#666666;
}
#maps{
    margin:50px 0 0 0;
}
#googlemap h2, #campusmap h2{
    font:normal 14pt 'Trebuchet MS';
    color:#454545;
    padding:0 0 10px 10px;
}
#campusmap{
    padding:0 0 0 100px;
}
.googlemapscript{
    background:url(homeimages/googlemapbg.jpg) no-repeat;
    height:170px;
    width:190px;
    padding:6px 0 0 6px;
}
.googlemapscript a{
    color:#1a1a1a;
    font:normal 9pt Tahoma;
    display:block;
    padding:5px 0 0 0;
}
.googlemapscript a:hover{
    color:#454545;
}
.campusmapscript{
    background:url(homeimages/campusmapbg.jpg) no-repeat;
    height:151px;
    width:214px;
    padding:5px 0 0 4px;
}
/*
 * Footer Styles
 */
 #footer{
     background:#4e4e4e;
}
#footerwrapper{
    width:950px;
    margin:0 auto;
    background:url(homeimages/footerbg.jpg) no-repeat;
    height:93px;
}
#footerwrapper a{
    font:normal 9pt Tahoma;
    color:#FFFFFF;
}
#mail{
    width:345px;
    text-align:right;
    padding:21px 0 0 0;
}
#phone{
    padding:22px 0 0 35px;
    font:normal 9pt Tahoma;
    color:#FFFFFF;
    width:140px;
}
#address{
    padding:22px 0 0 20px;
    font:normal 9pt Tahoma;
    color:#FFFFFF;
    width:160px;
}
#facebook{
    padding:32px 0 0 40px;
    font:normal 9pt Tahoma;
    color:#FFFFFF;
    width:160px;
}
#copyright{
    background:#3b3b3b;
    height:20px;
    padding:2px 0 0 0;
    text-align:center;
    font:normal 9pt Tahoma;
    color:#FFFFFF;
}
#copyright a{
    color:#FFFFFF;
}
#copyright a:hover{
    color:#dadada;
}