/* As twitter bootstrap was retrofitted, this CSS file fixes the things that bootstrap breaks. */

/* CORPORATE IDENTITY FIXES*/

#portal-searchbox form {
	margin:4px 0 2px 0;} 

button, input, select, textarea {
	vertical-align:inherit!important;}

/*#portal-searchbox .searchButton { width:77px; height:32px;}*/

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 {
    display: inline-block;
	height: auto;
    line-height: 100%;
    margin-bottom: 0;
	margin:0;
	padding:0;
    vertical-align: middle;
}

input, textarea, .uneditable-input {
	width: auto;
	}

#portal-header {
	margin:28px 0 0 0!important;
	}

#portal-globalnav{
	font-size:88%!important; 
	font-weight:normal!important;}
.hide {
	display:inline;
	}

#portal-footer{
	font-size:100%!important;}

.social .text{
	color:#FFFFFF!important;}

[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	width: auto;
	height: auto;
	margin-top: 1px!important;
	*margin-right: .3em;
	line-height:100%;
	vertical-align:auto;
	background-image: none;
}

[class*="span"] {
  padding-bottom:12px;
}

#portal-footer ul.left li:before, #portal-footer ul.left li:before {
	margin-top: 0!important;
	}
	
.screen-reader-text{
	display:none;}

/* MY GENERAL OVERIDES TO BOOTSTRAP*/

