/*---- Reset ---*/

html, body, div, img, h1, h2, h3, h4, h5, h6, dl, dt, dd, p, blockquote, form, fieldset, .none {margin:0; padding:0;}

em, i {font-style: italic;}

/*---- General ---*/

html {}
body {background:#076765 url(/images/socalag11.jpg) top center no-repeat; background-attachment:fixed; color:#222222; font-family:"Lucida Grande",Arial,Verdana,Helvetica,sans-serif; font-size:12px;}
p {margin:0 0 12px 0;}
img{border:0;}
hr {background:url(/images/hrbg.png) no-repeat; clear:both; padding:0px; margin:20px 0; border:none; height: 2px;}

.smallest {font-size:9px;}
.smaller {font-size:10px;}
.small {font-size:11px;}
.normal {font-size:12px;}
.large {font-size:13px;}
.larger {font-size:14px;}
.largest {font-size:15px;}
.bold, strong {font-weight:bold;}
.normal {font-weight:normal;}
.italic {font-style:italic;}
.strike {text-decoration:line-through;}
.red {color:#FF0000;}
.blue {color:#036;}
.white {color:#fff;}
.green {color:green;}
.grey, .gray {color:#999;}
.yellow {color:#ffcc33;}
.center {text-align:center;}
.right {text-align:right;}
.clear {overflow:hidden; clear:both; height:0; margin:0; padding:0; font-size:1px; font-size:0.01em; display:block;}
.block {display:block;}
fieldset {border:none;}
legend {display:none;}
.icon {margin-bottom:-3px;}

.marginbtm {margin:0 0 20px 0;}
.nomargin {margin:0;}
.nopadding {padding:0;}

.fltlft {float:left;}
.fltrt {float:right;}

.lucida {font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
.georgia {font-family:Georgia,"Times New Roman",Times,serif;}
.arial {font-family:Arial,Helvetica,sans-serif;}

.center960 {margin:0 auto; width:960px;}
.center940 {margin:0 auto; width:940px;}



@font-face {
	font-family: 'MuseoSans500';
	src: url('/css/museoSans500/museosans_500-webfont.eot');
	src: local('☺'), url('/css/museoSans500/museosans_500-webfont.woff') format('woff'), url('/css/museoSans500/museosans_500-webfont.ttf') format('truetype'), url('/css/museoSans500/museosans_500-webfont.svg#webfontCJv6nXaM') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---- Headings and Cufon ---*/

#logoImage {display: none; position:absolute; top:10px;}
h1 a {background:url(/images/socal-logo.png) no-repeat; display:block; text-indent:-6000px; width:336px; height:72px; position:absolute; top:10px;}

h2 {font-size:28px; color:#003399; margin:24px 0 28px 0;font-family: MuseoSans500,"Lucida Grande",Verdana,Arial,sans-serif; font-weight: normal;}
h2.subtitle {font-size:28px; color:#003399; margin:8px 0 0 0;}
h3.subtitle {margin:0 0 18px 0;}
h3 {font-size:18px; color:#003399; line-height:18px; margin:0 0 12px 0;font-family: MuseoSans500,"Lucida Grande",Verdana,Arial,sans-serif; font-weight: normal;}
h4 {font-size:16px; color:#333333; line-height:16px; margin:0 0 12px 0;}
h5 {font-size:16px; color:#666666; line-height:16px; margin:0 0 12px 0;}
h6 {color:#003399; margin:0 0 12px 0;}
 
.label {font-size:14px; color:#FFFFFF; margin-top: 2px; font-family: MuseoSans500,"Lucida Grande",Verdana,Arial,sans-serif; font-weight: normal;}

/*---- Links ---*/

a, a:link, a:visited {color: #003399; text-decoration:underline;}
a:hover {text-decoration:none;}
a:active, a:focus {outline:0;}

a.yellow {color:#ffcc33;}

/*---- Layout ---*/

#header {color:#FFFFFF; height:92px;}
#header .center940 {position:relative;}

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

#footer {color:#FFFFFF; font-size:11px; margin-top:10px; min-height:250px;}
#footer p {margin:0;}
#footerbar {background:#FFFFFF; height:1px; margin-top:10px;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {border-bottom:1px dotted #FFFFFF;}

#footer a.yellow {color:#ffcc33;}

#footernav {position:relative; padding-bottom:10px;}
#footernav ul {list-style:none; margin:0; padding:0;}
#footernav ul li {list-style:none; margin:0; padding:0;}

.footerhome {position:absolute; top:10px; left:0;}
.footerevents {position:absolute; top:38px; left:0;}
.footerespanol {position:absolute; top:66px; left:0;}
.footerlogin {position:absolute; top:94px; left:0;}
.footercontact {position:absolute; top:122px; left:0;}
.footerabout {position:absolute; top:10px; left:120px;}
.footerdepartments {position:absolute; top:10px; left:280px;}
.footermissions {position:absolute; top:10px; left:400px;}
.footerresources {position:absolute; top:10px; left:550px;}

#contactinfo {position:absolute; top:10px; right:0;}

#searchbox {width:215px; height:33px; background:url(/images/searchbox-bg.png) no-repeat; position:absolute; right:0; top:10px;}
#searchbox #search {position:absolute; top:5px; left:5px; width:145px;}
#searchbox input#searchbtn {position:absolute; top:11px; right:10px;}
.hilite {background:#FFFFCC;}

#homebanner {background:url(/images/homebanner-bg.png) no-repeat; height:274px; width:960px; margin:0 0 6px 0; position:relative;}

.homebox {width:320px;}
.homeboxbtm {background:url(/images/homebox-bg.png) bottom no-repeat; min-height:50px;}

.homeboxlabel {background:url(/images/homebox-header.png) top no-repeat; color:#FFFFFF; height:35px; position:relative;}
.label {position:absolute; top:11px; left:20px; width:260px;}

.newsbox img {padding:5px 15px;}
.newsbox h3 {margin:0 0 5px 0;}
.newsbox .inner {padding:0 20px 10px 20px;}
.newsbox .newsimage {padding:4px 0; margin:0 auto;}
.newsbox a.newsimage:hover {border:5px solid #CCCCCC}

.alert {background:#FFFFCC; border:1px dotted #FFCC66; padding:10px;}

/*---- Home Tools ---*/

#tools {width:940px; margin:13px auto 0 auto; list-style:none; height:50px; padding:0;}
#tools a {text-decoration: none;}
#tools li {list-style:none; float:left; height:50px; margin:0; padding:0;}
#tools li p {position:absolute; top:28px; left:50px; font-size:.8em; color:#222222; margin:0; padding:0; cursor:pointer; text-decoration:none;}

#tools li.onlinegivingbtn {background:url(/images/tools-bg.png) no-repeat 0 0; height:50px; width:229px; display:block; overflow:hidden; position:relative;}
#tools li.onlinegivingbtn a h3 {color:#000000; cursor:pointer; height:50px; width:229px; display:block; padding:7px 0 0 50px; letter-spacing:1.5px;}
#tools li.onlinegivingbtn:hover {background-position:0 -50px;}

#tools li.eventscalendarbtn {background:url(/images/tools-bg.png) no-repeat -229px 0; height:50px; width:241px; display:block; overflow:hidden; position:relative;}
#tools li.eventscalendarbtn a h3 {color:#000000; cursor:pointer; height:50px; width:229px; display:block; padding:7px 0 0 50px; letter-spacing:1px;}
#tools li.eventscalendarbtn:hover {background-position:-229px -50px;}

#tools li.findachurchbtn {background:url(/images/tools-bg.png) no-repeat -470px 0; height:50px; width:239px; display:block; overflow:hidden; position:relative;}
#tools li.findachurchbtn a h3 {color:#000000; cursor:pointer; height:50px; width:229px; display:block; padding:7px 0 0 50px; letter-spacing:1.5px;}
#tools li.findachurchbtn:hover {background-position:-470px -50px;}

#tools li.socalconnectionbtn {background:url(/images/tools-bg.png) no-repeat -709px 0; height:50px; width:231px; display:block; overflow:hidden; position:relative;}
#tools li.socalconnectionbtn a h3 {color:#000000; cursor:pointer; height:50px; width:229px; display:block; padding:7px 0 0 50px; letter-spacing:.7px;}
#tools li.socalconnectionbtn:hover {background-position:-709px -50px;}

/*---- Newsletter Home Box ---*/

.newsletterhome {float:left; clear:left; background:url(/images/NewsletterBG.png); height:126px; width:320px; position:relative;}
.newsletterhome .inner {padding:10px 20px 10px 20px;}
.newsletterhome h3 {position:absolute; top:20px; left:55px; width:250px;}
.newsletterhome p {font-size:11px; position:absolute; top:49px; width:280px;}
.newsletterhome input {position:absolute; bottom:17px; width:196px;}
.newsletterhome .textbutton {position:absolute; bottom:17px; right:20px;}

/*---- Home Video ---*/

.homevideo p {margin:0; padding:5px 20px 0 20px;}
.homevideo .inner {padding:0 18px 17px 20px;}
.homevideo .inner h3 {margin:5px 0 5px 0;}

.homevideotiles {margin:0 0 10px 0; padding:0; list-style:none; background:#dedede; border:1px solid #cecece; -moz-border-radius:3px; -webkit-border-radius:3px;}
.homevideotiles li {float:left; margin:5px 5px 5px 6px; padding:0; border:3px solid #999999;}
.homevideotiles li:hover {border:3px solid #003399;}

/*---- Home Events List ---*/

.homeeventlist {width:300px; list-style:none; margin:0px 10px; padding:0;}
.homeeventlist li {list-style:none; border-bottom:1px solid #d5d5d5; margin:0; padding:0;}
.homeeventlist li:hover {background:url(/images/white50.png);}
.homeeventlist li a {padding:3px 10px 3px 10px; margin:0 auto; display:block; width:280px; text-decoration:none;}
.homeeventlist li p {padding:0; margin:0; color:#666666;}

/*---- EE Calendar ---*/

.homecalendar .inner {padding:10px 0 17px 0;}

#homecalendar {width:280px; margin:0px auto; border-collapse:collapse;}
#homecalendar td {border:1px solid #CCCCCC; background:#dedbe3; font-size:10px;}
#homecalendar p {border-top:1px solid #F2F2F2; border-left:1px solid #F2F2F2; padding:6px; font-size:10px; margin:0;}
#homecalendar p:hover {background:url(/images/white50.png);}
#homecalendar .calendarDayHeading {font-weight:bold; text-align:center; vertical-align:middle; background:#527fc6; color:#FFFFFF;}
#homecalendar td.calendarDayHeading {border:1px solid #4a72b2;}
#homecalendar td.calendarDayHeading p {border-top:1px solid #7599d1; border-left:1px solid #7599d1; font-size:10px; margin:0; padding:2px 0;}
#homecalendar td.calendarDayHeading p:hover {background:transparent;}
#homecalendar .calendarBlank {text-align:center;vertical-align:middle;}
#homecalendar .calendarToday {font-weight:bold; text-decoration:none; text-align:center; vertical-align:middle; color:#3366cc;}
#homecalendar .calendarCell {font-weight:bold;text-decoration:none;text-align:center;vertical-align:middle;}

/*---- Drop Down Menu ---*/

#nav, #nav ul {padding:0; margin:0; list-style:none; font-size:12px;}
#nav {width:960px; margin:0 auto; height:29px;}
#nav li {display:block; float:left;}
#nav li a {display:block; height:29px; overflow:hidden; text-indent:-6000px; font-weight:bold;}
#nav li ul {position:absolute; left:-999em; width:220px;}
#nav li:hover ul, #nav li.sfhover ul {left:auto; z-index:10;}
#nav li ul li a {background:url(/images/dropdownmenu-bg.png); color:#FFFFFF; display:block; height:18px; padding:3px 3px 3px 10px; text-decoration:none; text-indent:0; width:220px; }
#nav li ul li a.last {background-position:top;}
#nav li ul li a:hover {background:#1f7573; color:#ffcc33;}

.navhome {width:93px;}
.navhome a {background:url(/images/tabs-bg.png) no-repeat 0 0;}
.navhome a:hover {background-position:0 -29px;}
.navhome a.selected, .navhome a.selected:hover {background-position:0 -58px;}

.navabout {width:103px;}
.navabout a {background:url(/images/tabs-bg.png) no-repeat -93px 0;}
.navabout a:hover {background-position:-93px -29px;}
.navabout a.selected, .navabout a.selected:hover {background-position:-93px -58px;}

.navdepartments {width:126px;}
.navdepartments a {background:url(/images/tabs-bg.png) no-repeat -196px 0;}
.navdepartments a:hover {background-position:-196px -29px;}
.navdepartments a.selected, .navdepartments a.selected:hover {background-position:-196px -58px;}

.navmissions {width:97px;}
.navmissions a {background:url(/images/tabs-bg.png) no-repeat -322px 0;}
.navmissions a:hover {background-position:-322px -29px;}
.navmissions a.selected, .navmissions a.selected:hover {background-position:-322px -58px;}

.navevents {width:87px;}
.navevents a {background:url(/images/tabs-bg.png) no-repeat -419px 0;}
.navevents a:hover {background-position:-419px -29px;}
.navevents a.selected, .navevents a.selected:hover {background-position:-419px -58px;}

.navresources {width:108px;}
.navresources a {background:url(/images/tabs-bg.png) no-repeat -506px 0;}
.navresources a:hover {background-position:-506px -29px;}
.navresources a.selected, .navresources a.selected:hover {background-position:-506px -58px;}

.navlogin {width:139px;}
.navlogin a {background:url(/images/tabs-bg.png) no-repeat -614px 0;}
.navlogin a:hover {background-position:-614px -29px;}
.navlogin a.selected, .navlogin a.selected:hover {background-position:-614px -58px;}

.navespanol {width:94px;}
.navespanol a {background:url(/images/tabs-bg.png) no-repeat -753px 0;}
.navespanol a:hover {background-position:-753px -29px;}
.navespanol a.selected, .navespanol a.selected:hover {background-position:-753px -58px;}

.navcontact {width:113px;}
.navcontact a {background:url(/images/tabs-bg.png) no-repeat -847px 0;}
.navcontact a:hover {background-position:-847px -29px;}
.navcontact a.selected, .navcontact a.selected:hover {background-position:-847px -58px;}

/*---- ToolTip ---*/

#screenshot {position:absolute; background:url(/images/white80.png); padding:5px 5px 2px 5px; display:none; color:#333333; -moz-border-radius:5px; -webkit-border-radius:5px;}
#tooltip {position:absolute; background:url(/images/white90.png); padding:5px; color:#333333; display:none; -moz-border-radius:5px; -webkit-border-radius:5px;}

/*---- Fact Slider ---*/

.panel .info a.eventinformationbtn {background:url(/images/eventinfobtn.png) no-repeat; display:block; height:22px; width:179px; text-indent:-6000px; margin:1em 0 0 0;}
.panel .info a.eventinformationbtn:hover {background-position:0 -22px;}
.panel .info p.date-location {line-height:22px; font-weight:bold;}

#slider {width:930px; height:258px; color:#222222; position:absolute; top:4px; left:15px;}
.scroll {height:930px; height:258px; overflow:hidden; position:relative; clear:left;}
.scrollContainer div.panel {height:258px; width:930px; margin-bottom:10px;}

.slidebg {width:615px; height:258px; display:block; -moz-border-radius:5px; -webkit-border-radius:5px;}

.panel .info {width:280px; float:right; padding-top:20px; margin-right:10px;}
.hide {display: none;}

ul.navigation {position:absolute; left:632px; top:224px; list-style:none; z-index:3; margin:0; padding:0;}
ul.navigation li {float:left; margin:0px 0px 0px 2px; padding:0;}
ul.navigation a {opacity:0.4; filter:alpha(opacity=40); padding:1px; display:block;}
ul.navigation a:hover {opacity:1; filter:alpha(opacity=100);}
ul.navigation a.selected {opacity:1; filter:alpha(opacity=100)}
ul.navigation a:focus {outline: none;}
ul.navigation a img {border-radius: 3px;}

#info {background:url(/images/infobgmenu.png) repeat-y; padding:0px 10px 0px 30px;}
#info-nosidemenu {background:url(/images/infobg.png) repeat-y; padding:0px 10px 0px 30px;}

#sidemenubtmbg {background:url(/images/sidemenubtmbg.png) bottom right no-repeat;}
#sidemenutopbg {}
#wrapper {min-height:500px; float:left; width:580px;}
#wrapper p, #wrapper ul, #wrapper ol {line-height:18px;}
#sidemenu {float:right; width:330px; background:url(/images/sidemenutopbg.png) top right no-repeat;}
.sidemenu-inner {padding:0px 0px 0px 10px; min-height:300px;}

.linkbox {width:280px; margin:15px auto 0px auto;}
.boxtop, .boxtoplg {background:url(/images/sidemenuboxtop.png) no-repeat; height:31px;}
.boxtoplg {margin-top:15px;}
.boxtoplabel {color:#FFFFFF; font-size:16px; margin:0; padding:5px 0 0 10px; float:left;}
.labelicon {margin:4px 0 0 10px; float:left;}

.linkbox ul {list-style:none; margin:0; padding:0;}
.linkbox ul li {list-style:none; border-top:1px solid #e5e2ea; margin:0; padding:0;}
.linkbox ul li:hover {list-style:none;}
.linkbox ul li a {display:block; padding:5px 10px; background:#f6f5f7; text-decoration:none; border-top:1px solid #ffffff;}
.linkbox ul li a:hover {background:#ffffff; color:#663366;}
.linkbox ul li a p {margin:0; color:#666666; font-size:10px;}

.eventslinkbox {width:280px; margin:20px auto 0px auto; padding:0;}
.eventslinkbox ul {list-style:none; margin:0; padding:0;}
.eventslinkbox ul li {list-style:none; border-top:1px solid #e5e2ea;}
.eventslinkbox ul li:hover {list-style:none;}
.eventslinkbox ul li a {display:block; padding:5px 10px; background:#f6f5f7; text-decoration:none; border-top:1px solid #ffffff;}
.eventslinkbox ul li a:hover {background:#ffffff; color:#663366;}
.eventslinkbox ul li a p {margin:0; color:#666666; font-size:10px;}

.downloadslinkbox {width:280px; margin:20px auto 0px auto; padding:0;}
.downloadslinkbox ul {list-style:none; margin:0; padding:0;}
.downloadslinkbox ul li {list-style:none; border-top:1px solid #e5e2ea;}
.downloadslinkbox ul li:hover {list-style:none;}
.downloadslinkbox ul li a {display:block; padding:5px 10px; background:#f6f5f7; text-decoration:none; border-top:1px solid #ffffff;}
.downloadslinkbox ul li a:hover {background:#ffffff; color:#663366;}
.downloadslinkbox ul li a p {margin:0; color:#666666; font-size:10px;}

.videolinkbox {width:280px; margin:20px auto 0px auto; padding:0;}
.videolinkbox ul {list-style:none; margin:0; padding:0;}
.videolinkbox ul li {list-style:none; border-top:1px solid #e5e2ea;}
.videolinkbox ul li:hover {list-style:none;}
.videolinkbox ul li a {display:block; padding:5px 10px; background:#f6f5f7; text-decoration:none; border-top:1px solid #ffffff;}
.videolinkbox ul li a:hover {background:#ffffff; color:#663366;}
.videolinkbox ul li a p {margin:0; color:#666666; font-size:10px;}

.upcomingevents {width:280px; margin-top:20px;}
.upcomingevents .boxtop {background:url(/images/blueboxtop.png) no-repeat; height:31px;}
.upcomingevents ul {list-style:none; margin:0; padding:0;}
.upcomingevents ul li {list-style:none; border-top:1px solid #e5e2ea; margin:0; padding:0;}
.upcomingevents ul li:hover {list-style:none;}
.upcomingevents ul li a {display:block; padding:5px 10px; background:#f9f8f9; text-decoration:none; border-top:1px solid #ffffff;}
.upcomingevents ul li a:hover {background:#ffffff; color:#663366;}
.upcomingevents ul li a p {margin:0; color:#666666; font-size:10px;}

.featuredevent {width:280px; margin-top:20px;}
.featuredevent .boxtop {background:url(/images/blueboxtop.png) no-repeat; height:31px;}

.downloadsbig {width:580px; margin-top:20px;}
.downloadsbig .boxtop, .boxtoplg {background:url(/images/blueboxtopbig.png) no-repeat; height:31px;}
.downloadsbig .icon {margin-bottom:-2px;}
.downloadsbig ul {list-style:none; margin:0; padding:0;}
.downloadsbig ul li {list-style:none; border-top:1px solid #e5e2ea; margin:0; padding:0;}
.downloadsbig ul li:hover {list-style:none;}
.downloadsbig ul li a {display:block; padding:5px 10px; background:#f9f8f9; text-decoration:none; border-top:1px solid #ffffff;}
.downloadsbig ul li a:hover {background:#ffffff; color:#663366;}
.downloadsbig ul li a p {margin:0; color:#666666; font-size:10px;}

.downloads {width:280px; margin-top:20px;}
.downloads .boxtop {background:url(/images/blueboxtop.png) no-repeat; height:31px;}
.downloads .icon {margin-bottom:-2px;}
.downloads ul {list-style:none; margin:0; padding:0;}
.downloads ul li {list-style:none; border-top:1px solid #e5e2ea; margin:0; padding:0;}
.downloads ul li:hover {list-style:none;}
.downloads ul li a {display:block; padding:5px 10px; background:#f9f8f9; text-decoration:none; border-top:1px solid #ffffff;}
.downloads ul li a:hover {background:#ffffff; color:#663366;}
.downloads ul li a p {margin:0; color:#666666; font-size:10px;}

/*---- Events Page ---*/

#eventslist {list-style:none; padding:0; margin:20px 0 0 0;}
#eventslist li {padding:3px 6px; background:url(/images/white50.png); border:1px solid #F2F2F2; list-style:none; margin:2px 0 0 0;}
#eventslist li:hover {background:#ffffe5;}
#eventslist li p {margin:0; padding:0;}
#eventslist li .event-date-location {margin-top:4px; font-size:10px;}
#eventslist li .event-date-location .date-icon {margin-bottom:-4px;}
#eventslist li .event-video {margin-top:0; font-size:10px;}
#eventslist li .event-date-location .video-icon {margin-bottom:-8px;}
#eventslist li .event-directions {margin-top:2px; font-size:10px;}
#eventslist li .event-date-location a .car-icon {margin-bottom:-4px;}
#eventslist li .event-video a,
#eventslist li .event-directions a {text-decoration:none;}

#eventslist .paginate-top {text-align:right; padding-bottom:10px;}
#eventslist .paginate-bottom {text-align:right; margin-top:10px;}

.choosebox {background: url(/images/choosebg.gif) no-repeat; line-height:24px;}
#choose, #choose ul {padding:0; margin:0; list-style:none;}
#choose {padding:0; margin:0; list-style:none; line-height:20px; position:relative;}
#choose a {display:block; color:#FFFFFF; text-decoration:none;}
#choose li a {display:block; color:#FFFFFF; text-decoration:none;}
#choose a span {padding-left:5px;}
#choose li {float: left; width: 200px;}
#choose li ul {position:absolute; width:200px; left: -999em;}
#choose li ul a {background-image:url(/images/dropdownmenu-bg.png); padding:2px; font-size:11px;}
#choose li ul a span {padding-left:5px;}
#choose li ul a:hover {color:#ffcc33;}
#choose li:hover ul, #choose li.sfhover ul {left:auto;}

/*---- Video ---*/

.videolist {list-style:none; margin:0; padding:5px 5px 0 5px;}
.videolist li {list-style:none; margin:0 0 5px 0; padding:0; background:url(/images/white70.png);}
.videolist li:hover {list-style:none; background:url(/images/white90.png);}
.videolist-description {float:right; width:167px; padding-top:10px;}
.videolist-thumb {float:left; padding:5px;}
.videolist-added {font-size:9px; color:#666666; padding:5px 0 0 0; margin:0;}
.videolist-description-lg {float:right; width:165px; padding-top:10px; text-align:left;}

.videolist-lg {list-style:none; margin:0; padding:0; width:580px;}
.videolist-lg li {list-style:none; margin:0 0 5px 0; padding:0; background:url(/images/white70.png); border:1px solid #F2F2F2;}
.videolist-lg li:hover {background:#ffffe5;}
.videolist-lg div.right {float:right; width:280px;}
.videolist-lg div.left {float:left; width:280px;}

/*---- Buttons ---*/

.buttons a, .buttons button{display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; color:#565656; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; cursor:pointer;padding:5px 10px 6px 7px; /* Links */}
.buttons button {width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */}
.buttons button[type]{padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type]{padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img {margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}
button:hover, .buttons a:hover {background:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
.buttons a:active {background:#6299c5; border:1px solid #6299c5; color:#fff;}


a.button, #container a.button {background:#F1F1F1 url(/images/ButtonBG.gif) 0 0 repeat-x; border:1px solid #CFCFCF; color:#003399; display:inline-block; padding:4px 10px; text-decoration:none; white-space:pre; -moz-border-radius:3px; -webkit-border-radius:3px;}
a.button:hover, #container a.button:hover  {background:#F1F1F1 url(/images/ButtonBG.gif) 0 -50px repeat-x;}
a.button:active, #container a.button:active {background:#F1F1F1 url(/images/ButtonBG.gif) 0 -50px repeat-x; border:1px solid #BDBDBD;}
a.button img {margin:0 3px -3px 0;}

/*---- Fancy Box ---*/

div#fancy_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:30;}
* html div#fancy_overlay {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_wrap {text-align:left;}
div#fancy_loading {position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
div#fancy_loading div {position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('/images/fancybox/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay {position:absolute;background-color:#FFF;z-index:30;}
div#fancy_loading_icon {position:absolute;background:url('/images/fancybox/fancy_loading.gif') no-repeat;z-index:35;width:16px;height:16px;}
div#fancy_outer {position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px 18px;margin:0;overflow:hidden;background:transparent;display:none;}
div#fancy_inner {position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF;}
div#fancy_content {margin: 0;z-index: 100;position: absolute;}
div#fancy_div {background: #000;color: #FFF;height: 100%;width: 100%;z-index: 100;}
img#fancy_img {position: absolute;top: 0;left: 0;border:0; padding: 0; margin: 0;z-index: 100;width: 100%;height: 100%;}
div#fancy_close {position: absolute;top: -12px;right: -15px;height: 30px;width: 30px;background: url('/images/fancybox/fancy_closebox.png') top left no-repeat;cursor: pointer;z-index: 181;display: none;}
#fancy_frame {position: relative;width: 100%;height: 100%;display: none;}
#fancy_ajax {width: 100%;height: 100%;overflow: auto;}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer;z-index: 111; display: none;background-image: url(data:image/gif;base64,AAAA);outline: none;}
a#fancy_left {left: 0px; }
a#fancy_right {right: 0px; }
span.fancy_ico {position: absolute; top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112; cursor: pointer;display: block;}
span#fancy_left_ico {left: -9999px;background: transparent url('/images/fancybox/fancy_left.png') no-repeat;}
span#fancy_right_ico {right: -9999px;background: transparent url('/images/fancybox/fancy_right.png') no-repeat;}
a#fancy_left:hover {visibility: visible;}
a#fancy_right:hover {visibility: visible;}
a#fancy_left:hover span {left: 20px; }
a#fancy_right:hover span {right: 20px; }
.fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}
div#fancy_bg {position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;}
div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;}
div.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne {top: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se {bottom: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;}
div.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw {top: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;}
div#fancy_title {position: absolute;bottom: -33px;left: 0;width: 100%;z-index: 100;display: none;}
div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;}
div#fancy_title table {margin: 0 auto;}
div#fancy_title table td {padding: 0;vertical-align: middle;}
td#fancy_title_left {height: 32px;width: 15px;background: transparent url(/images/fancybox/fancy_title_left.png) repeat-x;}
td#fancy_title_main {height: 32px;background: transparent url(/images/fancybox/fancy_title_main.png) repeat-x;}
td#fancy_title_right {height: 32px;width: 15px;background: transparent url(/images/fancybox/fancy_title_right.png) repeat-x;}

/*---- Text Hover Buttons ---*/

a.textbutton {background:url(/images/btn-left-bg.png) no-repeat; display:inline-block; height:22px; text-decoration:none; font-size:11px;}
a.textbutton span {background:url(/images/btn-right-bg.png) top right no-repeat; height:22px; display:inline-block; padding:0 27px 0 0; margin:0 0 0 10px; line-height:21px; cursor:pointer; color:#333333;}
a.textbutton span:hover {background-position:100% -22px; color:#003399;}

.event-information {margin:1em 0 0 0;}

#two, .odd {background: #FFFFFF;}

.biobox {background-color:#FFFFCC; border-bottom:1px solid #FFFF99; border-top:1px solid #FFFF99; margin-top:25px; padding:6px 15px 5px 7px;}
.biobox p {margin:0; padding:0;}
.biobox img {float:left; padding-right:15px;}

/*---- Youth Event Slider ---*/

#youthslider .panel .info a.eventinformationbtn {background:url(/images/eventinfobtn.png) no-repeat; display:block; height:22px; width:179px; text-indent:-6000px; margin:1em 0 0 0;}
#youthslider .panel .info a.eventinformationbtn:hover {background-position:0 -22px;}
#youthslider #slider {width:580px; height:243px; color:#222222;}
#youthslider .scroll {height:580px; height:243px; overflow:hidden; position:relative; clear:left;}
#youthslider .scrollContainer div.panel {height:243px; width:930px;}
#youthslider .slidebg {width:580px; height:243px; display:block;}
#youthslider .panel .info {width:580px; float:none; padding-top:20px;}
#youthslider .panel .info p {margin:0 0 1em 0;}
#youthslider .hide {display: none;}

.girls_slidetray {background:#aabcc6;}
.girls_slidetray ul.navigation {list-style:none; margin:0; padding:0;}
.girls_slidetray ul.navigation {position:relative; top:auto; left:auto; list-style:none; z-index:3; margin:0; padding:5px;}
.girls_slidetray ul.navigation li {float:left; margin-right:5px; margin-bottom:5px; padding:0;}
.girls_slidetray ul.navigation a {opacity:0.4; filter:alpha(opacity=40); padding:0; display:block;}
.girls_slidetray ul.navigation a:hover {opacity:1; filter:alpha(opacity=100);}
.girls_slidetray ul.navigation a.selected {background:#FFFFFF; opacity:1; filter:alpha(opacity=100)}
.girls_slidetray ul.navigation a:focus {outline: none;}

/*---- Youth Event Slider ---*/

#girls_slider .panel .info a.eventinformationbtn {background:url(/images/eventinfobtn.png) no-repeat; display:block; height:22px; width:179px; text-indent:-6000px; margin:1em 0 0 0;}
#girls_slider .panel .info a.eventinformationbtn:hover {background-position:0 -22px;}
#girls_slider #slider {width:580px; height:243px; color:#222222;}
#girls_slider .scroll {height:580px; height:243px; overflow:hidden; position:relative; clear:left;}
#girls_slider .scrollContainer div.panel {height:243px; width:930px;}
#girls_slider .slidebg {width:580px; height:243px; display:block;}
#girls_slider .panel .info {width:580px; float:none; padding-top:20px;}
#girls_slider .panel .info p {margin:0 0 1em 0;}
#girls_slider .hide {display: none;}

.youthslidetray {background:#aabcc6;}
.youthslidetray ul.navigation {list-style:none; margin:0; padding:0;}
.youthslidetray ul.navigation {position:relative; top:auto; left:auto; list-style:none; z-index:3; margin:0; padding:5px;}
.youthslidetray ul.navigation li {float:left; margin-right:5px; margin-bottom:5px; padding:0;}
.youthslidetray ul.navigation a {opacity:0.4; filter:alpha(opacity=40); padding:0; display:block;}
.youthslidetray ul.navigation a:hover {opacity:1; filter:alpha(opacity=100);}
.youthslidetray ul.navigation a.selected {background:#FFFFFF; opacity:1; filter:alpha(opacity=100)}
.youthslidetray ul.navigation a:focus {outline: none;}

/*---- SoCal Women Slider ---*/

#womenslider .panel .info a.eventinformationbtn {background:url(/images/eventinfobtn.png) no-repeat; display:block; height:22px; width:179px; text-indent:-6000px; margin:1em 0 0 0;}
#womenslider .panel .info a.eventinformationbtn:hover {background-position:0 -22px;}
#womenslider #slider {width:580px; height:243px; color:#222222;}
#womenslider .scroll {height:580px; height:243px; overflow:hidden; position:relative; clear:left;}
#womenslider .scrollContainer div.panel {height:243px; width:930px;}
#womenslider .slidebg {width:580px; height:243px; display:block;}
#womenslider .panel .info {width:580px; float:none; padding-top:20px;}
#womenslider .panel .info p {margin:0 0 1em 0;}
#womenslider .hide {display: none;}

.womenslidetray {background:#aabcc6;}
.womenslidetray ul.navigation {list-style:none; margin:0; padding:0;}
.womenslidetray ul.navigation {position:relative; top:auto; left:auto; list-style:none; z-index:3; margin:0; padding:5px;}
.womenslidetray ul.navigation li {float:left; margin-right:5px; margin-bottom:5px; padding:0;}
.womenslidetray ul.navigation a {opacity:0.4; filter:alpha(opacity=40); padding:0; display:block;}
.womenslidetray ul.navigation a:hover {opacity:1; filter:alpha(opacity=100);}
.womenslidetray ul.navigation a.selected {background:#FFFFFF; opacity:1; filter:alpha(opacity=100)}
.womenslidetray ul.navigation a:focus {outline: none;}

/*---- Royal Rangers Slider ---*/

#royalrangerslider .panel .info a.eventinformationbtn {background:url(/images/eventinfobtn.png) no-repeat; display:block; height:22px; width:179px; text-indent:-6000px; margin:1em 0 0 0;}
#royalrangerslider .panel .info a.eventinformationbtn:hover {background-position:0 -22px;}
#royalrangerslider #slider {width:580px; height:243px; color:#222222;}
#royalrangerslider .scroll {height:580px; height:243px; overflow:hidden; position:relative; clear:left;}
#royalrangerslider .scrollContainer div.panel {height:243px; width:930px;}
#royalrangerslider .slidebg {width:580px; height:243px; display:block;}
#royalrangerslider .panel .info {width:580px; float:none; padding-top:20px;}
#royalrangerslider .panel .info p {margin:0 0 1em 0;}
#royalrangerslider .hide {display: none;}

.royalrangerslidetray {background:#aabcc6;}
.royalrangerslidetray ul.navigation {list-style:none; margin:0; padding:0;}
.royalrangerslidetray ul.navigation {position:relative; top:auto; left:auto; list-style:none; z-index:3; margin:0; padding:5px;}
.royalrangerslidetray ul.navigation li {float:left; margin-right:5px; margin-bottom:5px; padding:0;}
.royalrangerslidetray ul.navigation a {opacity:0.4; filter:alpha(opacity=40); padding:0; display:block;}
.royalrangerslidetray ul.navigation a:hover {opacity:1; filter:alpha(opacity=100);}
.royalrangerslidetray ul.navigation a.selected {background:#FFFFFF; opacity:1; filter:alpha(opacity=100)}
.royalrangerslidetray ul.navigation a:focus {outline: none;}

/*---- Kids Ministry Slider ---*/

#kidsministryslider .panel .info a.eventinformationbtn {background:url(/images/eventinfobtn.png) no-repeat; display:block; height:22px; width:179px; text-indent:-6000px; margin:1em 0 0 0;}
#kidsministryslider .panel .info a.eventinformationbtn:hover {background-position:0 -22px;}
#kidsministryslider #slider {width:580px; height:243px; color:#222222;}
#kidsministryslider .scroll {height:580px; height:243px; overflow:hidden; position:relative; clear:left;}
#kidsministryslider .scrollContainer div.panel {height:243px; width:930px;}
#kidsministryslider .slidebg {width:580px; height:243px; display:block;}
#kidsministryslider .panel .info {width:580px; float:none; padding-top:20px;}
#kidsministryslider .panel .info p {margin:0 0 1em 0;}
#kidsministryslider .hide {display: none;}

.kidsministryslidetray {background:#aabcc6;}
.kidsministryslidetray ul.navigation {list-style:none; margin:0; padding:0;}
.kidsministryslidetray ul.navigation {position:relative; top:auto; left:auto; list-style:none; z-index:3; margin:0; padding:5px;}
.kidsministryslidetray ul.navigation li {float:left; margin-right:5px; margin-bottom:5px; padding:0;}
.kidsministryslidetray ul.navigation a {opacity:0.4; filter:alpha(opacity=40); padding:0; display:block;}
.kidsministryslidetray ul.navigation a:hover {opacity:1; filter:alpha(opacity=100);}
.kidsministryslidetray ul.navigation a.selected {background:#FFFFFF; opacity:1; filter:alpha(opacity=100)}
.kidsministryslidetray ul.navigation a:focus {outline: none;}

/*---- Event Details Template ---*/

#event-details-box {padding:15px 15px 10px 15px; margin-bottom:20px; background:#eceae8; border:1px solid #d9d7d3; -moz-border-radius:5px; -webkit-border-radius:5px;}
#event-details-box h4 {font-size:13px; margin:0 0 5px 0; color:#333333;}

.event-poster {float:right; margin:2px 0 20px 20px;}

.labelrow {color:#FFFFFF; text-align:left; text-transform:uppercase; font-size:10px; font-weight:normal;}
.labelrow th {font-weight:normal;}
.downloadrow {background:#f9f8f9; border-top:1px solid #e5e2ea; border-bottom:1px solid #ffffff; color:#666666; height:25px; font-size:11px;}
.downloadrow td {border-top:1px solid #e5e2ea; border-bottom:1px solid #ffffff;}
.downloadrow:hover {border-top:1px solid #e5e2ea; background:#FFFFFF;}
.downloadrow a {font-weight:bold; text-decoration:none;}


.menubox {width:280px; margin:15px auto 0px auto;}
.menubox .menubox-top {background:#336699 url(../images/MenuBoxTopBG.gif) top; border:1px solid #336699; -moz-border-radius-topright:5px; -webkit-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-radius-topleft:5px;}
.menubox .menubox-top .menubox-label {color:#FFFFFF; text-shadow:0 -1px #234A70; font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin:0; padding:5px 10px;}
.menubox .menubox-bottom {background:#336699; height:5px; -moz-border-radius-bottomright:5px; -webkit-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px;}
.menubox .menubox-bottom-more {background:#336699; height:5px; -moz-border-radius-bottomright:5px; -webkit-border-radius-bottomright:5px;}
a.more-events-link {background:#336699; color:#FFFFFF; display:inline-block; font-size:10px; padding:2px 10px 3px 10px; text-decoration:none; text-shadow:0 -1px #234A70; -moz-border-radius-bottomright:5px; -webkit-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px;}
a.more-events-link:hover {color:#ffcc33; text-decoration:none;}

.menubox ul {list-style:none; margin:0; padding:0;}
.menubox ul li {list-style:none; border-top:1px solid #e5e2ea; margin:0; padding:0;}
.menubox ul li a {display:block; padding:5px 10px; background:#f6f5f7; text-decoration:none; border-top:1px solid #ffffff;}
.menubox ul li a:hover {background:#FFFFFF;}
.menubox ul li a p {margin:0; color:#666666; font-size:10px;}
.menubox ul li.current a {background:#FFFFFF; font-weight:bold;}

.textinput {background-color:#FFFFFF; border-top:1px solid #999; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #999; color:#666; display:block; line-height:13px; padding:6px; width:206px;}
.textinput:focus {background-color:#ffffcc; color:#333;}
.textarea {background-color:#FFFFFF; border-top:1px solid #999; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #999; color:#666; display:block; font:13px 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif; line-height:13px; padding:5px; width:448px;}
.textarea:focus {background-color:#ffffcc; color: #333;}

.missiontable {vertical-align:top;}


/*---- Inglesias y Pastores ---*/
td.pastoresEmail {padding: 0 0 0 22px; }
td.pastoresEmail a {background: url(/images/icons/email.png) 0 0 no-repeat; margin-left: -20px; padding-left: 20px; }
.pastores a {text-decoration:none;}
.pastores a:hover{text-decoration:underline;}


.stafftitle {color:#999; font-size: 10px;}




/*---- SoCal Connection ---*/
#page_socalconnection .avatar {
	clear: both;
	float: right; margin: 20px 0 20px 20px;
}

#page_socalconnection h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 0px;
	padding-bottom: 0;
}

#page_socalconnection h3 a {
	text-decoration: none;
}

#page_socalconnection h3 a:hover {
	text-decoration: underline;
}

#page_socalconnection h4 {
	font-weight: normal;
	font-size: 11px;
	color: #666;
}

#page_socalconnection .continuereading {
	display: block;
	margin-top: 10px;
	width: 150px;
}

.comment {background: #FFF; padding: 15px 20px 6px 20px; margin: 0 0 5px 0;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


.comment .authorinfo {color: #666; font-size: 11px;}

#page_socalconnection .ministrySection {float: left; width: 180px; margin: 0 0 20px 0; font-size: 11px;}
#page_socalconnection .ministrySection.middle {margin: 0 20px 20px 20px;}
#page_socalconnection .ministrySection.first {clear: both;}

#page_socalconnection .ministrySection h4 {
	margin: 3px 0 5px 0;
	padding: 0;
	}

#page_socalconnection .ministrySection a {
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}

#page_socalconnection .ministrySection p {margin: 0; padding: 0 0 10px 0;}

#page_socalconnection .ministrySection h4 a:hover {
	text-decoration: underline;
} 

#page_socalconnection .ministrySection h5 {
	font-size: 10px;
	white-space: pre;
	font-weight: normal;
	text-transform: uppercase;
	color: #777;
	margin: 0 0 2px 0;
	padding: 0;
}

#page_socalconnection h2 {
	margin-bottom: 0;
	padding: 0;
}

#page_socalconnection  h3.byline {
	margin: 10px 0;
	padding: 0;
	display: inline-table;
	font-size: 14px;
}




a.printButton {
	color: #666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	float: right;
	margin: 15px 0 0 10px;
}

a.printButton:hover {
	color: #333;
}


a.printButton .icon {
	filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  margin: 0 0 -3px 0;
}
 
a.printButton:hover .icon {
	filter:alpha(opacity=1);
  /* CSS3 standard */
  opacity:1;
  margin: 0 0 -3px 0;
}


a.shareButton {
	float: right;
	margin: 15px 0 0 10px;
}


/* ====================EE QUIZ MODULE==================================== */ 
/* general question styles */ 

div.eequiz {
margin-bottom: 20px;
} 

div.eequiz h1 { 
   padding: 5px; 
   margin: 5px; 
   font-size: 12px; 
   font-weight: normal; 
   color: #999; 
} 

div.eequiz div.question_info { 
   padding: 5px; 
   margin: 5px; 
   color: #555; 
   background-color: #ccc; 
   font-style: italic; 
   font-size: 12px; 
   line-height: 1.2em; 
   display: none;
} 

div.eequiz div.question_text { 
   clear: both; 
   font-size: 14px;  
   padding: 10px 10px 0 10px; 
} 

div.eequiz div.answer_section { 
   padding: 10px; 
   border-bottom: 1px solid #ccc; 
} 
div.eequiz div.answer_footer { 
   clear: both; 
} 

div.eequiz div.feedback_section { 
   margin-bottom: 10px; 
} 

/* ======================================================== */ 
/* answer mark styles */ 

div.eequiz div.incorrect_mark { 
   padding: 5px; 
   margin-bottom: 10px; 
   color: #F00; 
   background-color: #FEE; 
} 
div.eequiz div.partially_correct_mark { 
   padding: 5px; 
   margin-bottom: 10px; 
   color: #BB0; 
   background-color: #FFE; 
} 
div.eequiz div.correct_mark { 
   padding: 5px; 
   margin-bottom: 10px; 
   color: #0F0; 
   background-color: #EFE; 
} 
div.eequiz div span.mark_text { 
} 

/* ======================================================== */ 
/* controls styles */ 

div.eequiz div.question_controls { 
   margin-top: 20px; 
   clear: both; 
} 
div.eequiz a.next_link { 
   float: right; 
   margin-right: 10px;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
} 
div.eequiz a.previous_link { 
   float: left; 
   margin-left: 10px; 
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
} 
div.eequiz a.disabled { 
   color: #CCC; 
   cursor: default; 
} 
div.eequiz input.submit_answer_button { 
   display: block; 
   width: 150px; 
   margin: 0 auto; 
} 

/* ======================================================== */ 
/* multiple choice styles */ 

div.eequiz ol.multiple_choice_options { 
} 

/* ======================================================== */ 
/* matching styles */ 

div.eequiz ol.matching_problems { 
   width: 150px; 
   float: left; 
} 
div.eequiz ol.matching_problems li select { 
   margin-right: 5px; 
} 
div.eequiz ol.matching_choices { 
   width: 150px; 
   float: right; 
   list-style-type: decimal; 
} 
div.eequiz ol.matching_choices li { 
   margin-left: 30px; 
   padding-left: 5px; 
}