@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Cinzel:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	background:#fff
	}
.left{float:left}
.right{float:right}
.clear{ clear:both}

img, img a{border:0}
h1,h2,h3{
	font-weight:400;
	font-family: 'Cinzel', serif;
}
h1{
	font-size:24px;
	}
h2{
	font-size:20px;
	}
h3{
	font-size:18px;
	}
strong{ font-weight:600}
p, ol, ul{
	font-size:13px;
	font-weight:400;
	color:#333333
	}
.blue{color:#08266a}	
#index{
	background:url(images/bgtop.jpg) top  center no-repeat;
	width:100%;
	}
#wrap{
	width:960px;
	margin:0 auto;
	}

.menutop{
	background:url(images/menutop-bg.png) no-repeat;
	height: 41px;
    padding: 8px 0 0 35px;
    width: 265px;
	}
.menutop ul{
	padding:0;
	margin:0;
	}
.menutop ul li{
	float:left;
	line-height:12px;
	border-right:1px #fff solid;
	list-style:none
	}
.menutop ul li:last-child{
	border-right:none;
	}
.menutop ul li a{
	font-size:12px;
	padding:0 7px;
	display:block;
	color:#fff;
	font-weight:600;
	text-decoration:none
	}
.menutop ul li a:hover{
	text-decoration:underline;
	}
.phone{
	margin:30px 0 0 0;
	}
.phone span{
	padding:0 0 0 10px;
	color:#e41237;
	font-size:16px;
	font-weight:700;
	font-family: 'Cinzel', serif;
	letter-spacing: 0.5px;
	}
	
/* MAIN MENU */


.mainmenu {
	position:relative;
	z-index:4;
	height: 37px;
	margin:0 auto 20px auto;
	font-family: 'Cinzel', serif;
	border-top:#003b7d 1px solid;
	border-bottom:#003b7d 2px solid;
}

.mainmenu ul {
	list-style: none outside none;
	margin:0 ;
	padding: 0;
}

.mainmenu li {
	float: left;
	list-style:none

}

.mainmenu a {
	padding:8px 45px;
	display:block;
	text-decoration:none;
	font-size:14px;
	font-weight:700;
	font-family: 'Cinzel', serif;
	color:#0a296c;
	text-transform:uppercase
	}
.mainmenu li:last-child {
	background:none;
	}

.mainmenu ul ul {
	display: none;
	position: absolute;
	width: 220px;
	z-index: 99999;
	margin:0;
	border:2px solid #003a7c
}

.mainmenu ul ul li {
	border-bottom: 1px solid #003a7c;
	min-width: 200px;

}

.mainmenu ul ul ul {
	left: 100%;
	top: 30px;
}
.mainmenu ul ul a {
	background: none repeat scroll 0 0 #07458c;
	color: #fff;
	height: auto;
	line-height: 17px;
	padding: 7px 10px;
	width: 200px;
}
.mainmenu li:hover > a {
	color: #e41237;
}
.mainmenu ul ul *:hover > a {
	color: #fff;
	background:#4096ee
}

.mainmenu ul li:hover > ul {
	display: block;
}	

/* BANNER */
#banner{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:relative;
	width:960px;
	height:416px;
	
	}
.banner-shr{
	position:absolute;
	right:-25px;
	z-index:1
	}
.banner-shl{
	position:absolute;
	left: -25px;
	z-index:1
	}
.banner-img{
	position:absolute;
	width:960px;
	height:416px;
	z-index:2
	}
.banner-txt{
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	position:absolute;
	z-index:3;
	bottom:20px;
	color:#fff;
	width:960px;
	}
.banner-txt span.big36{
	font-size:36px;
	font-weight:400;
	}
.banner-txt span.big36 strong{
	font-size:36px;
	font-weight:700;
	}	
.banner-txt span.small14{
	font-size:14px;
	font-weight:600;
	}
.arrowl{
	position: absolute;
	left:20px;
	top:180px;
	z-index:3
	}
.arrowr{
	position: absolute;
	right:20px;
	top:180px;
	z-index:3
	}
	
/*CONTENT HOME */
#contenthome{
	background:url(images/body_bg.jpg) repeat;
	width:100%;
	overflow:hidden;
	padding:20px 0 0;
	margin-top:10px
	}
#contenthome .cta1{
	background:url(images/cta1.png) no-repeat;
	width:310px;
	height:205px;
	float:left
	}
