@charset "utf-8";
<!--
/* Give the menu bar a width and set the margins to "auto"
 * so that the browser does the centering.
 */
 
html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6,/* p,*/ blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, /* dl, dt, dd, ol, ul, li, */ fieldset, form, label, legend, /*table,*/ caption, tbody, tfoot, thead /*tr, th, td*/
{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

/* remember to define focus styles! */
:focus{
outline:0;
}

.style-nav ul {
	list-style-type: none;
}

.style-nav ul li a {
	text-decoration: none;
	color: #2F322A;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding: 8px;
}


img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

body 
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Paragraph Black Text */
	background-color:#F0F0F0;
	background-image:url('images/Foundation-Logo.png');
	background-repeat:no-repeat;
	background-position: 20% 0px;
	line-height:1.25em;
	font-size:100%;
	text-align:left;
	color:#000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;	/*white-space: nowrap; */
}

a:link {color:#000099; font-weight:bold; font-weight:bold;}    /* unvisited link */
a:visited {color:#696969; font-weight:bold; font-weight:bold;} /* visited link */
a:hover {color:#BEBEBE; background-color:#000000; font-weight:bold;}   /* mouse over link */
a:active {color:#FF0000; font-weight:bold; font-weight:bold;}  /* selected link */

p
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif"; /* Paragraph Black Text */
	line-height:1.25em;
	font-size:100%;
	text-align:left;
	color:#000000;
}

/*  ol, ul{ list-style:none; list-style:indent:50px} */

dt {color:#000080; font-weight:bold; font-style:italic; font-size:125%; line-height:1.25;}
dd {line-height:1.2;}

ul.a {list-style-type:disc;}
ul.b {list-style-type:circle;}
ul.c {list-style-type:square;}
ul.d {list-style-type:none;}
ol.e {list-style-type:decimal;}
ol.f {list-style-type:decimal-leading-zero;}
ol.g {list-style-type:lower-roman;}
ol.h {list-style-type:upper-roman;}
ol.i {list-style-type:lower-alpha;}
ol.j {list-style-type:upper-alpha;}
ol.k {list-style-type:lower-greek;}
ol.l {list-style-type:lower-latin;}
ol.m {list-style-type:upper-latin;}
ol.n {list-style-type:armenian;}
ol.o {list-style-type:georgian;}
/* Position Title Text inside header graphic */
.title_text
{
position:absolute;
top:10px;
left:20%;
}

.style_select
{
position:absolute;
top:10px;
right:30px;
}

.table
{
border-collapse:collapse;
border: 1px solid #000000;
}

/*
.table,th, td
{
border: 1px solid black;
} */

.caption, th, td{
text-align: left;
font-weight: normal;
}

.th
{
background-color:#C0C0C0;
border: 1px #000000;
color:#000000;
text-align: center;
}

.td
{
border: 1px solid:#000000;
color:#000000;
text-align: center;
}	

blockquote:before, blockquote:after, q:before, q:after{
content: "";
}

blockquote, q{
quotes: "" "";
}

.right{text-align: right;} /* use this like this: <p, div, or h1, class="right">Text Aligned Right</p> */

.left{text-align: left;}

.center{text-align: center;}

h2, h3, h4, h5, h6 {text-align:left;}

h1
{
	font-family:"Comic Sans MS, sans-serif";  /* Side Menu Text */
	line-height:1.5em;
	font-size:175%;
	color:#FF0000;
}
h2
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Article Description Header */
	line-height:1.5em;
	font-size:150%;
	color:#000080;
}
h3
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";   /* Menu Text */
	line-height:1.25em;
	font-size:125%;
	color:#000080;
}
h4
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Side Menu Text */
	line-height:1em;
	font-size:100%;
	color:#000080;
}
h5
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Side Menu Text */
	line-height:1.25em;
	font-size:85%;
	color:#000080;
}

h6
{
	font-family:"Verdana, Geneva, Arial, Helvetica, sans-serif";  /* Side Menu Text */
	line-height:1em;
	font-size:65%;
	color:#000080;
}

hr {border: 0; color: #000000; background-color: #BEBEBE; height: 3px;  width: 100%; text-align: left;} /* Divider Line */

.oneColElsCtrHdr #header { 
	background: #FFFFFF;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.oneColElsCtr #container {
	width: 80%;
	/* background: #FFFFFF; */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0 solid;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColElsCtr #container #footer{ 
	text-align: center;
	font-size:75%;
	padding: 0 40px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 


/*Tablet View*/

@media (min-width: 768px){
	
	body {
		max-width: 778px;
	}
	
	.style-nav ul li {
		display: inline-block;
	}
	
	.style-nav ul {
		text-align: center;
	}
	
	h1 {
		font-size: 40px;
		margin-bottom: 90px;
	}
	
	h2 {
		margin-bottom: 16px;
	}
	
	.col-md-one-half {
		width: 50%;
	}
	
	.col {
		float: left;
		padding: 0px 7px 14px;
	}
}

/*Desktop View*/

@media (min-width: 1024px){
	
	body {
		max-width: 1200px;
	}
	
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
	}
	
	.col-lg-one-fourth {
		width: 25%;
	}
}