@font-face {
    font-family: "Copse";
    src: url(/fonts/Copse.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-variant:normal;    
}

body { background-image: url(/img/pattern.png); color: #202020; font-family: "Palatino Linotype", "Palatino LT STD", "Arial"; font-size: 14px; font-weight: normal;overflow-x:hidden; }
 .navbar { width: 100%; text-align: center; margin-top: 0px;}
a { text-decoration: none; color: #e7275d;cursor: hand; }
#holder { /*text-align: center;*/ width: 970px; min-width: 0; overflow: auto; min-height: 711px; margin-left: auto; margin-right: auto; margin-top: 25px; }
.meat { width: 960px; margin-left: auto; margin-right: auto; height: auto; float: none; }
form input.error, form textarea.error, form select.error { border-color: #982541; }
.datagroup div {  float:left; padding-right: 50px; width: 300px; }
.control-group { margin-bottom: 5px; }
.left { float: left; }
.right { float: right; }
.rounded { -khtml-border-radius: 5px; border-radius: 5px;  }
#no-results { display: none; }
.content { text-align: left; }
p { max-width: 600px; }
.smallhead { font-size: 16px; font-weight: bold; }

h1 { font-family: "Palatino Linotype", "Palatino LT STD", "Copse"; font-size: 30px; }
h2 { font-family: "Palatino Linotype", "Palatino LT STD", "Copse"; font-size: 14px; }

#main { position: relative; }
.navbar .brand img  { float: left; position: absolute; margin-top: -65px; margin-left: -55px; z-index: 5000;float: left; z-index: 5000; }


/* header */
.navbar { position: relative; }

.header-blue-books { background-color: #42d4f1; height: 28px; overflow: hidden; position: relative; }
.navbar-inverse .navbar-inner { background-color: #fff; background-image: url(/img/header_pattern.png); border: none; height: 65px;
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	-webkit-box-shadow: 1px 1px 1px 1px #CCC; box-shadow: 1px 1px 1px 1px #CCC; margin-bottom: 1px;
 }
.navbar .bluebutton { margin-left: 110px; }
.navbar-inverse .bluebutton > li > a, .navbar .bluebutton > li > a  { text-shadow: none; color: #202020; background-color: #42d4f1; margin-right: 10px; height: 25px; margin-top: 12px; padding: 10px 12px 6px 12px;  -moz-border-radius: 6px; -webkit-border-radius: 6px;
			    -khtml-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 1px 1px #982541; box-shadow: 1px 1px 1px 1px #982541; 
			    font-size: 15px;  }
.navbar .bluebutton > li > a:hover { color: #fff;  background-color: #42d4f1; }	
.navbar-inverse .whitelinks li { margin-right: 10px; padding-top: 24px;	color: #fff;  }
.navbar-inverse .whitelinks li a {	color: #fff; padding: 0px;}
.navbar-inverse .whitelinks li a:hover { text-decoration: underline; }

/* footer */
#footer {  margin-top: 165px; margin-bottom: 0px; position: relative; }
#footerbottom { background-color: #42d4f1; color: #72858b; padding-top: 15px; padding-bottom: 26px; height: 100px; }
#footerbottom a { color: #202020;}
#footerbottom2 { position: relative; }
#footercontactform { position: absolute; top: -130px; left: 13px;  width: 280px; text-align: center; background-color: #39b6d1; color: #fff; padding: 2px 15px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
#footercontactform h1 { font-size: 16px; }
#submit-contact { background-color: #38899d; -khtml-border-radius: 3px; border-radius: 3px; color: #fff; padding: 4px 16px; }
.footertxt { text-align: left;}
#footerlinks1 { margin-left: 380px; }
#footerlinks2 { margin-left: 40px; margin-right: 20px; }
#footer img { margin-left: 20px; }
#greentownholder { border-bottom: 8px solid #a1e015; padding-top: 45px;}
#greentown { margin-left: 310px; overflow: hidden; }
#greentown img { margin-bottom: -7px; }

/* index */
#herorow {  background-color: #202020; height: 225px; padding: 0px; margin: 0px; position: relative; z-index: 0; border-bottom: solid 1px #8b8b8b; }
#heroleft { color: #39b6d1; text-align: center; padding: 25px 15px 20px 15px; border-left: dashed 1px #39b6d1;border-right: dashed 1px #39b6d1; margin-bottom: 0px; height: 180px; width: 330px; margin-left: 0px; position: relative; z-index: 0; }
#heroleft h1 { font-size: 26px; line-height: 1.1em;}
#herocarousel { height: 225px; width: 590px; margin-left: 5px; }
#myCarousel { height: 225px; overflow: hidden; }
#indexnews { margin: 0px; height: 120px; padding: 0px;  background: rgba(211, 211, 211, .5);  }
.carousel-caption { position: absolute; left: 410px; text-align: right;
top: 190px;padding: 5px 15px; background: #333333; background: rgba(0, 0, 0, 0.75); height: 40px;color: #39b6d1;  }

#indexnewstitle { background-color: #d12652; text-align: center; font-style: italic; color: #fff; padding: 35px 8px; height: 50px; width: 95px; font-size: 16px; margin-top: 0px; }
.indexnewsitem { border-right: dashed 1px #e7275d; padding: 35px 15px 5px 30px; font-size: 16px; height: 75px; width: 235px;  }
.indexnewsheadline { color: #e7275d; }
#stepholder { background-image: url(/img/steps_bkgd.png); background-repeat: no-repeat; height: 300px; margin-top: 25px; padding-top: 45px; text-align: center; width: 960px; margin-bottom: 20px; }
#steptitle { font-style: italic; font-size: 16px;}
#steps { margin-top: 25px; }
#step1 { width: 300px; margin-right: 10px; }
#step1 div { width: 227px;  }
#step2 { width: 340px; margin-right: 10px;}
#step2 div { width: 267px;  }
#step3 { width: 300px; }
#step3 div { width: 227px;  }
.step { float: left; text-align: center; padding-top: 50px; margin-left: auto; margin-right: auto; }
.step div { padding: 0px 35px; }
.substep { font-size: 18px; margin-bottom: 15px; }
.row { margin: auto; }
/* index modal */
.popover { background-color: #42d4f1; border: solid 3px #fff; padding: 5px; }
.popover-title { display: none; }
#modal-login { width: 160px; margin-left: 5px;  }
#modal-password { width: 160px; margin-left: 5px; }
i.login { background-position: -5px -9px; display: inline-block; background: url('/img/login_icons.png') no-repeat -6px -13px; width: 12px;	height: 18px;}
i.pwd { background: url('/img/login_icons.png') no-repeat -8px -52px; width: 10px; height: 15px; display: inline-block; }

/* search */
.redsearch, .redsearch #indexsearchoptions  { background-color: #e7275d; color: #fff;height: auto;  }
.redsearch .dropdown, .redsearch .dropdown-menu { background-color: #d12652; }
.bluesearch, .bluesearch #indexsearchoptions { background-color: #42d4f1; color: #202020;height: 30px; margin-bottom: 20px;  }
.bluesearch .dropdown, .bluesearch .dropdown-menu { background-color: #39b6d1; }
#indexsearch .dropdown {  padding: 15px 35px; line-height: 1.1em; width: 400px; margin-right: 12px; height: 30px; }
#redcta { font-style: italic; padding: 8px 0px 3px 0px; font-size: 20px; text-align: center; background-image: url(/img/startyouradventure_books.png);background-repeat: no-repeat; background-position: 20px 5px; }
#indexsearch a { color: #fff; }
#indexsearchoptions { padding: 10px 15px 45px 15px; font-size: 20px; margin-bottom: 30px; }
#indexsearchoptions div { float: left; height: 36px; padding-bottom: 15px;  }
#indexsearchoptions input { width: 300px; height: 50px; margin: auto 10px auto 5px; font-size: 20px;  }
#indexsearch .dropdown-menu { width: 470px;  }
.redsearch .dropdown .caret { border-top: 12px solid #921F42; margin-right: 50px; float: right; }
.caret { border-right: 8px solid transparent; border-left: 8px solid transparent; cursor: pointer; }
.bluesearch .dropdown .caret { border-top: 12px solid #3F90A4; margin-right: 50px; float: right; }
.near { font-style: italic; color: #202020; }
#indexsearchoptions div.magsearch { float: left; cursor: pointer; width: 60px; height: 35px; padding-top: 10px; text-align: center; }
div#indexsearchbutton { background-color: #42d4f1;}
div#indexsearchbutton2 { background-color: #38899d;}
#map_canvas { width: 960px; height: 250px; margin-top: 20px; margin-left: auto; margin-right: auto; }
.mapmarker { padding-top: 5px; padding-right: 10px;}
.mapdesc { width: 300px; }

.searchlibrary, .searchmuseum { text-align: left; background: rgba(211, 211, 211, .5); 
	-khtml-border-radius: 5px; border-radius: 5px; padding: 20px; margin-bottom: 10px; margin-top: 30px; }
.searchlibrary { margin-right: 20px; }
.searchlibrary .librarylabel { color: #42d4f1; }
.searchlibrary .libraryname { font-size: 18px; }
.searchmuseum .museumlabel { color: #e7275d; }
.searchmuseum .museumname { font-size: 18px; }


#searchlibraries { width: 50%; }
#searchmuseums { width: 50%; }

/* maps */
#map_canvas img { max-width: none; width: auto; display:inline; }

/* admin */
.adminNews  { margin-bottom: 35px; }
#blackout_form  { margin: 35px 0px; }

/* survey */
#survey-holder div { margin-bottom: 35px; }

/* news */
.newsbody { width: 530px; padding: 25px; margin-right: 15px; border-right: dashed 1px #e7275d;}
.newsgray { color: #8b8b8b; }
.newsheadline { color: #e7275d; font-size: 18px;  }
.newsitem { padding-bottom: 25px; }

/* survey */
#surveyholder { text-align: center; margin-top: 15px; }
#surveyform { text-align: left; background-color: #d12652; color: #fff; width: 600px; margin-left: auto; margin-right: auto; padding: 25px; }
#surveyform div { margin-bottom: 25px;}

#pass { position: relative; padding-top: 75px; margin-top: 80px; margin-left: 40px; }
#pass .mainlogo { position: absolute; position: absolute; margin-top: -125px; margin-left: -55px; z-index: 5000; }
.pass { border: dashed 1px #e7275d; padding: 25px; width: 550px; height: 730px; }
hr.passline { border-top: dashed 1px #e7275d; color: #e7275d; height: 1px;  width:90%;}
#passimg { position: absolute; padding-left: 250px; }
#passtxt { position: absolute; padding-right: 25px; }


.tooltip {
    position: relative;
    font-size: 14px;
    opacity: 1;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: white;
    color: #000;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
    border: 5px solid #000;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: -100px;
    left: 100%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

option.inactive-library{
    color:red;
}

option.inactive-museum{
    color:red;
}

p#blackout{
    font-size: large;
    font-weight: bold;
}