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

/*BOOTSTRAP FIXES START*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  margin: 0;
}
/*BOOTSTRAP FIXES END*/

html {
  position: relative;
  min-height: 100%;
  /*bootstrap override*/
  font-size: 16px;
}

body {
  margin: 0 auto 80px auto;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 125%;
  line-height: 28.5px;
  color:#000;
  font-weight:normal;
  /*background:url(../images/page-bg.png) top repeat-x #ffffff;*/
  /*background:url(../images/page-bg3.png) top repeat-x #ffffff;*/
  /*background:url(../images/page-bg2.png) top repeat-x #ffffff;*/
  /*background:url(../images/page-bg4.png) top repeat-x #ffffff;*/
  background:url(../images/page-bg4-no-gradient.png) top repeat-x #ffffff;
}
.header_container {
  padding-bottom: 8px;
  position: relative;
  height: 155px;
}
footer {
  position: absolute;
  left: 0;
  bottom: 0;
  /*height: 80px;*/
  width: 100%;
}
footer .footer_content {
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  font-size: 16px;
}

h1, h2, h3, h4, form {padding:0; margin:0;}
h1, h2, h3 { font-family:Arial; color:#383838; font-weight:normal;}
h1 {font-size: 2.2em;}
h2 {font-size: 1.7em;} /*20% smaller than h1*/

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color:#000;
  font-weight:normal;
  text-align:left;
  margin:0 0 13px 0;
}

img {border:none; vertical-align:middle;}

