@media (max-width: 767px) {

#AUHSD {width:100%;}

.navbar .brand {
    padding-right: 10px;
    padding-left: 25px;
    margin: 0 0 0 -5px;
}

.container {margin-top:0px;}

.container > header h5 {
    font-family: georgia;
    font-size: 12px !important;
    line-height: 20px;
    position: relative;
    font-weight: 400;
    color:#000;
    text-transform: uppercase;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
    padding: 0px 0px 5px 0px;
}

.container > header h6 {
    font-family: georgia;
    font-size: 12px !important;
    line-height: 20px;
    position: relative;
    font-weight: 400;
    color:#000;
    text-transform: uppercase;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
    padding: 0px 0px 5px 0px;
}
}

.container {margin-top:60px;}

.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	/*padding: 30px 30px 10px 20px;*/
	padding: 0;
	margin: 0px 20px 0px 20px;
	position: relative;
	display: block;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
    text-align: left;
}

.container > header h5 {
    font-family: georgia;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    font-weight: 400;
    color:#000;
    text-transform: uppercase;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
    padding: 0px 0px 5px 0px;
}

.container > header h6 {
    font-family: georgia;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    font-weight: 400;
    color:#000;
    text-transform: uppercase;
   /* text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
    padding: 0px 0px 5px 0px;
}

.navs { margin-left:0px !important;}

input#ButtonHome, input#ButtonAUHSD {
    cursor:pointer;
    padding: 6px 12px 6px !important;
    font-family: georgia !important;
    font-size:14px !important;
    text-transform: uppercase !important;
    display: inline-block;
    border: 1px solid #fff;
    padding: 4px 10px 3px;
    line-height: 14px;
    margin: 2px 3px;
    font-weight: 800;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #000 !important;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#fff));
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#fff 100%);
    background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#fff 100%);
    background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#fff 100%);
    background: linear-gradient(top, #a90329 0%,#8f0222 44%,#fff 100%);
}

.pageBody {content: '';
    /*background: transparent url(../images/pattern.png) repeat top left; */ font-family:georgia;
}


.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 30px !important;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #fff !important;
    border: 1px solid #c1c1c1 !important;
}

#AUHSD {width:100%;}
#Label1 {color:#6d0019; }
#Label2 {color:#6d0019; }

.btn2 {
    width:120px !important;
    padding: 2px 2px !important;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 0px;
    /*background: transparent;*/
    color:#fff;
    background: #000 !important;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#fff));
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#fff 100%);
    background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#fff 100%);
    background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#fff 100%);
    background: linear-gradient(top, #a90329 0%,#8f0222 44%,#fff 100%);
}


/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		/*background: #eee;*/ 
	}
	th { 
		background: #ccc; 
		color: #000; 
		/*font-weight: bold; */
	}
	td, th { 
		padding: 5px; 
		border: 0px solid #ccc; 
		text-align: left; 
	}

/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) 

*/
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 0px solid #ccc; }

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 0px solid #eee;
			position: relative;
			padding-left: 0%;  
			/*padding-top:50px;*/
		}


		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;

            left: 6px;
			width: 100%;
            font-size: 1.15em;
            font-weight: bold;
            line-height: 130%;
			padding-right: 10px;
			white-space: nowrap;
		}
		/*
		Label the data
		*/
		td:nth-of-type(1):before { content: ""; }
		
		}

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body {
			padding: 0;
			margin: 0;
			width: 320px; }
		}

	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body {
			width: 495px;
		}
	}

.btn {
    padding: 8px 37px;
    border-radius: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.btn.btn-border-w {
    border: 1px solid rgba(255, 255, 255, 0.75);
    color: #fff;
    background: transparent;
    font-size: 18px;
    font-family: georgia;
}

.btn.btn-round {
    border-radius: 2px;
}

/* -- Begin for navigation menu --*/

.navbar-inverse .navbar-inner {
    /* background-color: #1b1b1b; */
    background-color: #000;
    background-image: -moz-linear-gradient(top, #222222, #111111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
    background-image: -webkit-linear-gradient(top, #222222, #111111);
    background-image: -o-linear-gradient(top, #222222, #111111);
    background-image: linear-gradient(to bottom, #000, #000) !important;
    background-repeat: repeat-x;
    border-color: #252525;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.collapse {
    display: inline-block !important;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    color: #ffffff;
    background-color: #000 !important;
}

.navbar .nav > li > a {
    float: none;
    padding: 10px 10px 10px;
    color: #777777;
    text-decoration: none;
    /*text-shadow: 0 1px 0 #ffffff;*/
}

.btn {padding:3px 12px !important;}

.brand {
    color: #ffffff !important;
    font-size:16px !important;
}

/* -- End for navigation menu --*/