@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300|Roboto+Condensed:400,700,300);

/* Removes non-functional email button from AddThis share options */
li.at3winsvc_email.top-service {
    display: none !important;
}

#Body {background:url("/Portals/2/subpac-bathymetric-bg.gif?ver=2015-09-24-220645-927") no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family:"Roboto", Arial, Helvetica, sans-serif; 
  line-height:normal;
}
p {font-size:14px;}
h1, h2, h3, h4, h5, h6, li {font-family:"Roboto", Arial, Helvetica, sans-serif;}
h2 {font-size:32px;}
h3 {font-size:20px;}
li {font-size:14px;}
a, a:visited {text-decoration:none;}
.lastElement {margin-right:0 !important; margin-bottom:0 !important;}
.clear {clear:both;}

.skinWrapper {background:none;}
.skinHeader {height:150px; background:none;}
.skin-title {margin-left: -9999px;}
.skin-header-background {background:none;}
.skinHeader > a {z-index:9;}
.skinSiteName {text-indent:-9999px;}
.skinSearchBox {top:155px; width:150px;}
.border-wrapper {background-image:none;}

/*--- Main Navigation --- */
#dnnMenu div.subLevel {width:250px; background-image:none !important;}
#dnnMenu div.subLevel li {padding-top:10px !important; padding-bottom:10px !important; border-bottom:1px solid #EEEEEE;}
#dnnMenu div.subLevelRight {top:-15px !important; width:250px !important; background-image:none !important;}
.otnav ul ul {background:#ffffff;}
/*--- End Main Navigation --- */

.container-body {background:none; border:none;}
.skinContentAreaLeftSideImage, .skinContentAreaRightSideImage {background-image:none;}
/*.skinContentPane {padding:0 !important;}
.skinLeftPane, .skinCenterPane {width:310px !important; margin-left:0 !important; margin-right:20px !important; float:left;}
.skinRightPane {width:310px !important; margin-left:0 !important;}*/

/*--- Accordion Tabs (only to be used for side menus) ---*/
h2.dnnFormSectionHead {background-color:#003553; padding:0 10px;}
h2.dnnFormSectionHead a {color:#FFFFFF;}
h2.dnnFormSectionHead a:hover {color:#FFFFFF;}
h2.dnnFormSectionHead a.dnnSectionExpanded {color:#FFFFFF;}
.AccordionTabs {border-left:1px solid #CCCCCC;}
.AccordionTabs p {padding:0 10px;}
.AccordionTabs p a {text-decoration:none;}
/*--- End Accordion Tabs ---*/

/*--- Rotator --*/
.jcs_img {height:382px;}
img.contentCenter {max-height:none; width:100%;}
/*.jcs_content {height:120px; padding:320px 40px 0px 40px !important;}
.jcs_caption {width:870px; height:100px; padding:10px 20px; color:#333333 !important; color:#FFFFFF !important; background:url("/Portals/2/images/page-elements/seventyTpBg.png?ver=2015-10-10-060744-520");}
.jcs_content h2 {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:2em !important; color:#00132b !important; color:#FFFFFF;}
.jcs_content .detail {width:870px !important; padding-left:0 !important;}
.jcs_next {background:url("/Portals/2/images/shared/slider-next.png?ver=2015-11-23-141859-377") no-repeat transparent !important; width:40px !important; height:120px !important; top:262px !important; left:950px !important; opacity:0.3 !important;}
.jcs_prev {background:url("/Portals/2/images/shared/slider-prev.png?ver=2015-11-23-141859-377") no-repeat transparent !important; width:40px !important; height:120px !important; top:262px !important; left:0px !important; opacity:0.3 !important;}
.pagination {text-align:center !important;}*/
/*--- End Rotator ---*/

/*--- Homepage: Custom layout styles ---*/
p.motto {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-weight:400; font-size:4em; line-height:1em; text-align:center;}

#hpAboutSubpac {width:100%; padding:40px 0; clear:both;}
#hpBlurb {width:700px; height:130px; margin-left:auto; margin-right:auto; clear:both;}
#hpAboutQuickLinks {width:910px; height:282px; margin:0 auto; clear:both;}
#hpAboutLinks {width:606px; height:282px; float:left; margin-right:2px;}
.hpAboutBtn {opacity:.8; transition: all 0.2s;}
.ourPeopleBtn {width:606px; height:140px; float:left; margin-bottom:2px; background:url(/Portals/2/images/homepage/hp-our-people.png?ver=2018-09-26-212250-697);}
#hpAboutLinks2ndRow {width:606px; height:140px; clear:both;}
.ourBoatsBtn {width:302px; height:140px; float:left; margin-right:2px; background:url(/Portals/2/images/homepage/hp-our-boats.png?ver=2018-09-26-212250-273);}
.subpacHistoryBtn {width:302px; height:140px; float:left; margin:0; background:url(/Portals/2/images/homepage/hp-our-history.png?ver=2018-09-26-212250-273);}
.subpacLeadershipBtn {width:302px; height:282px; float:left; background:url(/Portals/2/images/homepage/hp-our-leadership.png);}
.hpAboutBtn:hover {opacity:1;}
.hpAboutBtn a {width:100%; height:100%; display:block; box-sizing:border-box; font-family:'Roboto Condensed';  font-size:30px; text-transform:uppercase; color:#ffffff; text-decoration:none;}
.ourPeopleBtn a, .ourBoatsBtn a, .subpacHistoryBtn a {padding:100px 0 0 10px;}
.subpacLeadershipBtn a {padding:242px 0 0 10px;}

#submarinersBand {position:relative; width:100%; margin-top:60px; padding:0 40px; clear:both; background-color:#FFFFFF;}
#dolphinsIcon {position:absolute; width:300px; height:94px; margin-top:-51px; left:50%; margin-left:-150px; background:url("/Portals/2/images/homepage/dolphins.png?ver=2015-10-16-190624-520");}
#submarinersBand hr {border: 0; height: 1px; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); }
#submarinersBand h2 {margin-top:60px; margin-bottom:40px; text-align:center;}
.subResourceMenu {height:160px; margin-bottom:40px;}
.subResourceBtn {height:160px;}
.subResourceBtn a {width:100%; height:100%; display:block; box-sizing:border-box; padding-top:100px; text-align:center; color:#383838; border-radius:5px; background-color:#ffffff; background-repeat:no-repeat; transition:all .2s;}
.subResourceBtn a.resNewcomers {background-image:url(/Portals/2/images/homepage/sub-resources-newcomers.png?ver=2018-09-22-055633-057); background-position:center 20px;}
.subResourceBtn a.resContacts {background-image:url(/Portals/2/images/homepage/sub-resources-contacts.png?ver=2018-09-22-055633-070); background-position:center 32px;}
.subResourceBtn a.resGuidance {background-image:url(/Portals/2/images/homepage/sub-resources-guidance.png?ver=2018-09-22-055633-103); background-position:center 20px;}
.subResourceBtn a.resGoGuam {background-image:url(/Portals/2/images/homepage/sub-resources-go-guam.png?ver=2018-09-22-061632-417); background-position:center 30px;}
.subResourceBtn a:hover {background-color:#f5f5f5;}
#subBlurb {width:700px; margin:0 auto; padding:0; clear:both; text-align:center;}
#subBlurb h3 {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:2em; margin-bottom:40px;}
#resourceCTAContainer {width:606px; height:242px; margin-right:2px; float:left;}
.resourceCTA {width:302px; height:120px; margin:0 2px 2px 0; float:left; background:#003553;}
a.subResCTA1 {background:url("/Portals/2/images/homepage/newcomer-resources-a.png?ver=2016-08-29-204311-143") no-repeat top left;}
a.subResCTA1:hover {background:url("/Portals/2/images/homepage/newcomer-resources-b.png?ver=2016-08-29-204311-130") no-repeat top left;}
a.subResCTA2 {background:url("/Portals/2/images/homepage/contacts-a.png?ver=2016-08-29-204310-910") no-repeat top left;}
a.subResCTA2:hover {background:url("/Portals/2/images/homepage/contacts-b.png?ver=2016-08-29-204310-910") no-repeat top left;}
a.subResCTA3 {background:url("/Portals/2/images/homepage/guidance-a.png?ver=2016-08-29-204311-020") no-repeat top left;}
a.subResCTA3:hover {background:url("/Portals/2/images/homepage/guidance-b.png?ver=2016-08-29-204311-067") no-repeat top left;}
a.subResCTA4 {background:url("/Portals/2/images/homepage/go-guam-a.png?ver=2016-08-30-165214-967") no-repeat top left;}
a.subResCTA4:hover {background:url("/Portals/2/images/homepage/go-guam-b.png?ver=2016-08-30-165216-153") no-repeat top left;}
.resourceCTA a {position:relative; width:282px; height:102px; display:block; padding:10px; font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:18px; color:#FFFFFF; text-decoration:none;}
.resourceCTA a span {position:absolute; bottom:10px;}
#radmQuote {width:242px; padding:20px 0 20px 40px; float:left; background:url("/Portals/2/images/homepage/quotation-bg.png?ver=2015-11-06-181229-810") top left no-repeat;}
#radmQuote p {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:14px;}
#connectTitle {margin:80px 0 -40px 0; text-align:center;}
#connectTitle h3 {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:2em;}

/*--- End Homepage: Custom layout styles ---*/

.ModArticleCSDashboardC a {border-top:1px solid #CCCCCC; padding:5px 0; display:block; margin-top:10px;}
#dnn_LeftPane .dig_pager {display:none;}

.bioPortrait {width:300px; border:1px solid #CCCCCC; margin:20px;}

/*--- 2 column layout (using Joint - single column template) ---*/
#twoCol {width:490px; margin:0 auto;}
.twoColQtr {width:225px; margin-right:40px; float:left;}
/*--- End 2 column layout (using Joint - single column template) ---*/

/*--- 4 column layout (using Joint - single column template) ---*/
#fourCol {width:960px;}
.fourColQtr {width:225px; margin-right:20px; float:left;}
/*--- End 4 column layout (using Joint - single column template) ---*/

/*--- Footer columns ---*/
.footerCol {float:left; width:215px; margin-right:10px;}
/*--- End Footer columns ---*/

/*--- Facebook Comments Plugin width ---*/
.fb-comments, .fb-comments iframe[style], .fb-comments span[style] {width: 100% !important;}
/*--- End Facebook Comments Plugin width ---*/

/*--- Top Level Page Headers ---*/
#dnn_BannerPane .base-container, #dnn_TopBannerPane .base-container, #dnn_TopSubBannerPane .base-container {margin-bottom:-4px;}
.pgHdr {position: relative; width:100%; height:180px; background-size:cover; background-position:right;}
.hdrAbout {background-image:url(/Portals/2/images/page-elements/section-banner_about-us-1164.png?ver=2018-09-15-062249-667);}
.hdrLeadership {background-image:url(/Portals/2/images/page-elements/top-banner_leadership-1164.png)}
.hdrResources {background-image:url(/Portals/2/images/page-elements/top-banner_resources-1164.png?ver=2018-09-22-005653-850)}
.hdrCommands {background-image:url(/Portals/2/images/page-elements/top-banner_commands-1164.png?ver=2018-09-22-005653-850)}
.hdrBlog {background-image:url(/Portals/2/images/page-elements/top-banner_blog-spotlight-1164.png?ver=2018-09-22-012242-070); background-position:left !important;}
.pgHdr p.hdrTitle { position:absolute; bottom:10px; height:60px; width:400px; padding:5px 0 0 40px; font-family:'Roboto Condensed'; font-size:36px; font-weight:400; color:#003552; text-transform:uppercase; background-color:#cbc285;}

/*--- SUBPAC Commands Map ---*/
#subpacCommandsMap {position:relative; width:970px; height:500px; margin:40px auto; border:1px solid #003553; background:url("/portals/2/images/commands/subpac-commands-map.jpg?ver=2016-03-11-055908-463") top center no-repeat;}
.subpacMapLocator {position:absolute; border-radius:50%; width:15px; height:15px; background-color:#00C2FF;}
.csg7Pin {top:205px; left:450px;}
.csg9Pin {top:165px; left:712px;}
.css1Pin {top:255px; left:620px;}
.css5Pin {top:165px; left:712px;}
.css7Pin {top:255px; left:620px;}
.css11Pin {top:213px; left:722px;}
.css15Pin {top:264px; left:465px;}
.css17Pin {top:165px; left:712px;}
.css19Pin {top:165px; left:712px;}
.css21Pin {top:240px; left:213px;}
.cusPin {top:205px; left:838px;}
.nsscPin {top:255px; left:620px;}
.pmoPin {top:165px; left:712px;}
.commandLink {position:absolute; width:106px; height:96px;}
.subgruLink {height:114px;}
.commandLink a {width:100%; height:100%; display:block;}
.css1Link {margin-top:272px; margin-left:135px;}
.csds5Link {margin-top:272px; margin-left:847px;}
.css7Link {margin-top:272px; margin-left:253px;}
.css11Link {margin-top:272px; margin-left:730px;}
.css15Link {margin-top:272px; margin-left:373px;}
.css17Link {margin-top:272px; margin-left:491px;}
.css19Link {margin-top:272px; margin-left:610px;}
.css21Link {margin-top:272px; margin-left:16px;}
.csg7Link {margin-top:109px; margin-left:264px;}
.csg9Link {margin-top:109px; margin-left:598px;}
.eslLink {margin-top:392px; margin-left:194px;}
.cableLink {margin-top:392px; margin-left:314px;}
.nsscLink {margin-top:392px; margin-left:550px;}
.pmoLink {margin-top:392px; margin-left:670px;}
.cusLink {margin-top:392px; margin-left:790px;}

/*--- Subordinate Unit Headers ---*/
#cspSectionHeader {position:relative; width:100%; height:180px; background:url("/Portals/2/images/page-elements/section-banner-1174.png?ver=2018-09-06-053234-847");}
#cspSectionHeaderAlt {position:relative; width:100%; height:142px; background:url("/Portals/2/images/page-elements/section-banner-alt.png?ver=2015-11-04-220324-507");}
#cspSectionLogo {position:absolute; top:20px; left:35px; width:100px; height:100px; margin:0; padding:0;}
#cspSectionName {position:absolute; top:35px; left:155px;}
#cspSectionName h2 {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; margin-bottom:5px !important; color:#00132b;}
#cspSectionName h3 {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:1.5em; line-height:1.5em; color:#00132b; margin-top:0;}
#unitDateTime {position:absolute; width:175px; padding:5px; background-color:#FFFFFF; border:1px solid #00C2FF;}
#unitDateTime span {font-size:12px; color:#000000;}
#cspSectionMenu {position:absolute; top:150px; left:135px;}
#cspSectionMenu ul {list-style:none; padding:none; margin:none; position:relative;}
#cspSectionMenu ul li {list-style:none; padding:none; margin-right:15px; float:left; width:auto; background:url("/Portals/2/images/shared/nav-separator-wh.jpg?ver=2015-10-20-185813-340") no-repeat right center;}
#cspSectionMenu ul li a {padding: 0 15px 0 0; font-size:14px; color:#FFFFFF; text-decoration:none;}
#cspSectionMenu ul li a:hover {color:#00132b;}
.ctaLink {width:100%; height:60px; background:url(/Portals/2/images/shared/cta-bg.png?ver=2015-11-15-201639-300) top left no-repeat; margin-bottom:20px;}
.ctaLink a {width:100%; height:100%; display:block; padding:20px 0 20px 40px; font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:18px; color:#FFFFFF; text-decoration:none;}

.homeportLocator {position:absolute; /*width: 40px; height:43px; background:url("/Portals/2/images/page-elements/homeportLocator.png?ver=2015-11-03-204920-493");*/ border-radius:50%; width:15px; height:15px; background-color:#00C2FF;}

.waLoc {top:25px; left:993px;}
.waTime {top:32px; left:825px;}
.hiLoc {top:67px; left:960px;}
.hiTime {top:75px; left:793px;}
.guamLoc {top:73px; left:888px;}
.guamTime {top:81px; left:895px;}
.jpLoc {top:40px; left:883px;}
.jpTime {top:47px; left:890px;}
.sdLoc {top:45px; left:999px;}
.sdTime {top:51px; left:831px;}
.vaLoc {top:46px; left:1050px;}
.vaTime {top:52px; left:882px;}
.bhLoc {top:63px; left:775px;}
.bhTime {top:71px; left:783px;}

/*--- End Subordinate Unit Headers ---*/

/*--- Go Guam ---*/
#whyGuam {width:826px; height: 282px; margin:80px auto; padding:0;}
.whyGuamBlock {width:274px; height:282px; float:left; margin-right:2px;}
.whyGuamText {width:194px; height:192px; text-align:right; background-color:#FFFF30; padding:90px 40px 0 40px;}
.whyGuamText span {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:48px; color:#137b98; line-height:48px;}
.guamLearnMore {background:url("/Portals/2/images/go-guam/why-guam-mission.jpg?ver=2015-11-20-193829-643") no-repeat top left;/*background-color:red;*/}
.guamLearnMore a {padding-top:250px !important;}
.guamMoreAbout1 {width:274px; height:140px; margin-bottom:2px; background:url("/Portals/2/images/go-guam/why-guam-culture.jpg?ver=2015-11-20-193829-537"); /*background-color:#333333;*/}
.guamMoreAbout2 {width:274px; height:140px; margin-bottom:2px; background:url("/Portals/2/images/go-guam/why-guam-activities.jpg?ver=2015-11-20-193829-537"); /*background-color:#CCCCCC;*/}
.whyGuamBlock a {width:100%; height:100%; display:block; padding:110px 0px 0px 10px; font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:24px; color:#FFFFFF; text-decoration:none;}
#ggResourceTzrContainer {position:relative; width:830px; padding:80px; margin-left:-14px; background-color:#E1DFD7;}
.ggResourceBlock {width:414px; height:282px; margin-right:2px; float:left;}
.ggResourceQtr {width:206px; height:282px; float:left; margin-right:2px;}
.ggResource8th {width:206px; height:140px; margin-bottom:2px;}
.pcsResourceHdr {width:186px; padding-right:20px; font-size:36px; text-align:right;}
.resiResourceHdr {text-align:left; color:#003553;}
.pcsResourceHdr a, .resiResourceHdr a {padding-top:110px; font-size:36px !important; line-height:36px;}
.pcsResourceHdr a {color:#137b98 !important;}
.resiResourceHdr a {padding-left:20px; color:#003553 !important;}
.pcsResourceLink {background-color:#137b98;}
.resiResourceLink {background-color:#003553;}
.ggResourceBlock a {width:100%; height:100%; display:block; font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:24px; color:#FFFFFF; text-decoration:none;}
.pcsResourceLink a, .resiResourceLink a {padding:90px 0 0 10px;}

#resourceMenu {position:relative; width:606px; margin:40px auto;}
.resourceLink {float:left; width:200px; height:140px; margin:0 2px 2px 0; background:url("/Portals/2/images/page-elements/cta-arrow.png?ver=2015-11-23-142729-703") no-repeat bottom right; background-color:#137b98;}
.pcsLinks {background-color:#137b98;}
.resiLinks {background-color:#003553;}
.resourceLink a {position:relative; width:180px; height:100%; display:block; padding:10px; font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:18px; color:#FFFFFF; text-decoration:none;}
.resourceLink a span {position:absolute; bottom:20px;}

.twoColImgGal3Tn {float:left; width:214px; margin-right:20px; margin-bottom:20px;}

/*--- Go Guam Homepage Redesign 06 JUN 2016 ---*/
#goGuamContainer {position:relative; width:100%; height:2219px; background-color:#CCCCCC;}
#whyGoGuam {position:relative; width:100%; height:465px; margin:0; padding:80px 0; background:url("/Portals/2/images/go-guam/why-go-guam-bg.jpg?ver=2016-06-06-212527-073"); background-size:cover;}
.ggTitle {margin:0 auto; width:520px; height:74px; text-align:center;}
#whyGoGuamText {margin-left:auto; margin-right:auto; width:800px;}
#whyGoGuamText p, #needMoreInfo p {text-align:center; font-size:20px; line-height:24px;}
#whyGoGuamActions {margin-top:60px; margin-left:auto; margin-right:auto; width:754px; height:47px;}
.whyGoGuamCTA {width:224px; height:47px;float:left; margin-right:41px;}
.whyGoGuamCTA a {width:100%; height:100%; display:block;}
a.whyGoGuamCTABtn1 {background:url("/Portals/2/images/go-guam/btn-the-life.png?ver=2016-06-06-212527-370");}
a.whyGoGuamCTABtn1:hover {background:url("/Portals/2/images/go-guam/btn-the-life-2.png?ver=2016-06-06-212527-370");}
a.whyGoGuamCTABtn2 {background:url("/Portals/2/images/go-guam/btn-the-mission.png?ver=2016-06-06-212526-353");}
a.whyGoGuamCTABtn2:hover {background:url("/Portals/2/images/go-guam/btn-the-mission-2.png?ver=2016-06-06-212525-527");}
a.whyGoGuamCTABtn3 {background:url("/Portals/2/images/go-guam/btn-hashtag-whygoguam.png?ver=2016-06-06-212527-057");}
a.whyGoGuamCTABtn3:hover {background:url("/Portals/2/images/go-guam/btn-hashtag-whygoguam-2.png?ver=2016-06-06-212527-087");}
#guamResources {position:relative; width:100%; height:1264px; padding:80px 0; margin:0; background:url("/Portals/2/images/go-guam/resources-v2-bg.jpg?ver=2016-07-26-201429-043"); background-size:cover;}
#ggResourcesContainer {position:relative; margin:0 auto; padding-top:80px; width:842px;}
.resourceCategory {float:left; width:411px; margin-right:20px;}
.resourcesMenuHeader {position:relative;}
#resourcesPCSIcon {position:absolute; margin-top:-60px; margin-left:159px; width:121px; height:110px; background:url("/Portals/2/images/go-guam/icon-pcs.png?ver=2016-06-06-212526-370");}
#resourcesResidentsIcon {position:absolute; margin-top:-60px; margin-left:159px; width:98px; height:112px; background:url("/Portals/2/images/go-guam/icon-resident.png?ver=2016-06-06-212525-510");}
.resourcesMenuImg {width:411px; height:222px; background-color:#FFF; border-bottom:2px solid #167996;}
.resourcesMenuImg a {width:100%; height:100%; display:block;}
a.resourcesPCSImg {background:url("/Portals/2/images/go-guam/pcs-guide-img.png?ver=2016-06-06-212526-447");}
a.resourcesPCSImg:hover {background:url("/Portals/2/images/go-guam/pcs-guide-img-2.png?ver=2016-06-06-212526-213");}
a.resourcesResidentsImg {background:url("/Portals/2/images/go-guam/resident-guide-img.png?ver=2016-06-06-212526-400");}
a.resourcesResidentsImg:hover {background:url("/Portals/2/images/go-guam/resident-guide-img-2.png?ver=2016-06-06-212526-557");}
.resourcesMenuBanner {position:absolute; margin-top:-40px; margin-left:91px;}
.resourcesMenu {min-height:510px; padding:60px; background:url("/Portals/2/images/go-guam/resources-menu-bg.png?ver=2016-06-06-212526-743");}
.resourcesMenu p {font-size:18px; line-height:24px;}
.resourcesMenu ul {margin-left:0; list-style:none;}
.resourcesMenu ul li {font-size:18px; line-height:32px; border-top:1px solid #EEEEEE;}
.resourcesMenu ul li a {display:block; color:#167996; padding-left:20px; background:url("/Portals/2/images/go-guam/resources-categories-bullet.png?ver=2016-06-06-212526-713") left no-repeat;}
.resourcesMenu ul li a:hover {color:#003553; background-color:#FFF;}
.resourcesMenu ul li.lastLineItem {border:none;}
.resourcesExtra {margin-top:20px; width:100%; height:200px; padding:40px 120px; background:url("/Portals/2/images/go-guam/resources-menu-bg.png?ver=2016-06-06-212526-743"); clear:both;}
.resourcesExtraInner {width:602px; height:200px;}
.resourcesExtraInner h3 {margin-top:0;}
a.resourceCTA {display:inline-block; height:20px; width:320px; color:#167996; padding-left:20px; background:url("/Portals/2/images/go-guam/resources-categories-bullet.png?ver=2016-06-06-212526-713") left no-repeat;}
a.resourceCTA:hover {color:#003553;}
#needMoreInfo {position:relative; width:100%; height:496px; padding:80px 0; margin:0; background:url("/Portals/2/images/go-guam/more-info-bg.png?ver=2016-06-06-212526-383");}
.ggInfoActions {margin-bottom:40px; text-align:center;}
.infoTestimonialsBtn {margin:0 auto; width:346px; height:47px; margin-top:20px;}
.infoTestimonialsBtn a {width:100%; height:100%; display:block;}
a.needInfoBtn1 {background:url("/Portals/2/images/go-guam/btn-inside-scoop.png?ver=2016-06-06-212527-087");}
a.needInfoBtn1:hover {background:url("/Portals/2/images/go-guam/btn-inside-scoop-2.png?ver=2016-06-06-212527-243");}
a.needInfoBtn2 {background:url("/Portals/2/images/go-guam/btn-contact-css15.png?ver=2016-06-06-212527-027");}
a.needInfoBtn2:hover {background:url("/Portals/2/images/go-guam/btn-contact-css15-2.png?ver=2016-06-06-212527-040");}
#whyGGVideoContainer {position:relative; margin-left:4px; width:990px; height:320px; overflow:hidden;}
#whyGGVideo {width:990px; height:557px; z-index:-99; margin-top:-110px;}
#whyGGTitle {position:absolute; margin-top:130px; margin-left:235px; width:520px; height:74px;}
.whyGGText {margin:0 auto; width:670px;}
.whyGGText:first-child {margin-top:80px;}
.whyGGText p {font-size:18px; line-height:24px;}
.whyGGText p.introText {font-size:24px; line-height:30px; font-weight:bold;}
.whyGGTextImg {margin:40px auto; width:990px; height:300px;}
/*--- End Go Guam ---*/

/*--- Fair Winds and Following Seas ---*/
#introFwfs {position:relative; width:990px; height:382px; margin-left:-14px; margin-top:80px; margin-bottom:80px;}
.cosRuss {background:url("/Portals/2/images/Leadership/cos-russ-retirement.jpg?ver=2016-03-31-061608-430"); border-top:2px solid #FFCC00; border-bottom:2px solid #FFCC00;}
#introFwfsTopBanner {position:absolute; width:500px; height:100px; margin:-50px 245px 0 245px; background-color:#144051;}
#introFwfsTopBanner h2, #introFwfsTopBanner h3 {text-align:center; font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; color:#FFFFFF; clear:both;}
#introFwfsTopBanner h2 {font-size:36px; font-weight:normal; margin-top:15px; margin-bottom:5px;}
#introFwfsTopBanner h3 {font-size:18px; font-weight:normal; margin-top:0;}
#introFwfsBottomBanner {position:absolute; width:616px; height:55px; margin:362px 187px 0 187px; background:url("/Portals/2/images/Leadership/cos-russ-retirement/fair-winds-following-seas.png?ver=2016-04-01-204345-200") no-repeat top center;}
#introFwfsBottomBanner p {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:24px; color:#FFFFFF; text-align:center; margin-top:22px;}
#msgFwfs {position:relative; width:810px; margin:0 auto 80px; clear:both;}
#portraitFwfs {float:left; width:250px; height:310px; margin-right:40px;}
#blurbFwfs {float:left; width:520px; margin:0;}
#blurbFwfs p {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:18px;}
#blurbFwfs p.blurbIntroFwfs {font-size:24px; line-height:24px;}
#lifetimeCollage {position:relative; width:100%; margin-bottom:80px;}
h2.sectionTitleFwfs {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:24px; text-align:center;} 
#photoGridFwfs ul {margin:0;}
#photoGridFwfs ul li {float:left; width:233px; height:233px; list-style-type:none; margin-right:10px; margin-bottom:10px; background-color:#CCCCCC;}
#dutyStationsFwfs {position:relative; width:810px; margin:0 auto 80px;}
#performanceFwfs {position:relative; width:100%; text-align:center;}
#dutyStationsFwfs h3 {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; font-size:18px;}
#dutyStationsFwfs p, #performanceFwfs p {margin-bottom:5px;}

/*--- Blog --- */
#cspBlogHeader {position:relative; width:100%; height:180px; background:url("/Portals/2/images/Blog/section-banner_blog.png?ver=2016-07-27-180911-743");}
#cspBlogMenu {position:absolute; top:150px; left:24px;}
#cspBlogMenu ul {list-style:none; padding:none; margin:none; position:relative;}
#cspBlogMenu ul li {list-style:none; padding:none; margin-right:15px; float:left; width:auto; background:url("/Portals/2/images/shared/nav-separator-wh.jpg?ver=2015-10-20-185813-340") no-repeat right center;}
#cspBlogMenu ul li a {padding: 0 15px 0 0; font-size:14px; color:#FFFFFF; text-decoration:none;}
#cspBlogMenu ul li a:hover {color:#00132b;}
.afmil_content {left:40px;}
.afmil_title, a.afmil_title:link, a.afmil_title:visited, a.afmil_title:active, a.afmil_title:hover {font-family:"Roboto Condensed", "Franklin Gothic Book", "Franklin Gothic Demi", "Arial Narrow", sans-serif; text-transform:none;}

/*--- Accordion Menu styles, override DOD.css --- */
.dodMenuLinkHeader.dodAccordionMenuExpandedItem, .dodAccordionMenu div.dodAccordionRootNode.dodAccordionMenuExpandedItem {color:#FFFFFF;}
.dodAccordionMenu div.dodAccordionRootNode {font-family:inherit; white-space:normal; color:#a46e02;}
.dodAccordionMenu div.paddedHeader {padding-top:10px; padding-bottom:10px;}
.dodAccordionRootNode {background:#003553;}
.dodAccordionMenuListItem div.listItem {padding:10px 5px;}


img {max-width: 100%; height: auto; }



@media (min-width: 979px) and (max-width: 1199px) {
.nav.nav-main {padding-left:0 !important;}
#cspSectionHeader {position:relative; width:100%; height:180px; background:url("/Portals/2/images/page-elements/section-banner-974.png?ver=2018-09-06-053234-657");}
.waLoc {top:25px; left:813px;}
.waTime {top:32px; left:645px;}
.hiLoc {top:67px; left:775px;}
.hiTime {top:75px; left:783px;}
.guamLoc {top:73px; left:708px;}
.guamTime {top:81px; left:715px;}
.jpLoc {top:40px; left:698px;}
.jpTime {top:47px; left:705px;}
.sdLoc {top:45px; left:819px;}
.sdTime {top:51px; left:652px;}
.vaLoc {top:46px; left:865px;}
.vaTime {top:52px; left:698px;}
.bhLoc {top:63px; left:595px;}
.bhTime {top:71px; left:602px;}
#cspSectionMenu {left:20px !important;}
#cspSectionMenu ul li {margin-right:5px;}
#cspSectionMenu ul li a {padding-right:5px;}
}

@media (min-width: 769px) and (max-width: 979px) {
.nav.nav-main {padding-left:0 !important;}
.otnav li a {padding-left:10px; padding-right:10px;}
/*--- Homepage ---*/
#hpAboutQuickLinks {width:100%; height:auto;}
#hpAboutLinks {width:66%;}
.ourPeopleBtn {width:100%;}
.ourBoatsBtn {width:49.5%;}
.subpacHistoryBtn {width:50%;}
.subpacLeadershipBtn {width:33%;}
.subpacLeadershipBtn a {padding-top:198px !important;}
#cspSectionHeader {position:relative; width:100%; height:180px; background:url("/Portals/2/images/page-elements/section-banner-754.png?ver=2018-09-06-053234-657");}
#cspSectionMenu {left:20px !important;}
#cspSectionMenu ul li {margin-right:5px;}
#cspSectionMenu ul li a {padding-right:5px;}
}

@media (max-width: 768px) {
/*--- Homepage ---*/
#hpBlurb {width:100% !important; height:auto !important;}
p.motto {font-size:3em !important;}
#hpAboutQuickLinks {width:100%; height:auto;}
#hpAboutLinks {width:100%; height:auto; margin-right:0 !important;}
.hpAboutBtn {width:100% !important; height:80px !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; margin-bottom:2px !important;}
.subpacLeadershipBtn {background-position:0 -80px !important;}
.ourPeopleBtn a, .ourBoatsBtn a, .subpacHistoryBtn a, .subpacLeadershipBtn a {padding: 20px 0 0 10px;}
.subResourceMenu {height:auto !important;}

/*--- Carousel ---*/
.caroufredsel_wrapper {height:240px !important;}

/*--- Subordinate Unit Header ---*/
#cspSectionHeader {position:relative; width:100%; height:140px; background:url("/Portals/2/images/page-elements/section-banner-754.png?ver=2018-09-06-053234-657");}
#cspSectionLogo {opacity:0.2;}
#cspSectionName {top:0; left:35px !important; z-index:20;}
#cspSectionName h2 {font-size:20px !important; font-weight:700;}
#cspSectionName h3 {font-size:16px !important; font-weight:700;}
#cspSectionMenu {top:80px !important; left:20px !important;}
#cspSectionMenu ul li {margin-right:5px;}
#cspSectionMenu ul li a {padding-right:5px; color:#383838 !important;}

/*--- Go Guam ---*/
.ggTitle {width:100% !important; height:auto !important;}
#whyGoGuamText {width:100% !important;}
#whyGoGuamText p, #needMoreInfo p {font-size:12px !important; font-size:14px !important; line-height:14px !important;}
#whyGoGuamActions {width:224px !important;}
.whyGoGuamCTA {margin-bottom:4px;}
#ggResourcesContainer {width:100% !important;}
#resourcesPCSIcon, #resourcesResidentsIcon {display:none;}
.resourcesMenuImg {display:none;}
.resourcesMenu {min-height:240px !important; padding:40px 60px !important;}
.resourcesMenu p {font-size:14px !important;}
.resourcesMenu ul li {font-size:14px !important; line-height:24px !important;}
.resourcesExtra {height:auto !important; padding:40px !important;}
.resourcesExtraInner {width:100% !important; height:auto !important;}
.resourcesExtraInner img {display:none;}
}