a {outline:none; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#4183c4; font-weight:bold;}
a:hover, a.intext {text-decoration:underline;}
a.intext:hover{color:#4183c4;}
a:visited {color:#581C90;}

input, select, textarea { color:#5b5b5b; font-family:Arial; padding:2px;  }

.left, .fl {float: left;}
.right, .fr {float: right;}
.clear {clear:both;}

.rel {position: relative;}

.ml5 {margin-left: 5px}
.ml10 {margin-left: 10px}
.ml20 {margin-left: 20px}
.ml30 {margin-left: 30px}
.ml40 {margin-left: 40px}

.mr5 {margin-right: 5px}
.mr10 {margin-right: 10px}
.mr20 {margin-right: 20px}
.mr30 {margin-right: 30px}
.mr40 {margin-right: 40px}
.mr100 {margin-right: 100px}
.mr200 {margin-right: 200px}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}

.mb-30{margin-bottom: -30px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.pl5 {padding-left: 5px}
.pl10 {padding-left: 10px}
.pl20 {padding-left: 20px}
.pl30 {padding-left: 30px}
.pl40 {padding-left: 40px}

.pr5 {padding-right: 5px}
.pr10 {padding-right: 10px}
.pr20 {padding-right: 20px}
.pr30 {padding-right: 30px}
.pr40 {padding-right: 40px}

.pb8 {padding-bottom:8px;}
.pb10 {padding-bottom:10px;}
.pb14 {padding-bottom:14px;}
.pb20 {padding-bottom:20px;}

.pt7 {padding-top:7px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}

.p0 {padding:0!important;}
.m0 {margin:0!important;}
.w50p {width:50%!important;}
.w50p-20 {width: calc(50% - 20px)!important;}
.w50p-105 {width: calc(50% - 105px)!important;}
.w58p {width: 58%;}
.w100p {width:100%!important;}
.h100p {height:100%!important;}
.m0auto {margin:0 auto;}

.w95 {width:95px;}
.w100 {width:100px;}
.w105 {width:105px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w170 {width:170px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w240 {width:240px;}
.w300 {width:300px;}
.w380 {width:380px;}
.w400 {width:400px;}
.w420 {width:420px;}
.w460 {width:460px;}
.w510 {width:510px;}
.w540 {width:540px;}
.w650 {width:650px;}
.w760 {width:760px;}
.w960 {width:960px;}
.w1160 {width:60px;}

.h140 {height:140px;}

.nowrap {white-space: nowrap;}

table.border th, table.border td {
  border:1px solid #aaa;
}
table.border th {
  padding: 5px 5px;
}
table.border td {
  padding: 0 5px;
}

.dn { display: none; }
.db { display: block; }
.di { display: inline; }
.dib { display: inline-block; }

.fwn { font-weight: normal; }
.b { font-weight: bold; }

/*======== Start header and Menu class ========*/
.header_logo {
  text-align: center;
}
.menumn ul {
  text-align: center;
}
.menumn ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.menumn li {
  display: inline-block;
  list-style: none;
  padding-right: 10px;
}
.menumn li a {
  display: block;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 16px;
  font-size: 16px;
  position: relative;
  top: -9px;
  height: 50px;
  line-height: 37px;
  margin-bottom: -17px;
  text-decoration:none;
}
.menumn li a span {
  display: block;
  padding: 6px 16px 0px 0;
  cursor: pointer;
}
.menumn li a:hover, .menumn li a.active {
  /*background:url(../images/menu-lt.png) no-repeat left; color:#000000;*/
  background: #B0E2FF; /* for non-css3 browsers */
  /*filter: progid:DXImageStaticTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#90d0ff'); /* for IE */
  /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#90d0ff)); /* for webkit browsers */
  /*background: -moz-linear-gradient(top,  #fff,  #90d0ff); /* for firefox 3.6+ */
  /*background: -o-linear-gradient(top,  #fff,  #90d0ff); /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top,  #fff,  #90d0ff); /* IE10+ */
  color: black;
}
.menumn li a:hover span, .menumn li a.active span {/*background:url(../images/menu-rt.png) no-repeat right;*/}
/*======== End header and Menu class ========*/

/*======== Start footer class ========*/
.footermn {float:left; background:#27498f; width:100%; color:#FFFFFF; padding:18px 0;}
.footermn a, .footermn a:hover { color:#FFFFFF;}
.footer-lt {float:left; width:242px; text-align:center;}
.footer-mid {float:left; width:500px; text-align:center;}
.footer-rt {float:right; width:196px; text-align:center;}
/*======== End footer class ========*/

/*======== Start content class ========*/
.contentmn {
  background:#FFFFFF;
  float:left;
  padding-bottom:60px;
}
body.main .contentmn { width:960px; }
body.main > div { width: 960px; }
body.main .content_area {float:left; width:750px; padding:5px 0 0 12px;}
body.main .content_area.photo_area {width:936px;}
body.travel .contentmn { width:auto; }
body.travel > div { width: 1160px; }
body.travel .content_area {float:left; width:auto; padding:5px 0 0 12px;}
body.travel .content_area.photo_area {width:auto;}

.topborder { border-top:1px solid #27498f; margin-top:10px; }

.content, .content_sub { border-bottom:5px solid #27498f; padding:0 0 20px 0; margin-bottom:5px; }
.content_sub {float:left;}
.photo_area .content_sub {float:none;}
.content_sub2 { float:left;  padding:10px 0 20px 0;}

.content_sub_lt h4 {
  color:#000000; font-weight:bold;
  padding-left:20px; margin-bottom:15px; padding-top:5px;
}
/* what the heck is content_sub_rt and why the heck does it need some special h2 instructions? for ?????  John July 2012 */
.content_sub_rt h2 {
  font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;
  border-bottom:3px solid #27498f; padding-bottom:5px; margin-bottom:8px;
}
.content_sub_rt ul {margin:10px 0; padding-left:15px;}
.content_sub_rt li {padding:3px 0;}

/* again, why, why??? Why does it need special family instructions  John July 2012 */
.content_sub_rt h3 {
  font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;
  border-bottom:1px solid #27498f; padding-bottom:5px; padding-top:10px;
}
.content_sub_rt ul ul {list-style:none; margin:0px; padding:0 0 0 18px;}
.content_sub_rt li li {list-style:none; list-style:disc;}

.searchmn2 div {padding-bottom:10px; color:#666666; font-weight:bold; padding-top:15px;}

.imagemn, .imagemn span {width:492px; position:relative;}

.imagemn label {
  display:block; color:#FFFFFF; font-weight:bold; padding:10px 20px; background:url(../images/blackbg.png);
  width:452px; margin-top:-40px; position:relative;
}
/*======== End content class ========*/

/*======== Start right panel class ========*/
.content_rt h4 {background:#27498f; color:#ffffff; padding:7px 5px 8px 17px;}
.content_rt a {
  color:#515050;
  font-size: 16px;
  line-height: 20px;
}
.content_rt > div > div {
  position: relative;
  width: 100%;
  height: 100%;
  background:url(../images/dott2.png) no-repeat 5px 10px;
}
.content_rt > div > div > div {
  background:url(../images/dott.png) repeat-x bottom;
  padding:0 0 0 17px;
}
.content_rt > div > div > div.last {background:none;}

.searchbg {
  background:url(../images/searchbg.png) no-repeat; width:170px; padding:0 0 5px 0;
  margin:10px 0 17px 0;
}
.txtwi01 { margin:5px 0 0 5px; border:0 !important;}
.btnbg {width:25px; background:none; cursor:pointer; border:0;}
.latesttxt {
  background:#a4daf4 url(../images/bott.png) no-repeat bottom; padding:10px 10px 12px 10px;
  margin-bottom:10px;
}
.latesttxt a {text-decoration:underline; color:#0054bb;}
.latesttxt a:hover {text-decoration:none;}
.table_with_borders, .table_with_borders tr, .table_with_borders tr td {
  border: 1px solid black;
}
.travel_top_books {padding: 20px 20px;}
.travel_top_books a {padding: 0 20px;}

#mysubmit { background-color: #8caae6; font-size: 60%; padding: 6px; font-weight: bold; }

.cite {
  border: 1px solid black;
  margin: 10px auto;
  padding: 10px;
  width: 460px;
  text-align: left;
  background-color: #C9EAFE;
}

.breadcrumbs {position:relative;margin: 10px 0 10px 0;}


/*GALLERY SPIKE START*/
.table {display: table;border-collapse:collapse;}
.tr {display: table-row;}
.td {display: table-cell;}

.gallery {
  border-collapse:collapse;
}
.gallery_image_wrapper {
  text-align: center;
  vertical-align: middle;
  padding:5px;
  z-index: 100;
  background-color: #000;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter:alpha(opacity=5);
  border:1px solid #ddd;
}
.gallery_image_wrapper.active, .gallery_image_wrapper:hover {
  background-color: transparent;
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter:alpha(opacity=10);
}

.main_image_container {
  display: table;
  margin: 0 auto;
}
.arrow {
  width:30px;
  height:125px;
  cursor: pointer;
  opacity: 0.25;
  position: absolute;
  top: calc(50% - 62px);
}
.arrow:hover { opacity: 1.0; }
/*.right_arrow { background: url('/images/arrows_red.png') 50% 0; }*/
/*.left_arrow { background: url('/images/arrows_red.png') 50% 100%; }*/
.right_arrow {
  background: url('/images/arrows_simple.jpg') 50% 0;
  right: -35px;
}
.left_arrow {
  background: url('/images/arrows_simple.jpg') 50% 100%;
  left: -35px;
}
/*GALLERY SPIKE END*/

.notice {
  width: 95%;
  margin: 10px 0;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid green;
  background-color: #D7F5E4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.error {
  width: 95%;
  margin: 10px 0;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid red;
  background-color: #FFE6E7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.content_rt a.header:hover {
  text-decoration: none;
}
.content_rt a.header:hover h4 {
  color: #000;
  background: #B0E2FF;
}
.content_rt a.header, .content_rt a.header:visited {
  color: #fff;
}

.vh {
  visibility: hidden;
}

.tag_cloud {
  margin-top: 20px;
  margin-bottom: 20px;
}
.tag_cloud1 {font-size: 1em}
.tag_cloud2 {font-size: 1.3em}
.tag_cloud3 {font-size: 1.6em}
.tag_cloud4 {font-size: 1.9em}

.tag_cloud_container {
  width: calc(50% - 120px);
  float: right;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #eee;
  padding: 10px
}

blockquote {
  padding: 20px 40px;
  position: relative;
  border: 1px dashed rgba(0,0,0,0.2);
  margin: 40px 70px;
  overflow: hidden;
  /*bootstrap override*/
  font-size: 18px;
}

/*bootstrap override*/
blockquote p {
  font-size: 18px;
}

blockquote:before {
  content: '\201C';
  font-size: 4em;
  color: rgba(0,0,0,0.2);
  position: absolute;
  top: 30px;
  left: 5px;
}

blockquote:after {
  content: '\201D';
  font-size: 4em;
  color: rgba(0,0,0,0.2);
  position: absolute;
  top: calc(100% - 20px);
  right: 5px;
}

.caption {
  display: inline-block;
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 2px;
}
.caption img {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  margin: 0.25em 0.25em 0 0.25em;
}
.caption p {
  margin: 0;
  padding: 0.5em;
  font-size: 80%;
  color: #333;
  line-height: 20px;
}

.page_content img {
  margin: 20px;
}
.page_content .caption {
    margin: 20px;
}
.page_content .caption img {
  margin: 0;
}

/* Portrait phones and smaller */
@media screen and (max-width: 480px) {
  body.main > div  {
    width: 95%;
  }
  body.main .contentmn {
    width: 100%;
  }
  body.main .content_area {
    width: 100%;
    padding: 0;
  }
  body .content_rt {
    width: 100%;
  }
  .content_sub {
    width: 100%;
  }
  img {
    max-width: 100%;
  }
  .content_sub_lt {
    width: 100%;
  }
  .content_sub_rt {
    width: 100%;
  }
  .content_sub_rt .w210 {
    width: 100%;
  }
  .imagemn, .imagemn span {
    width: 100%;
  }
  .imagemn label {
    width: 90%;
  }
  .menumn li a {
    background: #2c539e;
  }
}

/* Landscape phones and portrait tablets */
@media (min-width: 481px) and (max-width: 767px) {
  body.main > div  {
    width: 95%;
  }
  body.main .contentmn {
    width: 100%;
  }
  body.main .content_area {
    width: calc(100% - 200px);
  }
}

.main_image_container img.whitish_border{
  border: 10px solid #000;
}