@import url("navbar.css?v=1.3");
@import url("search.css?v=1.2");
html { height:100%; }
body, thead {
   font-family: sans-serif;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
   background: #135; /* Old browsers */ /* FF3.6-15 */

}
img {
	border-radius: 15px;
	padding: 5px;
	float: left;
}
.line {
	font-family: sans-serif;
	margin: 10px auto;
	text-align: center;
	color: #222C51;
	max-width: 600px;
	position: relative;
}
.line:before {
	content: "";
	display: block;
	width: 20%;
	height: 2px;
	background: #222C51;
	left: 0;
	top: 50%;
	position: absolute;
}
.line:after {
	content: "";
	display: block;
	width: 20%;
	height: 2px;
	background: #222C51;
	right: 0;
	top: 50%;
	position: absolute;
}
nav .btn {
   background-color: #048;
   background-image: none;
   text-shadow: none;
   padding-top: 3px;
   color: white;
   width: 100%;
}
nav .btn:hover {
   background-color: #6af;
}
nav > ul > li > .btn:before {
   /* background: transparent url('arrow_blue.png') no-repeat 0px 1px; */
   height:32px;
   width: 22px;
   float:left;
   content: '+';
   transition: all 0.5s ease-in-out;
}
nav > ul > li > .btn:hover:before {
   content: '-';
}
table {
   border: 1px solid #1e5799;
   border-collapse: collapse;
   width: 90%;
   margin: auto;
}
table thead {
   text-align: center;
   font-style: italic;
   font-weight: bold;
   color: white;
}
table td {
   border-left: 1px  solid #1e5799;
   border-right: 1px solid #1e5799;
}
table td:first-child {
   eft: none;
}
table td:last-child {
   -right: none;
}
table tr:nth-child(even){
   background-color: #CEE7F0;
}
.shadow {
        box-shadow: 3px 3px 5px 5px #222;
}
.right {
   float:right;
}
.center {
   position: absolute;
   left: 50%;
}
#socIcons {
   position: relative;
   left: -50%;
}
.rounded {
   border-radius: 8px;
}
a,h1,h2,h3,h4,b,strong {
   color: #222C51;
   margin-top: 0;
}
a {
   text-decoration: none;
}
a.link {
    text-decoration:underline;
    border-bottom: 1px solid;
}
code, pre {
   background-color: rgba(255,255,255,0.9);
   white-space: pre-wrap;       /* Since CSS 2.1 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
   margin-top: 0;
}
/*Filter styles*/
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }
.content {
   background-color: #FFFFFF;
   padding: 0 5px 0 5px;
   margin-top: 5px;
   transition: all 1s ease-in-out;
   -webkit-transition: all 1s ease-in-out; /** Chrome & Safari **/
   -moz-transition: all 1s ease-in-out; /** Firefox **/
   -o-transition: all 1s ease-in-out; /** Opera **/
}
/* pop-out external link indicator */
.content a:hover:not([href^="javas"]):not([href^="#"]) {
    background: url('../images/externallink.png') center right no-repeat;
    padding-right: 13px;
}
/* responsive web design features */

/* use available screen area if display shrinks below 1000px */
@media only screen and (max-width: 600px) {
   .content {
      width:calc(100% -10)px;
      padding: 0 5px 0 5px;
      margin: 0;
      box-shadow: 0;
      border-radius: 0;
   }
}
/* use two column layout if screen grows past 900px
@media only screen and (min-width: 900px) {
   .content {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
      column-rule: inset #BFBFBF;
   }
} */
address {
	border: 1px solid black;
	padding: .5em;
	margin-bottom: 5px;
}
.logo150 {
	width: 150px;
	height: 150px;
	float:left;
	margin: .5em;
}
.logo100 {
	width: 100px;
	height: 100px;
	float:left;
	margin: .5em;
}