#contenthome .cta2{
	background:url(images/cta2.png) no-repeat;
	width:310px;
	height:205px;
	float:left;
	margin:0 15PX;
	}
#contenthome .cta3{
	background:url(images/cta3.png) no-repeat;
	width:310px;
	height:205px;
	float:left;
	}
#contenthome .cta3 ul{
	margin:0 0 0 20px;
	padding:0;
}
#contenthome .cta3 ul li{
	list-style:none;
}
#contenthome .cta3 ul li a{
	text-decoration:underline;
	color:#333
}
#contenthome .cta1 H2,#contenthome .cta2 H2, #contenthome .cta3 H2{
	color:#08266a;
	margin:15px 0 15px 15px;
	}
#contenthome .cta1 p, #contenthome .cta2 p, #contenthome .cta3 p{
	margin:0 0 15px 15px;
	line-height:18px
	}
#contenthome .cta1 p strong, #contenthome .cta2 p strong, #contenthome .cta3 p strong{
	font-weight:600;
	}
#contenthome .cta1 p.more a, #contenthome .cta2 p.more a, #contenthome .cta3 p.more a{
	color:#f41224;
	font-family: 'Cinzel', serif;
	font-size:16px;
	font-weight:400;
	text-decoration:none
	}
#contenthome .cta1 p.more a:hover, #contenthome .cta2 p.more a:hover,  #contenthome .cta3 p.more a:hover{
	text-decoration:underline;
	}

#contenthome .shalom{
	padding:0 40px 15px;
	}	
#contenthome .shalom h1{
	font-size:30px;
	color:#7a130c;
	}
#contenthome .shalom p{
	font-size:14px;
	line-height:24px;
	}

#footer{
	background:url(images/body_bg.jpg) repeat;
	width:100%;
	overflow:hidden;
	}
#footer .col{
	float:left;
	margin:10px 50px 0 0;
	padding:0 0 30px 0;
	}
#footer .last-child{
	float:left;
	margin:20px 0 0 0;
	padding:0 0 30px 0;
	}
#footer h1{
	font-size:26px;
	color:#7a130c;
	margin:10px 0 20px;
	}
#footer ul{
	margin:0;
	padding:0;
	}
#footer ul li{
	list-style:none;
	line-height:20px
	}
#footer ul li a{
	text-decoration:underline;
	color:#333333
	}
#footer ul li a:hover{
	text-decoration:none;
	}
	
#footer .bottom{
	border-top:dotted #b2b2b2 2px;
	font-size:12px;
	color:#333333;
	padding:10px 20px 30px
	}
#footer .bottom ul{
	margin:0 ;
	padding:0;
	
	}
#footer .bottom ul li{
	float:left;
	list-style:none;
	line-height:12px;
	border-right:1px solid #333333
	}
#footer .bottom ul li a{
	padding:0 5px;
	display:block;
	text-decoration:none;
	font-size:12px;
	}
#footer .bottom ul li a:hover{
	color:#000;
	}

/* INTERIOR */
#interior{
	background:url(images/bgtopint.jpg) top  center no-repeat;
	width:100%;
	}
#content{
	background: url(images/top-shadow.png) top center no-repeat #faf8f8;
	overflow:hidden;
	}
.submenu ul{
	margin:0;
	padding:0;
	border-bottom:#eeeded solid 1px;
	overflow:hidden
	}
.submenu ul li{
	list-style:none;
	float:left;
	width:150px;
	text-align:center
	}
.submenu ul li.long{
	width:auto;
	
	}
.submenu ul li a{
	display:block;
	padding:15px 0;
	font-size:13px;
	font-weight:400;
	font-family: 'Cinzel', serif;
	color:#003c7b;
	text-decoration:none
	}
.submenu ul li a:hover{
	color:#666666;
	}
.submenu ul li.current a{
	color:#fff;
	background: none repeat scroll 0 0 #4096ee;
	}

/* SIDEBAR */
#sidebar{
	float:left;
	width:270px;
	}
#sidebar .row{
	padding:25px 20px 15px 25px;
	border-bottom:dotted 2px #ffffff;
	background:#c8e9ff
	}
#sidebar .row H2{
	color:#08266a;
	margin:0
	}
#sidebar .row  p.more a{
	color:#f41224;
	font-family: 'Cinzel', serif;
	font-size:16px;
	font-weight:400;
	text-decoration:none
	}
#sidebar .row  p.more a:hover{
	text-decoration:underline;
	}

