@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6{
	color: #a4adb4;
	}
h2 {
	text-align: center;
	margin: 0px 0;
	}
h1 {	
	margin: 40px 0 30px 0;
	padding: 0;
	background-color: transparent;
	color: #fff;
	position: relative;
	text-indent: -9999px;
	}
h1 span {
	background-repeat: no-repeat;
	background-position: 0;
	height: 50px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}
h1 span.eod {
	background-image: url(images/ttl_explosiveOrdnanceDisposal.png);
	}
h1 span.mto {
	background-image: url(images/ttl_maritimeTacticalOperations.png);
	}
h1 span.mcm {
	background-image: url(images/ttl_mineCounterMeasures.png);
	}
h1 span.ubd {
	background-image: url(images/ttl_underwaterBattleDamageRepair.png);
	}
* html h1 {
	text-indent: 0;
	visibility: hidden;
	}	
* html h1 span.eod {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ttl_explosiveOrdnanceDisposal.png');
	display: block;
	visibility: visible;
	}
* html h1 span.mto {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ttl_maritimeTacticalOperations.png');
	display: block;
	visibility: visible;
	}
* html h1 span.mcm {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ttl_mineCounterMeasures.png');
	display: block;
	visibility: visible;
	}
* html h1 span.ubd {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ttl_underwaterBattleDamageRepair.png');
	display: block;
	visibility: visible;
	}
body{
	color: #858d93;
	background-color: #131313;
	}
#contentArea {
	background-image:url(images/bg_wide.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
#eduHeader{
	height: 150px;
	position: relative;
	}
.logo {
	position: absolute;
	left: 0px;
	top: 0px;
	}
.intro {
	padding-right: 20px;
	}
#eduLogo {
	bottom: 25px;
	left: 0px;
	position: absolute;
}
#subNav{
	text-align: center;
	width: 940px;
	position: absolute;
	top: 140px;
	padding-top: 10px;
	border-bottom: 1px solid #2b3235;
	border-top: 1px solid #2b3235;
	height: 30px;
	}
/*
#subNav a.active, #subNav a.active:link {
	color: #1f2f55;
	font-weight: bold;
	}	*/
#subNav a.active:visited, #subNav a.active:link {
	color: #fff;
	font-weight: normal;
	}
#subNav a, #subNav a:active, #subNav a:visited {
	padding: 0 20px;
	}
#subNav a:link, #subNav a:visited {
	color: #8a9699;
	}
#subNav a:hover {
	color: #bfc9cb;
	} 
#subNav a:visited {}
#serviceHeader{
	position: relative;
	width: 940px;
	height: 298px;
}
#eduIntro{
	width: 520px;
	font-size: 1.2em;
	margin: 30px 0 0 10px;
	/* padding-bottom: 30px; */
	clear: left;
	}
.eduStudy {
	padding: 0 10px 30px 10px;
}
.columnStyleThree, .columnStyleTwo{
	/*border-top:1px solid #2b3235;*/
	border-bottom:1px solid #2b3235;
	line-height: 1.5em;
	margin-bottom: 11px;
	padding-bottom:30px;
	/*background-image: url(images/bg_underWaterMist.jpg);*/
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 30px;
	}
div#diversIntro {
	background-image: none;
	border-bottom: none;
	}
a.arrowLink {
	font-size: 0.9em;
	color: #8a9699;
	}
h4{
	margin-top: 35px;
	}
.leftThumb, .rightThumb{
	margin-top: 25px;
	}
.leftThumb, .rightThumb{
	margin-bottom: 25px;
	}
.clearanceRoles .leftThumb, .clearanceRoles .rightThumb {
	margin-top: 20px;
	margin-left: 0;
	}
.clearanceRoles h3 a:link, .clearanceRoles h3 a:visited, .clearanceRoles h3 a:hover, .clearanceRoles h3 a:active {
	color: #a4adb4;
	}
.clearanceRoles h3 a:hover {
	color: #bfc9cb;
	}
img#remoteKit {
	padding-top: 0px;
	
	}
.middleIsland{
	margin: 0 15px;
	}
/* Adjustment to the footer section */
.gFooter ul {
	border-bottom: 1px solid #2b3235;
	border-top: 1px solid #2b3235;
	}
#serviceFooter.white {
	border-top: 1px solid #2b3235;
	}
#serviceFooter {
	display: none;
	}
.columnStyleThree .leftCol {
	float: left;
	width: 450px;
	
	}
.columnStyleThree .rightCol {
	float: right;
	width: 450px;
	
	}
