@charset "utf-8";
/* CSS for OFEAA.org */
/* 
html5doctor.com Reset Stylesheet ### v1.6.1 ### Last Updated: 2010-09-17 ### Author: Richard Clark - http://richclarkdesign.com  ### Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

img, embed, object, video
{
	max-width: 100%;
}

ul
{
	list-style-type: none;
	text-indent: 0;
}

html
{
	font-family: "Lucida Sans", "Gill Sans", sans-serif;
}

#nav a
{
	border: 1px solid #fff;
	background-color: rgb(26,172,253);
	color: #fff;
	font-weight: bold;
}

#nav ul.nav2 a
{
	background-color: rgb(0,221,0);
}

#content, #foot
{
	clear: both;
	float: left;
}

#content h2
{
	font-size: 1.5em;
}

#content p
{
	padding-bottom: .5em;
}

.objectives
{
	margin-left: 2em;
}

.objectives li
{
	padding-bottom: .25em;
}

@media screen and (max-width: 1200px),
screen and (max-device-width: 1200px)
{
}

@media screen and (max-width: 600px),
screen and (max-device-width: 480px)
{
	html
	{
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
	
	#wrapper
	{
		margin: 2%;
		width: 96%;
	}
	
	#nav
	{
		width: 100%;
	}
	
	#showHideNav
	{
		display: none;
	}
	#showHideNav:target
	{
		display: block;
	}
	
	#nav ul
	{
		width: 100%;
	}
	
	#nav a
	{
		display: block;
		font-size: .75em;
		font-weight: 500;
		padding: .5em;
		text-align: center;
		text-decoration: none;
	}
	
	#nav h2 a
	{
		font-size: 1em;
	}
	
	#nav li
	{
		clear: left;
		float: left;
		width: 50%;
	}
	
	#nav li#nav1-MEM,
	#nav li#nav1-FH,
	#nav li#nav1-FF,
	#nav li#nav1-TUT,
	#nav li#nav1-CON
	{
		clear: right;
		float: right;
	}
	
	
	#nav ul.nav2 li
	{
		clear: left;
		float: left;
		width: 100%;
	}
	
	#nav li li#fsCBF,
	#nav li li#fsTT
	{
		clear: right;
		float: right;
	}
	#nav li#nav1-TOP
	{
		width: 100%;
	}
	
	#foot
	{
		background-color: rgb(26,172,253);
		color: #fff;
		font-size: .8em;
		width: 100%;
	}
}

@media screen and (max-width: 320px),
screen and (max-device-width: 320px)
{
	#head
	{
		text-align: center;
		width: 100%;
	}
	
	#head a
	{
		width: 100%;
	}
	
	#head a img
	{
		max-width: 100%;
	}
	
	#head h1
	{
		color: #000;
		font-size: 1.15em;
		margin: auto 0;
		text-decoration: none;
		text-transform: uppercase;
		width: 100%;
	}
}

@media screen and (min-width: 1200px),
screen and (min-device-width: 1200px)
{
	#wrapper
	{
		margin: 10px auto;
		width: 96.679%
	}
}