/* CONTENT INTERIOR */
#content-r{
	background: url(images/shadowside.png) left top no-repeat;
	float:left;
	width:630px;
	padding:25px 20px 20px 40px;
	min-height: 620px;
	color: #333333;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 20px;
	}
#content-r H1, #content-r H2, #content-r H3, #content-r H4{
	margin:0 0 20px 0;
	color:#e41237;
	}
#content-r div{
	color: #333333;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 20px;
	}
#content-r p{
	line-height:20px;
	margin:0 0 20px 0;
	}
#content-r p a, #content-r a{
	color:#08266a;
	text-decoration:none;
	}
#content-r p a:hover, #content-r a:hover{
	color:#08266a;
	text-decoration: underline;
	}
#content-r ul, #content-r ol{
	margin:0 0 20px 0;
	padding:0;
	}
#content-r ol li{
	padding-left:20px;
	margin-left:20px;
	}
#content-r ul li{
	list-style:none;
	line-height:24px
	}
.job ul li {
	list-style:disc !important;
	margin-left: 20px;	
	}
#content-r ul li:before {
	content: "\2192\0020 ";
	color:#e41237;
	
	}
.job ul li:before {
	content: none !important;
	color:#e41237;
	
	}
#content-r ul li a{
	color:#08266a;
	text-decoration:none;
	}
#content-r ul li a:hover{
	color:#08266a;
	text-decoration: underline;
	}
	
/* Add Class to make Iframe Google Calendar Responsive */
.calendarView {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.calendarView iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* End Add Class to make Iframe Google Calendar Responsive */

.col-last {
	padding: 0px !important;
}
#mmenu{ display:none}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

	#banner{ width:auto; height:auto; margin:0 10px}
	#wrap {
    width: 100%;
}
	.banner-shl{ display:none}
	.banner-shr{display:none}
	.mainmenu a{padding: 8px 25px;}
	#sidebar{ width:33%}
	#content-r{width: 60%;
    padding: 25px 20px 20px 20px;}
	#footer .col{margin: 10px 50px 0 30px;}
	#interior #footer{ background:url(images/body_bg.jpg) repeat top}
	#content-r img{width:100%}
#content-r table{width:auto}
#contenthome .cta1 {
    background: url(images/cta1-pad.png) no-repeat;
    width: 239px;
    height: 205px;
    float: left;
    margin-left: 10px;
}
#contenthome .cta2 {
    background: url(images/cta2-pad.png) no-repeat;
    width: 239px;
    height: 205px;
    float: left;
    
}
#contenthome .cta3 {
    background: url(images/cta3-pad.png) no-repeat;
    width: 239px;
    height: 205px;
    float: left;
    
}
  }
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	
	#contenthome .cta1 {
   
    margin-left: 130px;
}
}


@media (max-width : 767px) {
#mmenu{background:#fff;height: 40px; display:block!important; margin:10px 0 0}
#wrap {
    width: 100%;
}
#wrap .right{float:none}
.phone img.left{float:none}
.menutop{position:absolute; top:0; right:0}
.mainmenu {
	display:none
}
.mainmenu ul ul{ border:none; width:auto;}
.mainmenu ul ul a{ width:auto}
.submenu ul li{width:auto}
.submenu ul li a{padding: 15px 10px;}
#sidebar{width:auto}
#content-r{width:auto; padding:25px 20px 20px}
#content-r img{width:100%}
#content-r table{width:auto}
.phone {
    margin: 0;
    display: inline-block;
    text-align: center;
    width: 100%;
}
#banner{ width:auto; height:auto; margin:20px 10px}
.banner-shl{ display:none}
.banner-shr{display:none}
#contenthome .cta1,#contenthome .cta2, #contenthome .cta3{float: none;
    margin: 0 auto;}
#contenthome .cta1 H2, #contenthome .cta2 H2, #contenthome .cta3 H2{
	padding: 15px 0 15px 15px;
    margin: 0;
}
#interior #footer{ background:url(images/body_bg.jpg) repeat top}
#footer .bottom{text-align:center}
#footer .col,#footer .last-child{ margin-left:30px;}

.bottom .left{float:none}
#footer .bottom ul{margin:0 30px;}
#footer .bottom ul li{ display:inline; float:none; line-height:24px}
#footer .bottom ul li a{display:inline}
}

.descLeft {
float:left;
}

.descRight {
float:right;
}

.clear {
clear:both;
}