/*
.columnStyleTwo .leftCol {
	float: left;
	width: 380px;
	}
.columnStyleTwo .rightCol {
	float: right;
	width: 520px;
	}
*/
.columnStyleTwo .leftCol, .columnStyleTwo #leftCol {
	float: left;
	width: 465px;
	overflow: hidden;
	}
.columnStyleTwo .rightCol,.columnStyleTwo #rightCol{
	float: right;
	width: 475px;
	overflow: hidden;
	}
.columnStyleTwo .leftCol p, .columnStyleTwo #leftCol p {
	width: 425px;
	}
.clearanceRoles {
	clear: both;
	background-color: #000;
	border: 1px solid #2b3235;
	padding: 20px;
	padding-bottom: 10px;
	padding-top: 0;
	color: #61676c;
	}
.clearanceRoles h3, h3 {
	color: #a4adb4;
	font-size: 108%;
	margin-top: 20px;
	}
h3 {
	margin-top: 40px;
	}
h3.lastHeading {
	margin-top: 40px;
	}
.clearanceRoles .rightCol, .clearanceRoles .leftCol {
	width: 430px;
	}
img.diver {
	float: right;
	
	}
img#tactical {
	
	}
img#damage {
	
	margin-top: 50px;
	}
img#mineCounterDiver {
	
	}
img.headlineImage {
	margin-top: 0px;
	}
div.equipmentBox {
	position: relative;
	padding-right: 20px;
	height: 275px;
	margin-bottom: 20px;
	}
div.equipmentBox h3 {
	position: absolute;
	top: 127px;
	left: 210px;
	width: 290px;
	}
div.equipmentBox p {
	position: absolute;
	top: 190px;
	left: 210px;
	width: 265px;
	}
div.equipmentBox img {
	margin-top: 10px;
	margin-left: 20px;
	}
div.m4CarbineInfo {
	position: relative;
	clear: both;
	width: 100%;
	height: 400px;
	overflow: visible;
	}
div.m4CarbineInfo h4 { 
	font-size: 95%;
	color: #a4adb4;
	}
div.m4CarbineInfo p {
	font-size: 90%;
	}
div.m4CarbineInfo h4.point_1 { 
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	}
div.m4CarbineInfo p.point_1 {
	position: absolute;
	top: 65px;
	left: 10px;
	z-index: 2;
	}
div.m4CarbineInfo img {
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 1;
	}
div.m4CarbineInfo h4.point_2 { 
	position: absolute;
	top: 165px;
	left: 440px;
	z-index: 3;
	}
div.m4CarbineInfo p.point_2 {
	position: absolute;
	top: 220px;
	left: 440px;
	z-index: 3;
	width: 180px;
	line-height: 1.4em;
	}
div.m4CarbineInfo h4.point_3 { 
	position: absolute;
	top: 0;
	left: 740px;
	z-index: 3;
	}
div.m4CarbineInfo p.point_3 {
	position: absolute;
	top: 55px;
	left: 740px;
	z-index: 3;
	width: 180px;
	}
div.pneumaticDrill {
	clear: both;
	position: relative;
	overflow: visible;
	}
	
div.pneumaticDrill img {
	
	}
.columnStyleTwo .leftCol div.pneumaticDrill h3, .columnStyleTwo .leftCol div.pneumaticDrill p {
	width: 300px;
	}
div.equipmentInfo {
	position: absolute;
	top: 30px;
	left: 0;
	}
div.pneumaticChainsaw h3 {
	margin-top: 0;
	}
div.pneumaticChainsaw p {
	width: 550px;
	}
.butt, .butt:link, .butt:visited {
	background-image: url(/navy/images/butt_bg.png);
	background-repeat: no-repeat;
	background-position: 0 -24px;
	}
.butt:hover {
	background-position: 0 0;
	background-image: url(/navy/images/butt_bg.png);
	}
/* html .butt a, * html .butt a:link, * html .butt a:visited {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/navy/images/butt_bg.png');
	
	}*/
.butt {
	float: right;
	margin-top: 90px;
	overflow: hidden;
	}
#flashcontent {
/*	margin-bottom: 40px;*/
	}
#clearanceDiversFooter {
	position: static;
	clear: both;
	padding-bottom: 18px;
	}
* html #clearanceDiversFooter {
	padding-bottom: 10px;
	}
#clearanceDiversFooter ul {
	margin: 0;
	padding: 0;
	}
#clearanceDiversFooter ul li {
	background-image: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
	}
#mcmLink:hover {
	background-image: url(images/img_clearanceDivers_title1.jpg);
	background-repeat: no-repeat;
	}

#clearanceDiversFooter ul li.submarinerLink {
	float: right;
	}
