/*
			Custom Style Sheet Developed By:	   
			Dave Darsow                          
			Darsow Web Design                    
			Roundup, MT                         
			www.DarsowWebDesign.com
			webdesign@mtlive.net 

			written in Sublime Text 3 on Ubuntu Linux
			valid in all modern browsers & devices             

			     HTML5 - CSS3 (01-08-2016)
______                               _    _      _      ______          _             
|  _  \                             | |  | |    | |     |  _  \        (_)            
| | | |__ _ _ __ ___  _____      __ | |  | | ___| |__   | | | |___  ___ _  __ _ _ __  
| | | / _` | '__/ __|/ _ \ \ /\ / / | |/\| |/ _ \ '_ \  | | | / _ \/ __| |/ _` | '_ \ 
| |/ / (_| | |  \__ \ (_) \ V  V /  \  /\  /  __/ |_) | | |/ /  __/\__ \ | (_) | | | |
|___/ \__,_|_|  |___/\___/ \_/\_/    \/  \/ \___|_.__/  |___/ \___||___/_|\__, |_| |_|
                                                                           __/ |      
                                                                          |___/       
General Page Styles */
	body {
		font-size: 110%; /* Use em hereafter to allow all browsers to zoom and resize the text! */
		overflow-x: hidden;
		overflow-y: scroll;
		font-family: 'Oxygen', sans-serif;
	}

	a:active, a:focus, a:visited, a:hover { 
		outline-style: none; 
		-moz-outline-style:none;
		color: #0000FF; /*default for blue links*/ 
	}

.navbar-inverse { 
	border-color: #FFFF00;
	-webkit-box-shadow: 0px 6px 5px 0px rgba(255,255,0,0.85);
	-moz-box-shadow: 0px 6px 5px 0px rgba(255,255,0,0.85);
	box-shadow: 0px 6px 5px 0px rgba(255,255,0,0.85);
}

/* Font & Text Styles */

	p {
    	color: #000;
    	font-size: 1.6em;
	}

	p.footer {
		color: #000;
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
	}

	p.footer a {
		color: #000;
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
	}

	h1 {
		font-size: 2.5em;
		font-family: 'Convergence', sans-serif;
	}

	h2 {
		font-size: 2.2em;
		font-family: 'Convergence', sans-serif;
	}

	h3 {
		font-size: 2em;
		font-weight: bold;
		font-family: 'Convergence', sans-serif;
	}

	.nav a {
		font-size:1.3em;
	}

	.center {
		text-align: center;
		text-indent: 0;
	}

	.left {
		text-align: left;
		text-indent: 0;
	}

	.right {
		text-align: right;
		text-indent: 0;
	}

	.justify {
		text-align: justify;
		text-indent: 0;
	}

	.uppercase {
		text-transform: uppercase;
	}

	.lowercase {
		text-transform: lowercase;
	}

	.capitalize {
	    text-transform: capitalize;
	}

	.normal {
		text-transform: none;
	}

	.bold {
		font-weight:bold;
	}

	.underline {
		text-decoration: underline;
	}

	.italic {
		font-style: italic;
	}

	.plain {
		text-decoration: none;
	}

	.textshadow {
		color:#333333;
		text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.80);
	}

	.xs-font {
		font-size: .6em;
	}

	.sm-font {
		font-size: .8em;
	}

	.x12-font {
		font-size: 1.2em;
	}

	.x15-font {
		font-size: 1.5em;
	}

	.x2-font {
		font-size: 2em;
	}

	.x25-font {
		font-size: 2.5em;
	}

	.x3-font {
		font-size: 3em;
	}

/* Horizontal Rule Styles */

	hr { 
		border: 0; 
		height: 2px; 
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0)); 
	}

	hr.fading { 
		border: 0; 
		height: 2px; 
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
	}

	hr.fading-gray { 
		border: 0; 
		height: 2px; 
		background-image: linear-gradient(to right, rgba(169, 169, 169, 0), rgba(169, 169, 169, 0.75), rgba(169, 169, 169, 0)); 
	}

	hr.fading-blue { 
		border: 0; 
		height: 2px; 
		background-image: linear-gradient(to right, rgba(0, 0, 143, 0), rgba(0, 0, 143, 0.75), rgba(0, 0, 143, 0)); 
	}

	hr.fading-red { 
		border: 0; 
		height: 2px; 
		background-image: linear-gradient(to right, rgba(251, 8, 10, 0), rgba(251, 8, 10, 0.75), rgba(251, 8, 10, 0)); 
	}

	hr.shadowed { 
		border: 0; 
		height: 2px; 
		background: #000000; 
		box-shadow: 3px 3px 2px #000000; 
	}

	hr.shadowed-blue { 
		border: 0; 
		height: 2px; 
		background: #000000; 
		box-shadow: 3px 3px 2px #0000ff; 
	}

