/*  Sitewide Styles */
/*  Update: 02252016  */
/*  HTML5 Boilerplate */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:14px/1.3 sans-serif; *font-size:small; height: 100%; 
}

html {
	top: 0;
	left: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection {background: #036; color:#fff; text-shadow: none; }
::selection {background:#036; color:#fff; text-shadow: none; }
/*a:link {-webkit-tap-highlight-color: #FF5E99; }*/

button {width: auto; overflow: visible; }
.ie7 img {-ms-interpolation-mode: bicubic; }

.offscreen {
 	position:absolute; 
 	left:-10000px; 
 	top:auto; 
 	width:1px; 
 	height:1px; 
 	overflow:hidden; 
 } 

/* Site Wide Styles */

/* 
   // ===================================== \\

	////////////// Typography //////////////

   \\ ===================================== //
*/

@font-face {
	font-family: 'OswaldRegular';
	src: url('/fonts/oswald-webfont.eot');
	src: local("☺"),
		url('/fonts/oswald-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/oswald-webfont.woff') format('woff'),
		url('/fonts/oswald-webfont.ttf') format('truetype'),
		url('/fonts/oswald-webfont.svg#OswaldRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OswaldLight';
	src: url('/fonts/Oswald-Light-webfont.eot');
	src: local("☺"),
		url('/fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Oswald-Light-webfont.woff') format('woff'),
		url('/fonts/Oswald-Light-webfont.ttf') format('truetype'),
		url('/fonts/Oswald-Light-webfont.svg#OswaldRegular') format('svg');
}

@font-face {
	font-family: 'OswaldBold';
	src: url('/fonts/Oswald-Bold-webfont.eot');
	src: local("☺"),
		url('/fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Oswald-Bold-webfont.woff') format('woff'),
		url('/fonts/Oswald-Bold-webfont.ttf') format('truetype'),
		url('/fonts/Oswald-Bold-webfont.svg#OswaldRegular') format('svg');
}

@font-face {
	font-family: 'EntypoRegular';
	src: url('/fonts/Entypo-webfont.eot');
	src: local("☺"),
		url('/fonts/Entypo-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Entypo-webfont.woff') format('woff'),
		url('/fonts/Entypo-webfont.ttf') format('truetype'),
		url('/fonts/Entypo-webfont.svg#EntypoRegular') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
	font-family: 'Entypo';
	src: url('/fonts/entypo.eot');
	src: local("☺"),
		url('/fonts/entypo.eot?#iefix') format('embedded-opentype'),
		url('/fonts/entypo.woff') format('woff'),
		url('/fonts/entypo.ttf') format('truetype'),
		url('/fonts/entypo.svg#EntypoRegular') format('svg');
		font-weight: normal;
		font-style: normal;
}

body, select, input, textarea {font-family: Arial, Helvetica, sans-serif; color: #000; }

a {font-size: 1em; text-decoration: none; color: #003366; }
a:active {color: #607890; }
a:hover {color: #036; }

p {color: #000; font-size: .9em; }

h1, h2, h3, h4, h5, h6 {font-weight: 400; }
h1, h2, h3 {font-family: "OswaldRegular",Arial, "MS Trebuchet", sans-serif; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px; }
h1 {font-size: 1.6em; color:rgb(102, 0, 0);  }
h2 {font-size: 1.3em; color:rgb(102, 102, 102); }
h3 {font-size: 1.16em;line-height: 1.2em; color:rgb(0,46,86);}

/*h3 a {font-size: 1.2em;font-weight: normal; line-height:1.2em; }*/

/*
   // ===================================== \\

	////////////// Breaking News //////////////

   \\ ===================================== //
*/

.breaking-news, .live_event {
	margin: 10px 0;
	background:#000;
	background-image: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#666666), to(#000000)
	);
	background: -moz-linear-gradient(
	top,
	#666666,
	#000000
	);
	background: -o-linear-gradient(
	top,
	#666666,
	#000000
	);
	background: linear-gradient(
	top,
	#666666,
	#000000,
	);
}

.mohbanner {
	width: 100%;
	margin: 0;
	background:#000;
	 background-image: url("images/mohBanner.jpg");
		background: -moz-linear-gradient(
	top,
	#666666,
	#000000
	);
	background: -o-linear-gradient(
	top,
	#666666,
	#000000
	);
	background: linear-gradient(
	top,
	#666666,
	#000000,
	);
}

.breaking-news header {
	background:#d40d12;
	background-image: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#d40d12), to(#450003)
	);
	background: -moz-linear-gradient(
	top,
	#d40d12,
	#450003
	);
	background: -o-linear-gradient(
	top,
	#d40d12,
	#450003
	);
	background: linear-gradient(
	top,
	#d40d12,
	#450003,
	);
	border: 1px solid #450003;
}

.live_event header {
	background:#ffbe00;
	background-image: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#ffbe00), to(#996600)
	);
	background: -moz-linear-gradient(
	top,
	#ffbe00,
	#996600
	);
	background: -o-linear-gradient(
	top,
	#ffbe00,
	#996600
	);
	background: linear-gradient(
	top,
	#ffbe00,
	#996600,
	);
	border: 1px solid #996600;
}

.mohbanner header {
	background:#ffbe00;
	background-image: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#ffbe00), to(#996600)
	);
	background: -moz-linear-gradient(
	top,
	#ffbe00,
	#996600
	);
	background: -o-linear-gradient(
	top,
	#ffbe00,
	#996600
	);
	background: linear-gradient(
	top,
	#ffbe00,
	#996600,
	);
	border: 1px solid #996600;
}

.breaking-news h2, .live_event h2, .mohbanner h2 {font: Arial, "MS Trebuchet", sans-serif; font-size: 1.75em; font-weight: bold; color: #fff; text-align:center; margin: 10px 0; padding: 0; }
.breaking-news article, .live_event article {float: right; margin: 10px 0; }
.breaking-news a, .live_event a, .mohbanner a  {font-family: Helvetica, Arial, sans-serif; color:#FFF; font-weight: bold; font-size: 1.2em; line-height:1.75; }

.mohbanner h2 {padding: 0 10px; }
.mohbanner article {float: left;
 }
/* RSS Icon */
.rss {
	display: inline-block;
	height: 20px;
	width: 20px;
	outline: none;
	background-image: url(/imgs/svg/sprites.png);
	background-image: url(/imgs/svg/sprites.svg), none;
	background-repeat: no-repeat;
	background-position: -165px -74px;
	cursor: pointer;
	text-indent: -9000px;
}

/*
   // ===================================== \\

	////////// Navy Blog Headline //////////

   \\ ===================================== //
*/

.h3blog {
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 0.4em;
	display: list-item;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*
   // ===================================== \\

	//////////// Other Headlines ////////////

   \\ ===================================== //
*/

.other-headlines ul {list-style-type: none;  margin-left: 0; }
.other-headlines li {margin-bottom: 7px; }

a.more-links {float: right; margin-top: 10px; }

/*
   // ===================================== \\

		////////////// IOTD //////////////

   \\ ===================================== //
*/

section.iotd {
	/*border-bottom: 1px dotted #999;*/
	padding-bottom: 3em; 
}
.iotd p {margin-bottom: 10px;
display:inline-block; }
/*.iotd-date {float: left; width: 400px; }
.iotd-count {float: right; }*/

.iotddescription {clear: both; }
.iotd h2 {float: left; }

.iotd_btn, .iotd_btn_a , .ah_archive_btn {
	font-family: "OswaldRegular", Arial, Helvetica, "MS Trebuchet", sans-serif;
	color: #002e56;
	text-decoration: none;
	float: right;
	display: inline-block;
	text-align: center;
	padding: 2px 4px 1px 4px;
	margin: 5px 0 5px 3px;
	cursor: pointer;
	-webkit-transition: 0.1s linear;
	-moz-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	-o-transition: 0.1s linear;
	transition: 0.1s linear;
}

.iotd_btn, .iotd_btn_a, .ah_archive_btn {
	border-radius: 2px;
	box-shadow: inset rgba(255,255,255,0.3) 1px 1px 0;
	}

.iotd_btn_a {margin-right: 5px; }

.iotd_btn:active, .iotd_btn_a:active, .ah_archive_btn:active {
	box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;
}

.iotd_btn, .iotd_btn_a, .ah_archive_btn {
	background: #efefef;
	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
	border: 1px solid #cccccc;
}

.iotd_btn:hover, .iotd_btn_a:hover, .ah_archive_btn:hover {
	background: #cccccc;
	background: -moz-linear-gradient(top,  #ffffff 0%, #999999 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#999999));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#999999 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#999999 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#999999 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#999999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999',GradientType=0 );
	color:#660000; text-shadow: none;
}

.iotd_btn span, .iotd_btn_a span, .ah_archive_btn span {
	font-family: 'EntypoRegular';
	font-size: 1.5em;
	font-weight: normal;
	color: #999999;
	vertical-align: middle;
	line-height: 0;
	margin-right: .1em;
}


.video-item-left header h3 a, .video-item-right header h3 a{
	font-size: 1em;
    font-weight: normal;
    line-height: 1.2em;
    text-transform: none;

}

/*
   // ===================================== \\

		////////////// ICONS //////////////

   \\ ===================================== //
*/

.gallery {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -37px -42px;
	background-repeat:no-repeat;
	float: left;
	width:26px;
	height:22px;

}

.icon_galleryL {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -41px -2px;
	background-repeat:no-repeat;
	float: left;
	width:35px;
	height:26px;

}

.icon_cameraS {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -1px -76px;
	background-repeat:no-repeat;
	float: left;
	width:21px;
	height:16px;
}

.camera {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -1px -43px;
	background-repeat:no-repeat;
	float: left;
	width:27px;
	height:22px;
}

.cameraL {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -1px -3px;
	background-repeat:no-repeat;
	float: left;
	width:36px;
	height:25px;
}

.archive:after {font-family: 'EntypoRegular'; content: "k"; font-size: 2em; vertical-align: middle; }

.icon_downloadvCaption{
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -108px -72px;
	background-repeat:no-repeat;
	float: left;
	width:25px;
	height:20px;
}

.icon_star {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -72px -42px;
	background-repeat:no-repeat;
	float: left;
	width:21px;
	height:21px;
}

.icon_starL {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -80px -2px;
	background-repeat:no-repeat;
	float: left;
	width:31px;
	height:26px;
}

.icon_circle-plus {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -138px -78px;
	background-repeat:no-repeat;
	float: left;
	width:16px;
	height:15px;
	margin-left:4.8em;
}

.icon_download{
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -110px -76px;
	background-repeat:no-repeat;
	float: left;
	width:19px;
	height:16px;
}

.icon_downloadList{
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -110px -79px;
	background-repeat:no-repeat;
	float: left;
	width:25px;
	height:15px;
	margin-left:3em;
}

.icon_moreinfo {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -84px -76px;
	background-repeat:no-repeat;
	float:left;
	width: 16px;
	height:18px;
	margin-right:0.1em;
	margin-left:1em
}

/*.icon_star {
	background-image: url("/imgs/svg/sprites.png");
	background-image: url("/imgs/svg/sprites.svg"), none;
	background-position: -72px -42px;
	background-repeat:no-repeat;
	float: left;
	width:21px;
	height:21px;
}*/

/*
   // ===================================== \\

	///////////// Stay Connected /////////////

   \\ ===================================== //
*/

#social-box {
	background: #DDD url('/imgs/socialMesh-bkrd.jpg') repeat;
	padding: 10px 0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	position: relative;
	top: 0.5em;
}

.social-icons {width: 58px; text-align: center; float: left; }
.social-icons a{font-family: "OswaldRegular", Arial, "MS Trebuchet", sans-serif; font-size: 1em; text-align: center; color: #002e56; margin-top: 5px; }
.social-icon-group {height: 95px; }
#social-box section {margin-bottom: 10px; }
#social-box h2, #social-box p {margin: 0 10px; }
#social-box h2 {color: #002e56; margin-bottom: 10px; }
#social-box p {font-size: 1.1em; }
#social-box img{margin-bottom: 5px;}
#social-box img:hover{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.media-header{display: block; float: left; }
#recent-tweet {background: #FFF url('/imgs/tweet-bird.png') 150px 0 no-repeat; width:437px; height :105px; border: 1px solid #002e56; margin: 0 auto; }

#facebook {width:437px; height :500px; border: 1px solid #002e56; margin: 0 auto; background-color:#fff; }

#command-directory {
	width: 438px;
	height: 81px;
	background: url('/imgs/command-social-media-directory.png') no-repeat;
	margin: 10px auto;
}

#command-directory a {
	display: block;
	width: 438px;
	height: 0;
	font-size: 1em;
	padding-top: 81px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('/imgs/command-social-media-directory.png') no-repeat;
}

.marginTop5px{
	margin-top: 5px;
}

/*
   // ===================================== \\

	/////////// Live Video Pages ///////////

   \\ ===================================== //
*/

#interact {
	margin-top: 20px;
	border-top: 1px dotted #ccc;
}