#clearanceDiversFooter ul li.clearanceDiverLink {
	width: 400px;
	margin-right: 20px;
	padding-right: 10px;
	border-right: 1px solid #2b3235;
	}
#clearanceDiversFooter h2 {
	text-align: left;
	font-size: 100%;
	margin: 0;
	padding: 0;
	}
#clearanceDiversFooter .clearanceDiverLink h2 {
	font-size: 110%;
	}
#clearanceDiversFooter ul li p {
	font-size: 85%;
	font-weight: normal;
	}
#clearanceDiversFooter ul li a:link p, 
#clearanceDiversFooter ul li a:visited p, 
#clearanceDiversFooter ul li a:hover p, 
#clearanceDiversFooter ul li a:active p,
#clearanceDiversFooter ul li a:link h2, 
#clearanceDiversFooter ul li a:visited h2, 
#clearanceDiversFooter ul li a:hover h2, 
#clearanceDiversFooter ul li a:active h2 {
	text-decoration: none;
	display: block;
	font-weight: normal;
	color: #6d6d6d;
	}
#clearanceDiversFooter ul li a:link h2, 
#clearanceDiversFooter ul li a:visited h2, 
#clearanceDiversFooter ul li a:hover h2, 
#clearanceDiversFooter ul li a:active h2 {
	font-weight: bold;
	}
#clearanceDiversFooter ul li a:hover h2 {
	text-decoration: underline;
	
	} 
#clearanceDiversFooter ul li a:link img, #clearanceDiversFooter ul li a:visited img {
	float: left;
	margin-right: 20px;
	}
.columnStyleTwo .leftCol p.rotation, .columnStyleTwo #leftCol p.rotation {
	width: 377px;
	clear: left;
	background-color: #000;	
	height: 23px;
	padding-top: 2px;
	margin-left: 20px;
	margin-bottom: 60px;
	text-align: center;
	background-image: url(images/bg_rotate.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 85%;
	}
.columnStyleTwo p.rotation span {
	padding-left: 20px;
	font-weight: bold;
	}
.arrowLeft {
	background-image: url(images/bg_leftArrow.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 15px;

	}
img.arrowRight {
	margin-top: 50px;
	}
.arrowUp {
	background-image: url(images/bg_upArrow.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 15px;
	}
.arrowDown {
	background-image: url(images/bg_downArrow.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 15px;
	}
.rightSide {
	padding-left: 0;
	background-position: right center;
	}
.diverInterview {
	margin-top: 40px;
	position: relative;
	width: 476px;
	height: 290px;
	}
.diverInterview blockquote {
	position: absolute;
	top: -9999px;
	}
.diverInterview a {
	position: absolute;
	}
#mcmInterview {
	
	}
#mtoInterview {
	
	}
#uwbdInterview {
	
	}
#eodInterview {
	
	}
ul.clearanceDiverNav {
	margin: 0;
	padding: 0;
	}
ul.clearanceDiverNav li {
	margin: 0;
	padding: 0;
	float: left;
	}
ul.clearanceDiverNav li.mcmDiver {
	background-image: url(images/img_clearanceDivers1.jpg);
	background-repeat: no-repeat;
	width: 220px;
	}
ul.clearanceDiverNav li.eodDiver {
	background-image: url(images/img_clearanceDivers2.jpg);
	background-repeat: no-repeat;
	width: 245px;
	}
ul.clearanceDiverNav li.mtoDiver {
	background-image:  url(images/img_clearanceDivers3.jpg);
	background-repeat: no-repeat;
	width: 249px;
	}
ul.clearanceDiverNav li.bdrDiver {
	background-image: url(images/img_clearanceDivers4.jpg);
	background-repeat: no-repeat;
	width: 225px;
	}

ul.clearanceDiverNav li a:link img, ul.clearanceDiverNav li a:visited img {
	opacity: 0;
	-moz-opacity: 0.0;
	filter: alpha(opacity = 0);
	}

ul.clearanceDiverNav li a:hover img {
	opacity: 100;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	}
ul.clearanceDiverNav li a:active, ul.clearanceDiverNav li a:focus {
	outline: none;
	}

#theClearanceDivers {
	margin-top: -32px;
	width: 940px;
	height: 595px;
	position: relative;
	}
#diversIntro .leftCol, #diversIntro .rightCol {
	margin-bottom: 20px;
	}
#buttJob, #buttJob:link, #buttJob:visited {
	background-image: url(../../images/butt_med_bg.png);
	margin-right: 10px;
	width: 127px;
	}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
	height: 1%;
	}

#submarinersBanner {
	margin: 20px 0 50px 0;
	text-align: center;
	}