/* Color Styles */

	.white {
		color: #FFFFFF;
	}

	.black {
		color: #000000;
	}

	.red {
		color: #FF0000;
	}

	.blue {
		color: #0000FF;
	}

	.yellow {
		color: #FFFF00;
	}

	.green {
		color: #00FF00;
	}

	.silver {
		color: #C0C0C0;
	}

	.gray {
		color: #A9A9A9;
	}

/* Div BG Styles */

	.grad-black {
	 	background: -webkit-linear-gradient(#000000, #666666); /* For Safari 5.1 to 6.0 */
	   background: -o-linear-gradient(#000000, #666666); /* For Opera 11.1 to 12.0 */
	   background: -moz-linear-gradient(#000000, #666666); /* For Firefox 3.6 to 15 */
	   background: linear-gradient(#000000, #666666); /* Standard syntax (must be last) */
	}

	.grad-blue {
	 	background: -webkit-linear-gradient(#000033, #1919FF); /* For Safari 5.1 to 6.0 */
	   background: -o-linear-gradient(#000033, #1919FF); /* For Opera 11.1 to 12.0 */
	   background: -moz-linear-gradient(#000033, #1919FF); /* For Firefox 3.6 to 15 */
	   background: linear-gradient(#000033, #1919FF); /* Standard syntax (must be last) */
	}

	.grad-green {
	 	background: -webkit-linear-gradient(#001F00, #197519); /* For Safari 5.1 to 6.0 */
	   background: -o-linear-gradient(#001F00, #197519); /* For Opera 11.1 to 12.0 */
	   background: -moz-linear-gradient(#001F00, #197519); /* For Firefox 3.6 to 15 */
	   background: linear-gradient(#001F00, #197519); /* Standard syntax (must be last) */
	}

/* Form Input Styles */

	.fancyform { /* apply to div holding form */
		-webkit-border-radius: 8px; 
		-moz-border-radius: 8px; 
		border-radius: 8px; 
		-webkit-box-shadow: 2px 4px 6px rgba(50, 50, 50, 0.85); 
		-moz-box-shadow: 2px 4px 6px rgba(50, 50, 50, 0.85); 
		box-shadow: 2px 4px 6px rgba(50, 50, 50, 0.85);
		width: 460px; 
		max-width: 95%; 
		background: #EBEBE6;
	}

	.smoothbox {  /* for input fields */
		padding: 3px;
		background-color: #DCDCDC;
		border: 1px solid #696969;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

/* Container & Image Styles */

	.rounded {
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}

	.rounded-top {
		-moz-border-radius-topleft: 16px;
		-webkit-border-top-left-radius: 16px;
		border-top-left-radius: 16px;
		-moz-border-radius-topright: 16px;
		-webkit-border-top-right-radius: 16px;
		border-top-right-radius: 16px;
	}

	.rounded8 {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

	.rounded12 {
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
	}

	.rounded24 {
		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		border-radius: 24px;
	}

	.dropshadow {
	 	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.80);
	   -moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.80);
	   -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.80);
	}

	img.floatleft {
		float: left;
		margin-left: 0px; 
		margin-right: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	img.floatright {
		float: right; 
		margin-left: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	img.skewleft {
		-ms-transform: rotate(-3.5deg); /* IE 9 */
	   -webkit-transform: rotate(-3.5deg); /* Chrome, Safari, Opera */
	   transform: rotate(-3.5deg);
		margin-bottom: 8px;
	}

	img.skewright {
	   -ms-transform: rotate(3.5deg); /* IE 9 */
	   -webkit-transform: rotate(3.5deg); /* Chrome, Safari, Opera */
	   transform: rotate(3.5deg);
		margin-bottom: 8px;
	}

/* Image Hover Classes */

	img.dim {
   	opacity: 0.5;
	}

	img.dim:hover {
   	opacity: 1.0;
	} 

	.expanding {
	   position: relative;
	   opacity: 0.6;
	   -webkit-opacity: 0.6;
	   -moz-opacity: 0.6;
	   transition: 0.5s ease;
	   -webkit-transition: 0.5s ease;
	   -moz-transition: 0.5s ease;
	   z-index: 500;
 	}

	.expanding:hover {
	   -webkit-transform: scale(1.25,1.25);
	   -moz-transform:scale(1.25,1.25);
	   opacity: 1;
	   -webkit-opacity: 1;
	   -moz-opacity: 1;
	   z-index: 1000;
	}