h1{font-size:3em} h2{font-size:2em} h3{font-size:1.5em}
@media (max-width:720px){ h1{font-size:1.25em} h2{font-size:1.15em}h3{font-size:1em}}
@media (min-width:721px) and (max-width:991px){ h1{font-size:1.75em} h2{font-size:1.5em} h3{font-size:1.25em}}
@media (min-width:992px) and (max-width:1200px){ h1{font-size:2.25em} h2{font-size:1.75em} h2{font-size:1.5em}}
	
/* remove border bottom styles for link tags that are linking to images... */
a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
text-decoration:none; border:0 none;
}

/* remove border bottom styling from image links */
.img-link:hover {
text-decoration:none; border:0 none; border-bottom:#000 0px dotted;	 
}

p {line-height:170%; padding-bottom:30px;}

.img-shadow {
width:100%; -webkit-box-shadow: 0px 0px 12px 0px rgba(183,184,184, 1); -moz-box-shadow: 0px 0px 12px 0px rgba(183,184,184, 1); box-shadow: 0px 0px 12px 0px rgba(183,184,184, 1); margin:5px;	
}

.btn, .badge {
-webkit-box-shadow: 0px 0px 12px 0px rgba(183,184,184, 1); -moz-box-shadow: 0px 0px 12px 0px rgba(183,184,184, 1); box-shadow: 0px 0px 12px 0px rgba(183,184,184, 1); margin:5px;	
}

.img-wrapper {
margin-right:20px; margin-bottom:20px; margin-top:20px; text-align:center;	
}

body{font-size:12pt;}

h1,h2,h3,h4,h5,h6{color:#0e6755; text-shadow:-1px -1px 1px rgba(183,184,184,1)}

h3, h4{color:#888888;}

.list-group-item{-webkit-box-shadow: 3px 3px 5px 0px rgba(183,184,184, 0.3); -moz-box-shadow: 3px 3px 5px 0px rgba(183,184,184, 0.3); box-shadow: 3px 3px 5px 0px rgba(183,184,184, 0.3);overflow:auto;}

.badge{font-family:'Open Sans',sans-serif; letter-spacing:3px;}

.page-header{border-bottom:1px solid #cccccc}
.btn-primary{background-color:#0e6755;}

.pipe_char{padding-right:10px;padding-left:10px;}
/* 
+++++++++++++++++++++++++++++++++++++
START - Circle Rollovers */
/*uncomment the directive below to hide circle rollovers on screens less than 1200px (smartphones and iPad, etc.) and pull the social media DIV to the right */
@media (max-width:1200px){.visible-action{display:inherit!important;text-align:right;/*max-width:250px;min-width:250px;*/float:right;}.hidden-action{display:none!important; /*min-width:400px;float:right;*/}}
ul.unstyled{margin-left:0;list-style:none}
ul.inline{margin-left:0;list-style:none}
ul.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px}
.nav-circles{margin:0;}
.nav-circles>li{padding:0!important;margin:0 .3em;}
.nav-circles>li>a{display:block;text-decoration:none;font-size:2.5em;line-height:0;color:#c6b739;-webkit-border-radius:1.5em;-moz-border-radius:1.5em;border-radius:1.5em;border-color:#c6b739;border-style:solid;border-width:2px;-webkit-box-shadow:0px 0px 15px 0px rgba(183,184,184,0.5); -moz-box-shadow:0px 0px 15px 0px rgba(183,184,184,0.5); box-shadow:0px 0px 15px 0px rgba(183,184,184,0.5);}
.nav-circles>li>a:hover{background-color:#c6b739;color:#ffffff}
.nav-circles>li>a>div{padding:.5em}

/* Usage: include the following div inside the circle icon element with appropriate html value, like this:

	<ul class="inline unstyled nav-circles hidden-action">
	<li><a href="test.php" data-toggle="popover" data-container="body" title="Photo Albums" data-content="Checkout photos organized in albums by topic.">		    <div aria-hidden="true" data-icon="&#x1f4f7;"></div>
	</a>
	</li>
	</ul>
*/

@font-face {
  font-family: 'pcicons';
  src: url('js/pcicons.eot');
  src: url('js/pcicons.eot?#iefix') format('embedded-opentype'), url('js/pcicons.woff') format('woff'), url('js/pcicons.ttf') format('truetype'), url('js/pcicons.svg#pcicons') format('svg');
  font-weight: normal;
  font-style: normal;
}[data-icon]:before{font-family:'pcicons';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}

/* 
+++++++++++++++++++++++++++++++++++++
END - Circle Rollovers */

.goonline {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#105a5f; padding-botom:10px;
}

.goonline-link, .goonline-link:visited {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#105a5f; text-decoration:none;
}

.goonline-link:hover {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#000000; text-decoration:none;
}


.navbar-default { font-family:'Roboto Condensed',sans-serif;font-weight:400;letter-spacing:1px;font-size:13px;text-shadow:2px 2px 3px rgba(0,0,0,0.6);}
.navbar-default .navbar-nav>li>a{color:#ffffff;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#cccccc;}

#logo {z-index:1031; position:absolute; margin-top:10px;max-width:230px; opacity:1.0 !important; filter:alpha(opacity=100) !important;}
#logo img {display:block; width:100%;}
.navbar-default { font-size:13px; }
@media (max-width:767px) { #logo { max-width:145px; }} /* xs */
@media (min-width:768px) and (max-width:991px) { #logo { max-width:185px; } .navbar-default { font-size:11px; } }
@media (min-width:992px) and (max-width:1199px) { #logo { max-width:185px; } .navbar-default { font-size:13px;letter-spacing:0px !important; } }