/*@media (max-width: 600px)
{
	body {
		/*font-family : "Helvetica Neue", Arial, Helvetica, sans-serif !Important;*/
/*		font-family : Tahoma, Helvetica, Arial, Verdana !Important;
		font-size :  14px!Important;
	}	
}*/

/*@media (min-width: 601px)
{
	body {
		font-family : Tahoma, Helvetica, Arial, Verdana !Important;
		font-size :  14px!Important;
	}

}*/

a:active, a:link {
    color: #584d4d;
    text-decoration: underline;
}
a:visited {
    color: rgb(121, 121, 121);
    text-decoration: underline;
}
a:hover {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

#container {
	

	
}

#header  { 
}



#nav {

	
}



}

#footer {
	
}




#footer A:LINK {
color:gray;
text-decoration:none;
}

#footer A:ACTIVE {
color:gray;
text-decoration:none;
}


#footer A:VISITED {
color:gray;
text-decoration:none;
}


#footer A:HOVER {
color:black;
text-decoration:underline;
}


#footer-text {
	position:relative;
	top:75px;
	bottom:4px;
	
	text-align:center;
	color:gray;
}
	
	
	
#crumbs {
	text-align:left;
}

* html #content-main {
float:left;
}

#content-main {
			
		
			text-align:left;
			
		
			
			}

#content-options {
	text-align:right;
	font-size: 9pt;
}

#side {
width:15%;
float:right;

}

#side-content {
/*font-size:11px;*/
/*text-align:left;*/

/*width:100%;*/
/*border:1px solid #99CC66;*/
}

#side-content #news-header {
text-align:left;
color:white;
font-weight:bold;
padding:5px;
background-color:#99CC66;
}

#log {
font-size:11px;
text-align:left;

width:100%;
border:1px solid #99CC66;
}

#log #log-header {
text-align:left;
color:white;
font-weight:bold;

background-color:#99CC66;
}

#content-title {
float:left; font-size:14px; font-weight:bold; text-transform : capitalize;
color: #299B2A;
}


#menu-links {
font-size:14px;
font-weight:bold;
color:white;

}
 
 /* end drop downs */

/*
#adminStuff {
	border: 1px solid #E36F1E;
	list-style-image: url(../../images/orange_box.jpg);
	list-style-position:outside;
	margin:10px;
	width:97%;
	
	
}

#adminStuff .header {
	background-color: #E36F1E;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding:5px;
}


#adminStuff td{
padding:5px;

}

#adminStuff .alternate{
background-color: #F8DAC7;
}
*/

#adminStuff ul{
	padding-left:10px;
}

.smallText {
font-size:11px;
}

.crumbs {
	font-family: 'Raleway',sans-serif;
	font-size: 11pt;
	color: #333;
	text-align:left;
	padding:5px;
}

.crumbs a {
	text-decoration: none;
	color: #EEE;
	background-color: #006ab8!important;
}

.redText {
font-family: arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
color: red;
}



#sat-content {
font-size:11px;
text-align:left;
margin-right:auto;
margin-left:30px;
margin-top:15px;
width:700px;
border:1px solid #99CC66;
}

#sat-content #sat-header {
text-align:left;
color:white;
font-weight:bold;
padding:5px;
background-color:#99CC66;
}



#adminStuff {
border:1px solid #52C8E8;
background-color:white;
}

#adminStuff td {
padding:3px;
}


#adminStuff .header {
background-color: #52C8E8;
color:white;
font-weight:bold;
}

#adminStuff .pCell {
background-color: white;
}

#adminStuff .sCell {
background-color: #B3E1EE;
}

.breakoutbox-blue {
	min-width: 100px; 
	margin: 8px; 
	border: 2px solid blue; 
	padding: 5px; 
	float: right;
}

.breakoutbox-red {
	min-width: 100px; 
	margin: 8px; 
	border: 2px solid red; 
	padding: 5px; 
	float: right;
}


.breakoutbox-green {
	min-width: 100px; 
	margin: 8px; 
	border: 2px solid green; 
	padding: 5px; 
	float: right;
}

.breakoutbox-grey {
	min-width: 100px; 
	margin: 8px; 
	border: 2px solid #666; 
	padding: 5px; 
	float: right;
}

figcaption {text-align: center; font-size: 85%; font-weight: bold;}

label {
	padding-top: 7px;
}

.kakadu {border-radius: 6px 6px 0 0;}

.breakoutbox
{
	min-width: 100px; 
	margin: 8px; 
	border: 2px solid #BBB; 
	padding: 5px; 
	float: right; 
	border-radius:5px;
}

div#content-main.img  {border-radius: 5px;}

.navbar-brand {
	font-weight: bold;
	font-size: 14px!important;
}

.lift-label{
	margin-top: -5px;
	padding-top: 0;
}

.btn-details {
    background-color: #999;
    border-color: #999;
    color: #fff;
}

.btn-a {
	text-decoration: none!important;
	color: white!important;
}

body {
	font-size: 11pt;
	font-family: "roboto light", sans-serif!important;
}

.navbar-brand {
	font-size: 12px!important;
}

.small-select {
	width: 400px!important;
}

.img-circle {
	border-radius: 50%;
}

@media (min-width: 679px)
{
	.img-strip {
		height: 35px;
		vertical-align: top!important;
	}

	.top-container {
		min-height: 240px!important;
		padding-top: 50px!important;
	}
	.navbar-collapse.collapse {
		margin-left: 130px;
	}
}

.site-title {
	
	height: auto;
	font-family: 'Raleway', sans-serif; 
	padding-bottom: 18px;
}

@media (max-width: 678px)
{
	.site-title {
		font-size: 25px; 
		padding-bottom: 0!important;
	}

	h2 {
		font-size: 20px!important;
	}

	.top-container {
		min-height: 80px!important;
		padding-top: 20px!important;
	}

	#printButton {
		display: none!important; 
	}

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

	.img-strip {
		height: 10px;
		vertical-align: top!important;
	}

	#artstrip {
		height: 10px!important;
		vertical-align: top!important;
		background-image: url("images/banner/art-strip-small.gif")!important;
	}
}

.tiwi-title {
	 margin-left: -30px; 
	 margin-bottom: 20px; 
	 width: 90%;
}

/*.container-hr {
  max-width: 50%;  
  margin: 5px auto;
}

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: .5;
  &:before {
    content: '';
    // use the linear-gradient for the fading effect
    //use a solid background color for a solid bar
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
  }
  &:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;

    padding: 0 .5em;
    line-height: 1.5em;
    //this is really the only tricky part, you need to specify the background color of the container element...
    color: #818078;
    background-color: #fcfcfa;
  }
}
*/

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}

/*@media (max-width: 768px)
{
	.tiwi-title {
		margin-left: 0!important; 
	 	font-size: 20px!important;
	}

	#admin-menu {
		display: none;
	}

	nav ul li {
		display: block!important;
		float: left!important;
	}

	nav ul {
		margin-left: 40px!important;
	}
}*/