.well { background-color:#FFF;}

.pager li > a,
.pager li > span {
	border-width:1px;
	border-color:rgb(32, 92, 144);
}
.pager li > a:hover {
	background-color: #FFF;
	border-color:rgb(117, 173, 10);
}

.muted { color:#666;}

h1 {
  font-size: 28px;
}
h2 {
  font-size: 22.5px;
  }
h1.subsections{
	padding-top:10px;
	}
hr.fluers { 
  border-top: 1px solid #38586D;
  border-bottom: 1px solid #ffffff;
  }
hr.fluers:before{
	content:url(../img/fluersleft.png); 
	margin-top:-10px; 
	float:left;}
hr.fluers:after{
	content:url(../img/fluersright.png);
	float:right;
	margin-top:-10px;
	}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover{
	background:#2B251E; 
	color:#fff;
	}

.nav-tabs > li > a:hover {
	background:#444; 
	color:#fff;
	}
.navbar{
	margin-bottom:0;
	}
.navbar-inner {
  padding-left: 10px;
  background-color:#6C8F01;
  -webkit-border-radius:4px 4px  0px 0px ;
  -moz-border-radius: 4px 4px  0px 0px ;
  border-radius: 4px 4px  0px 0px ;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;
}

.navbar .brand {
	color:#fff;
  text-shadow: 0 1px 0 #000;
  padding: 10px 10px 10px 4px;
  margin-left: 0px;
  }

.navbar .nav > li > a {font-weight:bold;
  padding: 10px 15px 10px;
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color:#89A534;
  color: #fff;
  -webkit-border-radius:4px 4px  0px 0px ;
  -moz-border-radius: 4px 4px  0px 0px ;
  border-radius: 4px 4px  0px 0px ;
  text-decoration: none;
   
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
   text-shadow:none;
   box-shadow:none;
   color:#FFF;
    -webkit-border-radius:4px 4px  0px 0px ;
  -moz-border-radius: 4px 4px  0px 0px ;
  border-radius: 4px 4px  0px 0px ;
  background-color:#99B83A;
  text-shadow: 0px 1px 0px #666;
}
.navbar .nav > .active > a:hover{color:#FFF;}

img{
	max-width:100%;
	height:auto;
	width:auto;
	}	
.margin-right{
	margin-right:16px;
	padding-right:16px; 
	margin-bottom:10px;
	}
.margin-left{
	margin-left:16px; 
	margin-bottom:10px;
	}
	
.lead {
  margin-bottom: 14px;
  font-size: 19px;
  font-weight: 200;
  line-height: 28px;
}

blockquote {
 border-left: 5px solid #FFF;
}


/*geneology*/
.anneschildren{
	border:1px solid #ccc; padding:5px;
text-align:center;
border-radius:4px;}

.grey{background: #ededed; color:#333;}
	
ul#cecilychildren,
ul#cecilychildren li {
margin: 0;
padding: 0;}
 
ul#cecilychildren li {
	border:1px solid #ccc;
display: inline-block;
width: 12%;
min-height: 40px;
background: #ededed;
border-radius:4px;
margin-right:6px;
margin-top:10px;
padding:1%;
text-align:center;
color:#333;}

.treeline{
	text-align:center; }
  
.sectionnav {
  padding: 8px 0;
  margin: 0 0 8px;
  list-style: none;
  background-color:#99B83A /*#E5E5E5*/;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}
.sectionnav li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
 *zoom: 1;
 text-shadow:none; 
 margin:4px;
}

.sectionnav li a{
	background:#0088cc;  
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
  padding:5px; 
  color:#fff;
}

.sectionnav li a:hover{
	background:#005580;
	color:#fff; 
	text-decoration:none;}

.sectionnav .active {
	padding:2px 5px;
	color: #fff;
	font-weight:bold;
}
	
/*accordian*/
.accordion-inner .thumbnail p {
	padding-top:8px; 
	padding-left:4px;}

.portletheaders{
	padding:5px 8px;
color:#FFF;
	 background-color: #6C8F01;
	 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}

.extratop{
	margin-top:30px;}

/*Responsive video-*/
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}

.flex-video.widescreen { 
padding-bottom: 57.25%; }

.flex-video.vimeo { 
padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.gallery-item {
	display:inline;
	padding-bottom:5px;
	}

.gallery-item img{
	margin-bottom:5px;
	}

.objectives .btn-block {
	text-align:left;
	padding-left:10px;
	padding-right:14px;
	}

.objectives .well{
	padding-top: 8px;
	} 
.objectives .well .text-success {
	line-height:20px;
	color: #468847;
	}

.btn-info {
	padding:20px 16px;
	padding:16px 16px\9;
	/*line-height:25px\9;*/
	font-size:20px;
	text-align:left;

  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #6C8F01;
  background-image: none;

  filter:none;
  border-color: #40372D #40372D #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #40372D;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #89A534;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #597601;
  background-image: -moz-linear-gradient(top, #6C8F01, #597601);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6C8F01), to(#597601));
  background-image: -webkit-linear-gradient(top, #6C8F01, #597601);
  background-image: -o-linear-gradient(top, #6C8F01, #597601);
  background-image: linear-gradient(to bottom, #6C8F01, #597601);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #597601 #597601 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #597601;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #597601;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

#myModal .modal-body {
    max-height: 1200px;
}

.modal.large{
    width: 900px;
    margin-left: -450px; /* - width/2 */
}


#bike{
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
  
.whitebackground{background:#fff;}

.thumbnails > li {
  margin-bottom: 8px;
  padding-bottom: 8px;
 
}
.holdingbtn a.btn{padding-bottom:10px;}
.holdingbtn a span {font-size:25px; position:relative; top:4px; left:0; margin-right:5px;}


.sitemap{
	margin-top:5px;
	margin-bottom:5px;}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {

.flex-video { padding-top: 0; }

}


@media only screen and (max-width: 480px){
	.lead {
  margin-bottom: 14px;
  font-size: 17px;
  line-height: 26px;
}
.navbar-inner{
  padding-left: 0px;
  padding-right: 0px;}
  .navbar .brand {
  padding: 10px 10px 5px;
  font-size: 20px;
}
.margin-right{
	margin-right:0;
	padding-right:0; 
	margin-bottom:0;
	}
.margin-left{
	margin-left:0; 
	margin-bottom:0;
	}
	
.navbar .nav {
  margin: 0;
}

.navbar .nav > li > a {
  padding: 10px 10px 10px;}
  


.breadcrumb {
  margin: 0 0 8px;
}

ul#cecilychildren li {
width:100%;
display:block;}
.modal.large{
    width: 300px;
    margin-left: -5px; /* - width/2 */
}

ul.pull-right li.span4 {width:100%;}

  }

.highlight-box {
    border: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.05);
    overflow: hidden;
    padding: 10px 20px;
    margin: 20px 0;
}