/* -----------------------------------
base styles
----------------------------------- */

html,body
{
	color: #000;
	background: #fff;
}

body
{
	margin: 0;
	padding: 0;
	font: 1.125em/1.4 'Crimson Text',Georgia,'Times New Roman',Times,serif;
}

h1,h2,h3 
{ 
	line-height: 1; 
}

h1
{
	font-size: 3em;
	margin: 0 0 .5em;
}

h2
{
	font-size: 1.5em;
	margin: 0 0 .5em;
}

h3
{
	margin: 0 0 .2em 0;
	color: #069;

}

p { margin: 0 0 1em; }

img
{
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}

/* img styling */
.left
{
	float: left;
	margin: 0.5em;
}	

.right
{
	float: right;
	margin: 0.5em;
}	

.hibiscus
{
	vertical-align: bottom;
	border: 0;
}

/* list styling */
ul
{
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none;
}


/* -----------------------------------
rows
----------------------------------- */

.row
{
	clear: both;
	overflow: hidden;
}

/* row-padding */
.row-padding-small { padding: 1em 0; }
.row-padding, .row-padding-large { padding: 2em 0; }
/* row-colors */
.row-white { background: #fff; }
.row-blue { background: #9cf; }
.row-black
{
	color: #ddd;
	background: #000;
}
/* row-banner */
.row-banner
{
	background-color: #c96;
	background-image: url(../img/bannerimage.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* -----------------------------------
cols
----------------------------------- */

.col
{
	overflow: hidden;
	margin-bottom: 1em;
}

.col p { margin: 0; }
.col:last-child { margin-right: 0; }

/* -----------------------------------
cols-medium
----------------------------------- */

@media (min-width:30em) and (max-width:45em)
{
	.col
	{
		float: left;
		margin-right: 8%;
	}
	
	.m-2col { width: 100%; }
	.m-1col { width: 46%; }
	.col:nth-child(2) { margin-right: 0; }
}

/* -----------------------------------
cols-wide
----------------------------------- */

@media (min-width:45em)
{
	.col
	{
		float: left;
		margin-right: 4%;
	}
	
	.w-3col { width: 100%; }
	.w-2col { width: 48%; }
	.w-1col { width: 30.3333%; }
	.w-dcol { width: 60.6666% }
	
}

/* -----------------------------------
text
----------------------------------- */
.banner-text, .intro-text, .footer-text
{
	margin: 0;
	font-weight: normal;
}

.banner-text
{
	color: #000;
	font-size: 2em;
}
.intro-text { font-size: 1.22222em; }

a
{
	color:#069;
	font-weight:normal;
	text-decoration:none;
}

a:hover { text-decoration:underline; }

.row-black a { color: #cff; }

/* -----------------------------------
row and text medium
----------------------------------- */
@media (min-width: 30em)
{
	.row-padding { padding: 2.5em 0; }
	.row-padding-large { padding: 3.33333em 0; }
	.banner-text, .intro-text, .footer-text { text-align: center; }
	.banner-text { font-size: 2.44444em; }
	.intro-text { font-size: 1.33333em; }
}

/* -----------------------------------
row and text wide
----------------------------------- */
@media (min-width: 50em)
{
	.row-padding { padding: 3em 0; }
	.row-padding-large { padding: 4em 0; }
	.banner-text { font-size: 4em; }
	.intro-text { font-size: 1.5em; }
}

/* -----------------------------------
containers
----------------------------------- */
.container, .container-narrow
{
	margin: 0 auto;
	/*padding: 0 1.33333em;*/
}

.container { max-width: 44em; }
.container-narrow { max-width: 30em; }

/*------------------------------------
Tables
_____________________________________*/

.table-header
{ 
	font-weight: normal;
	text-align: center;

}	

.tdborder { 
	text-align: center;
	border-bottom: solid 1px #369; 
}

table 
{
    font: 1em 'Crimson Text',Georgia,'Times New Roman',Times,serif;
	border-collapse: collapse;
	border-bottom: solid 1px #369;
    width: 100%;
}

th, td 
{
    padding: .2em .5em;
    text-align: left;
}

th {
    font-weight: normal;
    background-color: #9cf;
}

td:nth-child(even) { width:30%; }
th:nth-child(even) { width:30%; }