/* CSS Document */
body{margin:0; padding:0; font:14px/18px Georgia, "Times New Roman", Times, serif; color:#666;}
div, p, ul, h1, h2, h3, h4, form{margin:0px; padding:0px;}
ul{list-style-type:none;}

.galleryItem{border:0;}
.galleryItemThumb{border:0;}

/*--Top Panel--*/
#topPanContainer{background:#fff; border-bottom:solid lightgray 1px;}

#topPan{max-width:708px; height:155px; position:relative; margin:0 auto; padding:0;}
#topPan h1{width:172px; height:165px; position:absolute; top:83px; left:0px; display:block; background:url(../Content/header.jpg) 0 0 no-repeat #FEFFFE; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:65px 86px 0 450px; font-weight:normal;}
#topPan h1 span{font-size:14px;}
#topPan #zion{box-sizing:border-box; width:100%; min-height:155px; position:absolute; top:20px; left:0px; display:block; background:url(../Content/header.jpg) 0 0 no-repeat #FEFFFE; background-size:100% auto; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:5px 20px 0 0; text-align:right; font-weight:normal;}
#mainMenu { font-size:.75em; right:-8px !important; }
@media(min-width: 575px){
	#topPan{height:339px;}
	#topPan #zion{box-sizing:border-box; width:100%; height:230px; position:absolute; top:20px; left:0px; display:block; background:url(../Content/header.jpg) 0 0 no-repeat #FEFFFE; background-size:100% auto; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:45px 86px 0 450px; text-align:left; font-weight:normal;}
}
@media(min-width: 763px){
	#mainMenu { font-size:1em; right:14px !important; }
}
#topPan #zion span{font-size:14px;}

#topPan img{width:245px; height:39px; display:block; position:absolute; top:39px; left:0px;}

#topPan ul{width:410px; height:27px; position:absolute; top:47px; right:0px;}
#topPan ul li{float:right; width:82px; height:27px; background:#FBA01B; display:block;}
#topPan ul li.selected{background:url(../Content/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#fff; text-decoration:none; font:13px/27px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
#topPan ul li a{display:block; width:82px; height:27px; color:#fff; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topPan ul li a:hover{background:url(../Content/bullet1.gif) 50% 0 no-repeat #FEB31E; color:#fff; text-decoration:none;}

/*--Top Panel SubPage--*/
#topPanSubPage{max-width:708px; height:50px; position:relative; margin:0 auto; padding:0;}
#topPanSubPage h1{width:172px; height:165px; position:absolute; top:113px; left:0px; display:block; background:url(../Content/header.jpg) 0 0 no-repeat #FEFFFE; font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; padding:65px 86px 0 450px; font-weight:normal;}
#topPanSubPage h1 span{font-size:14px;}

#topPanSubPage img{width:245px; height:39px; display:block; position:absolute; top:5px; left:0px;}

#topPanSubPage ul{width:410px; height:27px; position:absolute; top:0px; right:0px;}
#topPanSubPage ul li{float:right; width:82px; height:27px; background:#FBA01B; display:block;}
#topPanSubPage ul li.selected{background:url(../Content/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#fff; text-decoration:none; font:13px/27px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
#topPanSubPage ul li a{display:block; width:82px; height:27px; color:#fff; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topPanSubPage ul li a:hover{background:url(../Content/bullet1.gif) 50% 0 no-repeat #FEB31E; color:#fff; text-decoration:none;}

/*--Middle Panel--*/
#mainmiddlePan{min-height:360px; background:url(../Content/middlepanbg.gif) 0 0 repeat-x #F0F0F0; color:#666; padding:17px 0 0;}
#mainmiddlePanSubPage{min-height:500px; background:url(../Content/middlepansubbg.jpg) 0 0 repeat-x #FFFFFF; color:#666; padding:17px 0 0;}
#mainmiddlePanSubPage_Study{min-height:500px; background:#F2F2F2; color:#666; padding:17px 0 0;}
#middlePan{max-width:708px; position:relative; margin:0 auto;}

/*--MiddleLeft Panel--*/
#middleleftPan{width:475px; float:left;}
#middleleftPan h2{width:260px; height:77px; background:url(../Content/icon1.jpg) 0 50% no-repeat; color:#D67200; font:26px/77px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#middleleftPan p{padding:10px 72px 0 0;} 
#middleleftPan p span.boldtext{font-weight:bold;}
#middleleftPan p.more{width:118px; height:24px; margin:20px 0 0 284px; padding:0;}
#middleleftPan p.more a{width:100px; height:24px; display:block; background:url(../Content/icon5.jpg) 0 0 no-repeat #F0F0F0; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#middleleftPan p.more a:hover{text-decoration:underline;}

#middleleftPanSubPage{max-width:708px;}
#middleleftPanSubPage h2{width:100%; height:77px; color:#D67200; font:26px/77px Arial, Helvetica, sans-serif; padding:0 0 0 0px;}
#middleleftPanSubPage h3{width:100%; text-align:center; font:24px/30px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 20px 0px;}
#middleleftPanSubPage p{padding:10px 72px 0 0;} 
#middleleftPanSubPage p span.boldtext{font-weight:bold;}

/*--MiddleRight Panel--*/
#middlerightPan{width:233px; float:left;}
#middlerightPan form{width:231px; background:#fff; color:#3B3B3B; border: solid lightgray 1px;}
#middlerightPan form input{width:195px; height:18px; margin:5px 0 10px 18px; }
#middlerightPan form label{width:195px; height:18px; margin:0 0 0 18px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; }
#middlerightPan form p{width:195px; height:18px; margin:0 0 0 18px; font:14px Arial, Helvetica, sans-serif; }
#middlerightPan form a{font:13px Arial, Helvetica, sans-serif;}

#middlerightPan form input.button{width:58px; height:24px; float:left; margin:0; background:url(../Content/login.jpg) 0 0 no-repeat #FEFEFE; color:#fff; border:none; font:14px/18px Georgia, "Times New Roman", Times, serif; font-weight:bold; }

#middlerightPan form a{text-decoration:none; cursor:hand;}
#middlerightPan form h2{width:150px; height:50px; display:inline; color:#D67200; font:22px/26px Arial, Helvetica, sans-serif; padding:25px 0 0 0;}
#middlerightPan form #register{width:160px; height:24px; float:left; }
#middlerightPan form #register a{display:block; background:url(../Content/icon3.jpg) 10% 50% no-repeat #fff; color:#666; font:22px/24px Arial, Helvetica, sans-serif; padding:0 0 0 35px; text-decoration:none;}
#middlerightPan form #register a:hover{background:url(../Content/icon3.jpg) 10% 50% no-repeat #fff; color:#000; text-decoration:none;}

#middlerightPan div.online{position:relative; width:233px; height:66px; margin:0px 0 23px;}
#middlerightPan div.online div{width:209px; height:66px; padding:22px 0 0 24px; display:block; background:url(../Content/online.jpg) 0 0 no-repeat #EFEFEF; color:#fff; font:18px/20px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#middlerightPan div.online #q{width:150px; margin-left:10px;}
#middlerightPan div.online a{padding-left:10px; color:#FBA01B;}
#middlerightPan div.online img{padding:0;}
#middlerightPan #form1{margin-top:40px; height:234px; padding:10px;}
#middlerightPan #form1 h2{padding-left:10px; vertical-align:middle;}
#podcastItems{margin-top:10px;}

/*--Bottom Panel--*/
#bottomPan{max-width:708px; position:relative; margin:0 auto;}
#bottommiddlePan{max-width:708px; float:left; margin:41px 0; background:url(../Content/middleborder.gif) 0 0 repeat-y;}

/*--Bottom Left Panel--*/
#bottomleftPan{width:354px; float:left;}
#bottomleftPan p{padding:10px 72px 0 0;} 
#bottomleftPan p span.boldtext{font-weight:bold;}

#bottomleftPan p.more{width:118px; height:24px; margin:20px 0 0 186px; padding:0;}
#bottomleftPan p.more a{width:100px; height:24px; display:block; background:url(../Content/icon5.jpg) 0 0 no-repeat #fff; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#bottomleftPan p.more a:hover{text-decoration:underline;}


#bottomleftPan h2{width:260px; height:57px; background:url(../Content/icon4.jpg) 0 0% no-repeat #fff; color:#D67200; font:26px/35px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#bottomleftPan h3{width:260px; height:26px; font-size:18px; display:block;}
#bottomleftPan h4{width:298px; height:104px; background:url(../Content/image1.jpg) 0 0 no-repeat #fff; color:#000; text-indent:-20000px; margin:25px 0 0;}

/*--Bottom Right Panel--*/
#bottomrightPan{width:354px; float:left;}
#bottomrightPan p{padding:10px 2px 0 60px;} 
#bottomrightPan p span.boldtext{font-weight:bold;}

#bottomrightPan p.more{width:80px; height:24px; margin:20px 0 0 238px; padding:0;}
#bottomrightPan p.more a{width:80px; height:24px; display:block; background:url(../Content/icon5.jpg) 0 0 no-repeat #fff; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#bottomrightPan p.more a:hover{text-decoration:underline;}


#bottomrightPan h2{width:200px; height:26px; font-size:18px; display:block; line-height:26px; padding:0 0 0 60px; margin:0;}
#bottomrightPan h3{width:152px; height:74px; display:block; background:url(../Content/image2.jpg) 0 0 no-repeat #FEFEFE; color:#fff; font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:25px 0 0 60px; font-weight:bold; text-transform:uppercase; padding:30px 126px 0 14px;}
#bottomrightPan h3 span{ font-size:14px; text-transform:none;}

/*---FOOTER PANEL--*/
#footermainPan{height:100px; background:url(../Content/footerbg.gif) 0 0 repeat-x; color:#fff; margin:0; padding:0; clear:both;}
#footerPan{max-width:778px; position:relative; margin:0 auto;}
#footerPan img{width:248px; height:38px; position:absolute; top:23px; right:6px;}

#footerPan ul{width:500px; position:absolute; top:36px; left:49px;}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#7D7D7D; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:56px; left:61px;}

#footerPanhtml{width:70px; height:24px; background:url(../Content/htmlbutton.gif) 0 0 no-repeat; display:block; position:absolute; top:90px; left:61px;}
#footerPanhtml a{width:59px; height:19px; background: url(../Content/arrow-normal.gif) no-repeat 50px 4px #FB9217; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#footerPanhtml a:hover{background:url(../Content/arrow-hover.gif) no-repeat 50px 4px #FB9217; color:#fff; text-decoration:none;}

#footerPancss{width:58px; height:24px; background:url(../Content/cssbutton.gif) 0 0 no-repeat; display:block; position:absolute; top:90px; left:135px;}
#footerPancss a{width:46px; height:19px; background: url(../Content/arrow-normal.gif) no-repeat 40px 5px #FCD927; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#footerPancss a:hover{background:url(../Content/arrow2-hover.gif) no-repeat 40px 5px #FCD927; color:#fff; text-decoration:none;}

.bg { opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; *filter:alpha(opacity=60); background:#2f2f2f; }
.fg { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; *filter:alpha(opacity=100); }

.searchBox { position:relative; background:url(SandBible705.jpg) top left no-repeat; width:705px; height:470px; margin-left:auto; margin-right:auto; border:solid 2px #7f6f6f; }
.searchBox .searchNav { position:relative; line-height:1em; margin-left:auto; margin-right:auto; top:155px; width:450px; height:25px; }
.searchNav .searchOptions { position:absolute; top:0px; left:70px; width:425px; height:35px; overflow:hidden; }
.searchNav .searchOptions .bg { position:absolute; left:0; top:0; width:425px; height:70px; }
.searchNav .searchOptions .fg { position:absolute; left:0; top:0; width:425px; height:70px; }
.searchNav .searchOptions a { position:absolute; top:7px; right:10px; color:#FBA01B; }
.searchNav .searchOptions #searchFilter { position:absolute; top:38px; left:10px; }
.resultsHeader #searchFilter { top:30px !important; }
.searchNav .searchOptions #searchFilter input { position:relative; top:3px; width:15px !important; line-height:1em; }
.searchNav .searchOptions #searchFilter label { position:relative; top:6px; left:4px; width:10px !important; color:White !important; font-size:11pt; }
.searchBox label { position:relative; font-family:Arial,Helvetica; font-size:18px; vertical-align:top; top:10px; color:#FBA01B; margin-right:10px; }
.searchForm { display:inline-block; *zoom:1; *display:inline; position:relative; line-height:1em; margin-left:auto; margin-right:auto; width:350px; height:25px; border:solid 4px #DF8E18; background:white; z-index:10; }
.searchBox input { border:0; position:absolute; left:2px; top:3px; width:315px !important; line-height:1em; }
.searchBox img { position:absolute; top:0px; right:0; line-height:1em; }
.searchBox .searchMode { text-align:right; font-family:Arial,Helvetica; color:#FBA01B; margin-top:2px; }
.searchBox .searchMode a { color:white; margin-left:5px; margin-right:24px; }
.searchBox .searchMode a:hover { color:white; }
.searchBox .searchMode a:visited { color:white; }
.searchBox .leftNav { position:absolute; left:0; top:300px; }
.searchBox .leftNav label { margin-left:10px; font-family:Arial,Helvetica; font-size:18px; vertical-align:top; color:#FBA01B; margin-right:10px; }
.searchBox .leftNav .browseList { margin-left:10px; font-family:Arial,Helvetica; font-size:18px; vertical-align:top; color:#FBA01B; margin-right:10px; }
.searchBox .leftNav .bg { position:absolute; left:0; top:0; width:220px; height:130px; }
.searchBox .leftNav .fg { position:absolute; left:0; top:0; width:220px; height:130px; }

.resultsHeader { position:relative; width:705px; height:38px; }
.resultsHeader .searchNav { position:relative; line-height:1em; top:0px; width:450px; height:25px; }
.resultsHeader label { position:relative; font-family:Arial,Helvetica; font-size:18px; vertical-align:top; top:10px; color:#FBA01B; margin-right:10px; }
.resultsHeader .searchForm { display:inline-block; *zoom:1; *display:inline; position:relative; line-height:1em; margin-left:auto; margin-right:auto; width:350px; height:25px; border:solid 4px #DF8E18; background:white; }
.resultsHeader input { border:0; position:absolute; left:2px; top:3px; width:315px !important; line-height:1em; }
.resultsHeader img { float:right; right:0; top:0px; line-height:1em; }

.searchHeader { font:24px Arial,Helvetica !important; height:30px !important; }
.searchHeader span { font:18px Arial,Helvetica !important; height:30px !important; }

.searchDetail { text-align:right; position:absolute; bottom:5px; right:5px; }
.searchDetail .stats { padding-right:50px; }
.searchResultsGrid { border-left:solid 1px black; border-right:solid 1px black; border-bottom:solid 1px black; }
.searchResultsGrid h4 { background:#dfdfdf; border-top:solid 1px black; padding:0 10px; }
.searchResults { }
.searchV { position:relative; padding:5px 10px 5px 13px; border-top:solid 1px #cfcfcf; }
.searchV:first-child { border-top:0 !important; }
.searchV.selRow { background-color:#E8DFCA !important; }
.studyV { position:relative; padding:3px 10px; }
.studyVCol { display:inline-block; *zoom:1; *display:inline; width:340px; vertical-align:top; }
.verseHeader { font-size:14pt; margin:5px; }
.verseRef { font-weight:bold; }
.verseRef_first { font-weight:bold; font-size:14pt; float:left; }
.studyVCol .studyV .verseRef { padding-left:10px; }
.verseDesc { font-style:italic; }
.verseText { margin-left:7px; }
.verse img { position:absolute; top:9px; left:0; }
.verseHover { background-color:#FBF1DB !important; cursor:pointer; }
.verseSelected { background-color:#e9e9e9 !important; }
.pagingNav .jumpTo { width:65px; }
.pagingNav { text-align:right; padding-right:20px; font-family:Arial,Helvetica; color:#D67200 !important; }
.pagingNav a { text-align:right; text-decoration:none; color:#D67200 !important; }
.pagingNav a:hover { text-decoration:none; color:#D67200 !important; }
.pagingNav a:active { text-decoration:none; color:#D67200 !important; }
.pagingNav .stats { position:absolute; top:5px; right:5px; }
.paging { padding-left:15px; padding-right:15px; }
.blue { color:#4375E7; }

.browseList li { font-family:Arial; font-size:16px; font-weight:bold; padding:6px; position:relative; top:10px; }
.browseList li a { text-decoration:none; color:white; margin-left:5px; }
.browseList li a:hover { color:white; }
.browseList li a:visited { color:white; }

.bookList { display:inline-block; *zoom:1; *display:inline; width:175px; vertical-align:top; }
.bookList p { background:url(BrowseBook32.jpg) top left no-repeat; height:32px; line-height:.7em; font-family:Arial; font-size:24px; padding:6px; }
.bookList p a { text-decoration:none; color:#2f2f4f; margin-left:34px; }
.bookList p a:hover { color:#2f2f4f; }
.bookList p a:visited { color:#2f2f4f; }

.sectionList { display:inline-block; *zoom:1; *display:inline; width:170px; vertical-align:top; margin:0 0 10px 0; }
.sectionList p { background:url(BrowseSection24.gif) top left no-repeat; height:24px; line-height:1em; font-family:Arial; font-size:14px; padding:4px !important; }
.sectionList p a { text-decoration:none; color:#2f2f4f; margin-left:22px; }
.sectionList p a:hover { color:#2f2f4f; }
.sectionList p a:visited { color:#2f2f4f; }
.sectionHeader { font-family:Arial,Helvetica; font-size:18px; font-weight:bold; margin:0 0 10px 0; }

.chapterList { display:inline-block; *zoom:1; *display:inline; width:170px; vertical-align:top; }
.chapterList p { background:url(BrowseBook.gif) top left no-repeat; font-family:Arial; font-size:12px; }

/* BOXES
----------------------------------------------------------*/
.verseListBox { position:relative;}
.verseListBox_top { margin:0; padding:0 0 0 10px; height:6px; background:url(VerseListBox_Corners.gif) no-repeat top left; }
.verseListBox_top>div { margin:0; padding:0 10px 0 0; height:6px; background:url(VerseListBox_Corners.gif) no-repeat top right; }
.verseListBox_top>div>div { margin:0; height:6px; background:url(VerseListBox_TB.gif) repeat-x; padding:4px; font-weight:bold; font-size:10pt; }
.verseListBox_mid { margin:0; padding:0 0 0 6px; background:url(VerseListBox_LR.gif) repeat-y top left; }
.verseListBox_mid>div { margin:0; padding:0 6px 0 0; background:url(VerseListBox_LR.gif) repeat-y top right; }
.verseListBox_mid>div>div { background:url(VerseListBox_Mid.gif); }
.verseListBox_bottom { margin:0 0 10px 0; padding:0 0 0 10px; height:6px; background:url(VerseListBox_Corners.gif) no-repeat bottom left; }
.verseListBox_bottom>div { margin:0; padding:0 10px 0 0; height:6px; background:url(VerseListBox_Corners.gif) no-repeat bottom right; }
.verseListBox_bottom>div>div { margin:0; height:6px; background:url(VerseListBox_TB.gif) repeat-x bottom; }
.verseListBox_header { }
.verseListBox_content { min-height:30px; background:url(VerseListBox_Mid.gif) repeat-x top left; padding:4px; }/* this bg is unusually and only repeats horizontally */
.verseListBox_footer { }


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset { display:inline-block; margin:0; padding:0; border:0; font-family:Arial; }
fieldset p { margin:2px 12px 10px 10px; }
legend { font-size:1.1em; font-weight:600; padding:2px 4px 8px 4px; }
input { margin-bottom:4px; }
input[type="text"] {width:200px; }
input[type="password"] { width:200px; }
input[type="hidden"] { display:none; margin:0 !important; padding:0 !important; }

fieldset>div { margin:0 0 5px 0; }
fieldset>div.sep { margin:0 0 15px 0; }
fieldset>div label { display:inline-block; width:120px; vertical-align:top; margin-top:4px; }
fieldset>div select { vertical-align:top; margin-bottom:4px; min-height:20px; }
fieldset>div input[type="text"] { width:270px; }
fieldset>div textarea { width:220px; }
fieldset>div span { display:inline-block; color:#003878; margin-top:5px; }
.formActions { margin:10px 0 0 0 !important; margin-bottom:4px; }
.button { width:75px; }
.messageArea { width:360px; }
.required:after { content:'*'; color:Red; }
.inlineHeader { display:inline-block; margin-right:15px; }
.alt { background-color:#efefef !important; }
.data { font-weight:bold; }
.hidden { visibility:hidden; position:absolute; }


body { background-color:#e8ebef; }
body.subpg { background-color:#7d7d7d; }
.subpg .mainHeader h2 { font-weight:100; color:#a0aaba; font-size:20px; padding:5px 0 3px 0; }
input { background:white !important; }
#mainmiddlePan{ background:none !important; }
#mainmiddlePanSubPage{ background:#efefef !important; }
nav { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:1rem; font-weight:400; color:#212529; text-align:left; }
.online { box-sizing:border-box; width:233px; height:100px; }
.online #searchForm { width:233px !important; padding:0; margin:0; }
.online #searchForm div { display:block; width:233px !important; height:88px !important; }
.online #searchForm input { height:unset !important }

.container { padding-top:0; position:relative; max-width:740px !important; padding:0 15px; margin:0 auto; flex-wrap:nowrap; align-items:center; justify-content:space-between; }
.container .navbar-brand { margin-left:85px; color:black; }
header { position:fixed; z-index:9997; top:0; left:0; right:0; background:white; }
#mainMenu { background:#FBA01B; position:absolute; top:-8px; right:10px; }
#mainMenu ul { padding:0; margin:0; }
#mainMenu ul li { display:inline-block; padding:0; margin:0; }
#mainMenu ul li a { display:inline-block; font-weight:bold; text-decoration:none; color:white !important; padding:5px 10px; box-sizing:border-box; }
#mainMenu ul li a:hover { text-decoration:none; background:rgba(255,255,255,0.2); }
.header .container { position:relative; }
.mainHeader { position:fixed; z-index:9998; top:70px; left:0; right:0; background:#30445c; color:white; margin-top:-17px; padding:5px; }
.mainHeader .container { position:relative; }
.mainHeader .logo { background:#FBA01B; display:inline-block; position:absolute; width:65px; height:65px; top:-40px; left:15px; z-index:9999; text-decoration:none; }
.mainHeader .logo span:first-child { color:#fff; font-weight:bold; font-size:2em; position:absolute; left:15px; top:0; }
.mainHeader .logo span:nth-child(2) { color:#efefef; font-weight:bold; font-size:2em; position:absolute; left:30px; top:15px; }
.mainHeader h2 { margin-left:85px; font-size:1.6em; }
.mainContent { margin-top:102px; }