/* -----------------------------------
 * general
 * ----------------------------------- */

html {
	max-width: 1300px;
	margin: 0 auto;
}

body
{
	margin: 20px;
	padding: 0;
	color: #222;
	background: #efefef;
}

/* -----------------------------------
/* fonts
/* ----------------------------------- */
body
{
	line-height: 130%;
	font-size: 100%;
/*	font-family: "Helvetica", "Arial", "Karla", "Gill Sans", sans-serif;*/
	font-weight:200;
}

body strong {
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "Open Sans", "Karla", "Gill Sans", sans-serif;
	font-weight:400;
}

/* -----------------------------------
/* header texts
/* ----------------------------------- */
h1, h2, h3, h4, h5, h6
{
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 1.1;
}

/* h1 { color: #88040d; } */
h1 { color: #fff; }	/* only used in title text */
h2, h3, h4, h5, h6 { color: #097 }		/* nice greenish-blue */

h1 { font-size: 200%; }
h2 { font-size: 140.75%; }
h3 { font-size: 137.5%; }
h4 { font-size: 105.75%; }
h5 { font-size: 102.5%; display: inline; } 
h6 { font-size: 100%; display: inline; } 

/* -----------------------------------
/* links, tables, images
/* ----------------------------------- */
p { margin: 0 0 1em; }
img { border: none; }

a:visited { color: #888; }
a:link { color: #086; }

a:focus
{
	color: #888;			/* MYSTERY */
/*	background: #000; */
}

a:hover { color: #000; }		/* MYSTERY */

a:active
{
	color: #888;			/* MYSTERY */
	background: #fff;		/* MYSTERY */
}

navtable
{
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}

table
{
	/*margin: 1em 0;
	/*border-collapse: collapse;*/
}

div.figure_rt {
  float: right;
  border: thin white solid;
  margin: 0.0em;
  padding-top: 0.0em;
  padding-bottom: 0.0em;
  padding-left: 1.0em;
  padding-top: 0.0em;
}
div.figure_rt p {
  text-align: center;
  font-style: bold;
  font-size: smaller;
  text-indent: 0;
}

table caption
{
	text-align: left;
	font-weight: bold;
	padding: 0 0 5px;
	text-transform: uppercase;
	color: #236271;
}

table td, table th
{
	text-align: left;
	background: #eee;
	/*border: 1px solid #b1d2e4; */
	padding: 5px 10px;
	vertical-align: middle;
	/*text-transform: capitalize; */
}

table th
{
	text-transform: uppercase;
	background: #ddd;
	font-family: "Open Sans", "Karla", "Gill Sans", sans-serif;
	font-weight:600;
	margin: 0 .3em;
	vertical-align: bottom;
	text-align: left;
}

/* -----------------------------------
 * classes
 * ----------------------------------- */

.copyright { margin: 3em 0 0; }
#sample-container { clear: left; }

/* -----------------------------------
 * layout-one-liquid
 * ----------------------------------- */

#layout-one-liquid
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 10px;
}

#layout-one-liquid #container
{
	margin: 0;
	background: #fff;	/* BG COLOR, MAIN CENTER COLUMN */
}

#layout-one-liquid #header
{
	background: black;		/* HEADER AND FOOTER BG COLOR - black */
	padding: 20px;
}

#layout-one-liquid #header h1
{
	margin:0
}

#layout-one-liquid #navigation
{
	float: left;
	width: 100%;
	background: #ffc20e;		/* NAV BAR BG COLOR (the part without cells) - also yellow */
}

#layout-one-liquid #content ul
{
	list-style: square;
}

#layout-one-liquid #navigation ul
{
	margin: 0;
	padding: 0;
}

#layout-one-liquid #navigation ul li
{
	list-style-type: none;
	display: inline;
}

#layout-one-liquid #navigation li a
{
	font-family: "Open Sans", "Karla", "Gill Sans", sans-serif;
	/*text-transform: uppercase;*/
	font-variant: small-caps;
	font-weight: 400;

	display: block;
	float: left;
	padding: 5px 10px;
	color: black;		/* text in nav bar */
	font-size: medium;
	text-decoration: none;
	border-right: 2px solid #fff;
}

/* ACTIVE NAV BAR BG - red */
#layout-one-liquid #navigation li a:hover { background: #a00; color: white; }

/* NAV BAR BG - umbc gold */
#layout-one-liquid #navigation li a { background: #ffc20e; }

#layout-one-liquid #content
{
	clear: left;
	padding: 10px;
	margin-left: 2%;
	margin-right: 2%;
}

#layout-one-liquid #footer
{
	background: black;		/* HEADER AND FOOTER BG COLOR */
	text-align: right;
	padding: 25px;
	position:relative;
	height:auto;
}

/* FOOTER TEXT */
#layout-one-liquid #footer a:link
{
	font-family: "Open Sans", "Karla", "Gill Sans", sans-serif;
	color: #fff; 
	font-weight:400;
}


/* -----------------------------------
 * media-sample
 * ----------------------------------- */

#media-container
{
	float: left;
	width: 1000px;
	background: #bbb;
}

#media-container #nav
{
	float: left;
	width: 200px;
	background: lime;
}

#media-container #content
{
	float: left;
	width: 550px;
	margin: 0 0 0 25px;
	background: yellow;
}

#media-container #extras
{
	float: right;
	width: 200px;
	background: gray;
}

#media-container .feature-image
{
	float: right;
	margin: 0 0 10px 10px;
}

@media screen and (max-width:999px)
{
	#media-container { width: 800px; }
	
	#media-container #extras
	{
		clear: left;
		float: none;
		margin: 0 0 0 225px;
		width: 550px;
	}
}

@media screen and (max-width:480px)
{
	#media-container { width: 400px; }
	
	#media-container #nav
	{
		float: none;
		width: auto;
	}
	
	#media-container #content
	{
		float: none;
		width: auto;
		margin: 0;
	}
	
	#media-container #extras
	{
		float: none;
		width: auto;
		margin: 0;
}

	}
	
	#media-container .feature-image { display: none; }
}