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

a{ color:#e72328; text-decoration:underline;}
a:hover{ color: #09F; text-decoration:underline;}

html {
    margin-top:0px !important;
}

#pageBg {
   background: url("/Portals/54/images/FOID/page_bg.jpg?ver=2017-04-06-151701-420") repeat-x scroll center top rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

#headerBg {
	background-repeat: no-repeat;
	background-position: 0 0 / 100% 100% rgba(0, 0, 0, 0);
	background-image: url("/portals/54/images/FOID/header_new2.jpg?ver=2017-05-01-110957-253");
	background-attachment: scroll;
	height: 130px;
	margin-bottom: 21px;
	max-width: 901px;
}

#headerBgMobil{ background: url("../images/logoSmal.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);  
height:156px; max-width:900px; margin-top:2%;}

#headerContentBg{ background:#fff; box-shadow: 0 50px 45px #808080; min-height: 500px; max-width:900px;}


				/*```````````````` Menu Section ````````````*/

#menuBg{ /*background: url("../images/menu_bg.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);*/ width:1170px; 
height:59px; padding:0; position:relative; max-width:900px;}

#redLineBg{    background: url("/Portals/54/images/FOID/redlinebg.png?ver=2017-04-06-151701-797") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    display: block;
    height: 5px;
    margin: -2px auto 0;
    max-width: 900px;
}


.menublock{   
    margin: -175px 0 0 -92px;
    padding: 0;
    position: relative;
}
.menublock li{ display:inline-block; margin-top:5px; margin-left:3px; }

.menublock li a{ cursor:pointer;}


.home {
    background: url("/Portals/54/images/FOID/home.png?ver=2017-04-06-151700-717") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    display: block;
    height: 80px;
    left: 90px;
    position: absolute;
    top: 153px;
    width: 250px;
    z-index: 5;
}
.home:hover{background: url("/Portals/54/images/FOID/home_a.png?ver=2017-04-06-151700-717") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); 
width:250px; height:80px; display:block;}

#homeActiv{background: url("/Portals/54/images/FOID/home_a.png?ver=2017-04-06-151700-717")  no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important; 
width:250px; height:80px; display:block;}



.readingRoom {
    background: url("/Portals/54/images/FOID/reading.png?ver=2017-04-06-151701-390") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    display: block;
    height: 80px;
    left: 281px;
    position: absolute;
    top: 153px;
    width: 275px;
    z-index: 4;
}
.readingRoom:hover{background: url("/Portals/54/images/FOID/reading_a.png?ver=2017-04-06-151701-920") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); 
width:275px; height:80px; display:block;}

#readingRoomActive{background: url("/Portals/54/images/FOID/reading_a.png?ver=2017-04-06-151701-920") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important; 
width:275px; height:80px; display:block;}


.request {
    background: url("/Portals/54/images/FOID/request.png?ver=2017-04-06-151701-907") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    display: block;
    height: 80px;
    left: 516px;
    position: absolute;
    top: 153px;
    width: 275px;
    z-index: 3;
}
.request:hover{background: url("/Portals/54/images/FOID/request_a.png?ver=2017-04-06-151702-030") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); 
width:275px; height:80px; display:block;}

#requestActive{background: url("/Portals/54/images/FOID/request_a.png?ver=2017-04-06-151702-030") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important; 
width:275px; height:80px; display:block;}


.contactUs {
    background: url("/Portals/54/images/FOID/contact.png?ver=2017-04-06-151700-717") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    display: block;
    height: 80px;
    left: 717px;
    position: absolute;
    top: 153px;
    width: 275px;
}
.contactUs:hover{background: url("/Portals/54/images/FOID/contact_a.png?ver=2017-04-06-151700-733") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); 
width:275px; height:80px; display:block;}

#contactUsActive{background: url("/Portals/54/images/FOID/contact_a.png?ver=2017-04-06-151700-733")  no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important; 
width:275px; height:80px; display:block;}
						

						/*```````````````` Menu Section End````````````*/


					   /*```````````````` Index Page Section ````````````*/
.indexHeading{font-size:26px; font-family:Constantia; color:#114385; text-align:center; margin: 30px 0 40px; }
.entry-title{font-size:26px; font-family:Constantia; color:#114385; text-align:center; margin: 30px 0 40px; }

.smallNotiss{     color: #2f4e91;
    font-size: 10px;
    font-style: italic;
}
.socialHeadingTwiter{   
    border-bottom: 4px solid #121c30;
    border-top: 4px solid #121c30;
    font-size: 35px; color:#3bcbff; 
    padding: 0px 0;
    text-align: center;
}
.socialHeadingFacebook{    
    border-bottom: 4px solid #121c30;
    border-top: 4px solid #121c30;
    font-size: 34px; color:#626ba6;
    padding: 0px 0;
    text-align: center;
}

#headerContentBg .row .col-lg-12{ padding:0 2% 0 5%;} 

					/*```````````````` Index Page Section End ````````````*/

					/*```````````````` Request Page ````````````*/


.categoryitems{}
.categoryitems li {    

    background-image: url("/Portals/54/images/FOID/listbg.png?ver=2017-04-06-151701-047");
    background-position: 0 7px !important;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin: 0 0 0.6rem 0.57143rem; list-style:none;
    padding-left: 25px;}


.listArrow {}
.listArrow li {    

    background-image: url("/Portals/54/images/FOID/listbg.png?ver=2017-04-06-151701-047");
    background-position: 0 7px !important;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin: 0 0 0.6rem 0.57143rem; list-style:none;
    padding-left: 25px;}

.faq { 
	border-bottom: 2px dotted #006;
    color: #114385;
    font-size: 18px;
    padding: 0 0 3px;
}

.dlogo{ margin:10px 0 0 0;}
#dlogoname { margin:12px; display:block;}
.logobottomBg{    
	box-shadow: 0 2px 10px #808080;
    margin-bottom: 13px; height: 157px;
}

#s {
    border: medium none;
    border-radius: 4px;
    color: #f00 !important;
    height: 27px;
    width: 170px;
}
.searchTop{ margin:10% 0 0 40px;}
.screen-reader-text{ display:none !important;}
#searchsubmit{   
	background: none repeat scroll 0 0 #001763;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    height: 26px;
    width: 65px;
}

					/*```````````````` Request Page End ````````````*/



					/*```````````````` ReadingRoom Search ````````````*/

