@charset "UTF-8";
/* CSS Document */
/*  BOM - DO NOT REMOVE OR EDIT */
/* base font size is 14px (0.875em) - use when converting px to rem (http://pxtoem.com/) */
/* Site design by Iain M. Guthrie: www.gu3media.com */

/* ============================ */
/* ! Layout for desktop version */
/* ============================ */

/* Begin Sections */

.break
{
	width: 100%;
	overflow: hidden;
	clear: both;
}
.br_null	{max-height: 0.000em;} /* 00px */
.br_half	{max-height: 0.357em;} /* 05px */
.br_single	{max-height: 0.714em;} /* 10px */
.br_double	{max-height: 1.429em;} /* 20px */
.br_triple	{max-height: 2.143em;} /* 30px */
.br_quad	{max-height: 2.857em;} /* 40px */
.br_end		{min-height: 4.286em;} /* 60px */

.container
{
	width: 100%;
	/*max-width: 73.143em;*/
	margin: 0.000em auto;
	padding: 0.000em;
}
.header
{
	width: 100%;
	/*max-width: 73.143em;*/
	overflow: hidden;
	margin: 0.000em;
	padding: 0.000em;
	background-color: #09185d;
}
.header_image
{
	float: left;
	width: 12.214em;
	height: 7.143em;
	margin: 0.000em;
	padding: 0.000em;
	background-image: url(../_img/mark_uscg_sm.png);
	background-repeat: no-repeat;
}
.header_title
{
	float: left;
	width: 98%;
	max-width: 60.929em;
	margin: 0.000em;
	padding: 0.000em;
	text-align: center;
}
h1.header_title_pri
{
	margin: 0.571em auto;
	font-size: 300%;
	color: #FFFFFF;
}
h1.header_title_sec
{
	margin: 0.571em auto;
	font-size: 100%;
	color: #FFFFFF;
}
h2.header_title_pri
{
	margin: 0 auto;
	font-size: 300%;
	color: #FFFFFF;
}
.menu
{
	width: 100%;
	max-width: 73.143em;
	overflow: hidden;
	margin: 2px 0.000em;
	padding: 0.000em;
	background: linear-gradient( #2D5B8D, #09185D, #2D5B8D);
}
.menu_button_rec
{
	float: left;
	width: 7.143em;
	height: 2.143em;
	margin: 0.000em;
	padding: 0.000em;
	text-align: center;
}
.menu_button_rec:hover
{
	background: linear-gradient( #99CCFF, #FFFFFF, #99CCFF);
	box-shadow: inset 0.000em 0.143em 0.571em 0.071em rgba(0, 0, 0, 0.75);
	text-decoration: underline;
}
.menu_button_rnd
{
	float: left;
	width: 2.143em;
	height: 2.143em;
	margin: 0.000em;
	padding: 0.000em;
	text-align: center;
}
.menu_button_rnd:hover
{
	background: linear-gradient( #99CCFF, #FFFFFF, #99CCFF);
	box-shadow: inset 0.000em 0.143em 0.571em 0.071em rgba(0, 0, 0, 0.75);
	text-decoration: underline;
}
a.menu
{
	line-height: 30px;
	color: #FFFFFF;
}
a.menu:hover
{
	color: #2D5B8D;
}
.menu_list
{
	float:right;
	height: 2.143em;
	padding: 0em 0.429em 0em 0.429em;
	box-shadow: inset 0.000em 0.143em 0.571em 0.071em rgba(0, 0, 0, 0.75);
	background-color: #96adc6;
	border: 0.071em solid #09185d;
	border-radius: 1.714em;
	font-size: 16px;
	color: #000000;
}
.content
{
	width: 100%;
	max-width: 73.143em;
	overflow: hidden;
	margin: 0.000em;
	padding: 50px 0.000em 50px 0.000em;
}
.splash_image
{
	float: left;
	width: 100%;
	max-width: 31.429em;
	min-height: 31.429em;
	margin: 0.000em;
	padding: 0.000em;
	background-image: url(../_img/engineer_splash.png);
	background-repeat: no-repeat;
}
.splash_menu
{
	float: left;
	width: 100%;
	max-width: 40.000em;
	margin: 0.143em 0.000em 0.143em 0.000em;
	padding: 0.000em 0.000em 0.000em 24px;
}
.splash_menu_item
{
	float: right;
	width: 99%;
	max-width: 31.429em;
	margin: 0.143em 0.000em 0.143em 0.000em;
	padding: 0.000em;
	border: thin solid #000000;
	text-align: center;
}
.splash_menu_item:hover
{
	background-color: rgba(45, 91, 141, 0.5);
}
.footer
{
	width: 100%;
	max-width: 73.143em;
	min-height: 3.571em;
	overflow: hidden;
	margin: 0.000em;
	padding: 0.000em;
}
.footer_image
{
	float: left;
	width: 98%;
	max-width: 8.571em;
	margin: 0.000em;
	padding: 0.000em;
}
.footer_note
{
	float: left;
	width: 98%;
	max-width: 63.143em;
	margin: 0.000em;
	padding: 0.000em;
	line-height: 1.786em;
}
#footer_note_br
{
	display: none;
}

/* End Sections */

.border_ltblue
{
	border: 0.143em solid #2D5B8D;
}
.border_dkblue
{
	border: 0.143em solid #09185d;
}
.border_white
{
	border: 0.143em solid #FFFFFF;
}
.radius_tr
{
	border-radius: 0.429em 5.714em 0.429em 0.429em;
	-o-border-radius: 0.429em 5.714em 0.429em 0.429em;
	-moz-border-radius: 0.429em 5.714em 0.429em 0.429em;
	-webkit-border-radius: 0.429em 5.714em 0.429em 0.429em;
}
.radius_r
{
	border-radius: 0.429em 0.429em 0.429em 0.429em;
	-o-border-radius: 0.429em 0.429em 0.429em 0.429em;
	-moz-border-radius: 0.429em 0.429em 0.429em 0.429em;
	-webkit-border-radius: 0.429em 0.429em 0.429em 0.429em;
}
.radius_br
{
	border-radius: 0.429em 0.429em 5.714em 0.429em;
	-o-border-radius: 0.429em 0.429em 5.714em 0.429em;
	-moz-border-radius: 0.429em 0.429em 5.714em 0.429em;
	-webkit-border-radius: 0.429em 0.429em 5.714em 0.429em;
}
.shadow
{
	box-shadow:         0.000em 0.357em 0.357em 0.000em rgba(50, 50, 50, 0.25);
	-o-box-shadow:      0.000em 0.357em 0.357em 0.000em rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0.000em 0.357em 0.357em 0.000em rgba(50, 50, 50, 0.25);
	-webkit-box-shadow: 0.000em 0.357em 0.357em 0.000em rgba(50, 50, 50, 0.25);
}

@media screen and (max-width: 1024px)
{
	.header_image
	{
		float: left;
		width: 6.143em;
		height: 3.571em;
		margin: 0.000em;
		padding: 0.000em;
		background-image: url(../_img/mark_uscg_sm.png);
		background-repeat: no-repeat;
	}
	.header_title
	{
		width: 98%;
		max-width: 67.000em;
	}
	h1.header_title_pri
	{
		font-size: 200%;
		color: #FFFFFF;
	}
	h2.header_title_pri
	{
		font-size: 200%;
		color: #FFFFFF;
	}
	.content
	{
		width: 100%;
		max-width: 73.143em;
		overflow: hidden;
		margin: 0.000em;
		padding: 0.000em 0.000em 0.714em 0.000em;
	}
	.splash_image
	{
		display: none;
	}
	.splash_menu
	{
		width: 98%;
		max-width: 72.857em;
		margin: 0.143em 0.357em 0.143em 0.357em;
		padding: 0.000em;
	}
	.splash_menu_item
	{
		width: 100%;
		max-width: 72.857em;
		margin: 0.143em 0.000em 0.143em 0.000em;
		padding: 0.000em;
	}
	.footer_note
	{
		width: 98%;
		max-width: 57.143em;
	}
}
@media screen and (max-width: 500px)
{
	#footer_note_br
	{
		display: block;
	}
}

/* Using RGB with Alpha channel:
The rgba value is the color, it is (R) 0, (G) 0, (B) 0.
After the rgb values, there is either a 0 or a 1 - 0 is full transparent, 1 is full opaque.
In this example only 0.75 used, i.e. percentiles (e.g. 0.25, 0.5, 0.75, etc.) can be used as well. */