.tblemails{ width:100%; margin-top:40px; color:#900; border-color:#EBC5CF;}
.tblemails tr{border-color:#EBC5CF;}
.tblemails tr td{ padding:2% 0%; border-color:#EBC5CF; text-align:center;}
.emailcontent{ padding-left:3%;}
.emailTblHeading{ font-weight:bold;}
					/*```````````````` Request Page End ````````````*/





					/*```````````````` Contact Page  ````````````*/

#electronicmail radio{ width:30px;}
.electronicmail tr{ height:35px;}
.electronicmail input[type="text"]{ border-radius:5px; border:1px solid #006; width:80%;}
.electronicmail input[type="email"]{ border-radius:5px; border:1px solid #006; width:80%;}
.electronicmail textarea{ border-radius:5px; border:1px solid #006; width:80%;}
					/*```````````````` Contact Page End ````````````*/

					/*```````````````` Footer Section ````````````*/
#footerBg{   background: url("/Portals/54/images/FOID/footer_bg.png?ver=2017-04-06-151700-780") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); width:1170px; 
height:356px; box-shadow: 0 0 45px #808080; max-width:900px;}

.footerHeading{ font-size:22px; font-family:Constantia; color:#fff; font-weight:bold; margin:30px 0 15px; 0 }
.footerMenu{ margin:0; padding:0;}
.footerMenu li{ list-style:none; font-family:Constantia; font-size:13px; font-style:italic; line-height:1.9 }
.footerMenu li a{ color:#fff; text-decoration:none; }
.footerMenu li a:hover{ color:#f00; text-decoration:none; }

.footerSocial{ padding:0; margin: 30px 0 0;}
.footerSocial li{ list-style:none; display:inline-block; margin-left:8px;}

#footerBootemBg{   background: none repeat scroll 0 0 #1d3f6c;
    color: #fff;
    display: block;
    height: 40px;
    padding: 13px 0;
	max-width:900px;
}

#footerBootemMenuBg{   background: none repeat scroll 0 0 #1d3f6c;
    color: #fff;
    display: block;
    height:auto;
    padding: 13px 0;
	max-width:900px;
}
.navbar {    
	border: 1px solid #fff;
    margin: 3px 0 0;
}
				 /*```````````````` Footer Section ````````````*/
				 
@media screen and (min-width: 200px) and (max-width: 240px)
{

#s{ width:80%;}
.listArrow { padding: 0 0 0 0px; }
.indexHeading {font-size: 14px;    font-weight: bold; }	
}


@media screen and (min-width: 241px) and (max-width: 320px)
{
#s{ width:66%;}
.listArrow { padding: 0 0 0 10px; }	
	}


@media screen and (min-width: 321px) and (max-width: 360px)
{

#s{ width:66%;}	
.listArrow { padding: 0 0 0 10px; }
	}

@media screen and (min-width: 533px) and (max-width: 603px)
{}

@media screen and (min-width: 768px) and (max-width: 800px)
{




body{ overflow-x:hidden}

#headerBg { height: 115px; }
#s { width: 124px; }
.menublock { margin: -175px 0 0 -82px; }

.home {left: 91px; width: 210px; }
.readingRoom {left: 266px; width: 210px; }
.request {left: 452px; width: 210px; }
.contactUs { left: 632px; width: 210px; }


.home:hover {left: 91px; width: 210px; }
.readingRoom:hover {left: 266px; width: 210px; }
.request:hover {left: 452px; width: 210px; }
.contactUs:hover { left: 632px; width: 210px; }

#contactUsActive { width: 210px !important;  }
#requestActive { width: 210px !important;  }
#readingRoomActive { width: 210px !important;  }
#homeActiv { width: 210px !important;  }
 

#footerBg { height: 403px !important; width: 750px !important; }	
#redLineBg { display:none !important;}	

}


@media screen and (min-width: 980px) and (max-width: 1024px)
{}

@media screen and (min-width: 1280px) and (max-width: 1440px)
{}

@media screen and (min-width: 1280px) and (max-width: 1440px)
{}

@media screen and (min-width: 1920px) and (max-width: 2240px)
{}