.textMedium1{font-size:1.09em;line-height:175%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.textMedium2{font-size:0.80em;line-height:150%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.textSmall{font-size:0.625em;}
.textSmaller{font-size:0.5625em;}
.textSmallPlus{font-size:0.70em;}
.textSmallPlus2{font-size:0.80em;}
.textLarge{font-size:1.25em;line-height:150%;}
.textLarger{font-size:1.5em;line-height:150%;}
.textNavHeader{font-size:0.90em;}
.textBold{font-weight:bold;}
.textItalics{font-style:italic;}
.textNoUnderline{text-decoration:none;}
.textDkBlue{color:#2b3399;}
.textWhite{color:#ffffff;}
.textRed{color:#ff0000;}
.textGray{color:#666666;}
.textDkGray{color:#333333;}
.textDkrGray{color:#262626;}
.textLtGray{color:#999999;}
.textLighterGray{color:#CCCCCC;}
.textNavHeader{font-size:1.00em;}
.textFrenchGreen{color:#009900;} /* French victory text color */
.textFrenchBlue{color:#0000CC;} /* French draw text color */
.textFrenchRed{color:#CC0000;} /* French loss text color */
.textAFBlue{color:#444C73;} /* Military Ranks */
.textArmyBrown{color:#A85802;} /* Military Ranks */
.textMarineGreen{color:#1A580D;} /* Military Ranks */
.textNavyBlue{color:#444C73;} /* Military Ranks */
.textUSCGblue{color:#002777;} /* Military Ranks */
.textRankCols{font-size:1.07em; line-height:150%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* Basic Big text for rank pages so we can shrink them on mobile */
a:link{text-decoration:underline;color:#2b3399;}
a:visited{text-decoration:underline;color:#2b3399;}
a:hover{text-decoration:none;color:#000000;}
a:active{text-decoration:underline;color:#000000;}
a.BaseBlueLinks:link{color:#2b3399;line-height:200%;}
a.BaseBlueLinks:visited{color:#000000;text-decoration:none;line-height:200%;}
a.BaseBlueLinks:hover{color:#000000;text-decoration:none;line-height:200%;}
a.BaseBlueLinks:active{color:#000000;text-decoration:none;line-height:200%;}
a.BaseGrayLinks:link{color:#666666;text-decoration:none;line-height:200%;}
a.BaseGrayLinks:visited{color:#666666;text-decoration:none;line-height:200%;}
a.BaseGrayLinks:hover{color:#000000;text-decoration:none;line-height:200%;}
a.BaseGrayLinks:active{color:#666666;text-decoration:none;line-height:200%;}
a.WhiteLinksFooter:link{color:#ffffff;text-decoration:none;line-height:200%;}
a.WhiteLinksFooter:visited{color:#CCCCCC;text-decoration:none;line-height:200%;}
a.WhiteLinksFooter:hover{color:#CCCCCC;text-decoration:none;line-height:200%;}
a.WhiteLinksFooter:active{color:#CCCCCC;text-decoration:none;line-height:200%;}
a.MainNavLinks:link{color:#CCCCCC; text-decoration:none;}/* Controls for Main Header Navigation Links */
a.MainNavLinks:visited{color:#999999; text-decoration:none;}
a.MainNavLinks:hover{color:#FFFFFF; text-decoration:none;}
a.MainNavLinks:active{color:#999999; text-decoration:none;}

/*///////////////////////*/

*{margin:0px;padding:0px;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{height:100%;width:100%;}
body{font-family:Arial,sans-serif;margin:0px;padding:0px;}
h1{font-size:1.75em;font-weight:bold;color:#000000;display:inline;}
h2{font-size:1.5em;font-weight:lighter;color:#666666;line-height:125%;display:inline;font-style:italic;}
#wrapper{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; position:relative;}
#sidebar-left{width:100%; max-width:320px; float:left; position:relative; box-sizing:border-box; padding:1%;}
#content-right{width:100%; max-width:880px; display:inline-block; position:relative; box-sizing:border-box; padding:1%;}
#content-left{width:100%;max-width:880px;float:left;position:relative;}
#sidebar-right{width:100%; max-width:320px; display:inline-block; position:relative; box-sizing:border-box; padding:1%;}
#content-wide{width:100%; max-width:1200px; display:inline-block; position:relative; box-sizing:border-box; padding:1%;}

/* Header Stuff */
#logoImgHolder{width:25%; text-align:left; display:inline-block; position:relative; box-sizing:border-box;}
#searchBlockHolder{width:50%; display:inline-block; position:relative; box-sizing:border-box;}
#hdrLdrbrdAdHolder{width:100%; padding:1%; text-align:center; background-color:#eaeaea;} /* Main Header Leaderboard Ad Holder */

/* Ads */
#tribalLdrbrd728{width:100%; max-width:1500px; margin-left:auto; margin-right:auto; position:relative; text-align:center;} /* Header Ad Control for Tribal Leaderboards */
#adsenseLdrbrd728{width:100%; max-width:1500px; margin-left:auto; margin-right:auto; position:relative; text-align:center;} /* Header Ad Control for Adsense Leaderboards */
#adsenseColumn300{width:300px; padding-bottom:5%; box-sizing:border-box; display:inline-block; position:relative;} /* Adsense ad in Left or Right column */
#adsense300contentwide{width:350px; float:left; position:relative; margin-right:2%; margin-bottom:2%; box-sizing:border-box;} /* For wide-content pages like pay chart and WW2 weapons */
#genericColumn300{width:300px;} /*new topics box*/
#adBlockArticle{width:100%; max-width:350px; text-align:center; padding:2%; box-sizing:border-box; margin-bottom:2%; float:left; display:inline-block; position:relative;} /* In-Article Ad Main Holder */
#adBlockArticle2{width:100%; text-align:center; padding:2%; box-sizing:border-box; margin-bottom:2%; display:inline-block; position:relative;} /* In-Article Ad Main Holder */
#adsenseAdblock2{width:100%;} /* In-Article Ad */

/* Homepage Stuff */
#picTrans:hover{opacity:0.7;} /* Fades big image to light white */
#bigPicHolder{width:100%; display:inline-block; position:relative; margin-top:1.5%; background-color:#fff;} /* Main bigimg pic holder */

/* Big Image Stuff */
#bgWrapper{width:100%;background-color:#000;}
#bgImage{width:100%; max-width:1200px; height:300px; background-repeat:no-repeat; background-position:center; -moz-background-size:cover; background-size:cover; border:#CCCCCC;border-bottom-style:solid; border-bottom-width:thin; position:relative; margin-left:auto; margin-right:auto;}
#bgTab{position:absolute;bottom:0;left:0;width:auto;max-width:1200px;background-color:#FFFFFF;border-left:#CCCCCC;border-right:#CCCCCC;border-top:#CCCCCC;border-left-style:solid;border-left-width:thin;border-right-style:solid;border-right-width:thin;border-top-style:solid;border-top-width:thin;padding-top:10px;padding-bottom:5px;padding-left:10px;padding-right:15px;}
#bgTitleContainer{width:auto;max-width:1200px;display:inline;position:relative;}
#bgFlagContainer{width:auto;max-width:40px;text-align:center;margin-right:15px;float:left;}

/* Navigation */
#MainNavHolder{width:100%; background-color:#FFF; display:inline-block; position:relative; box-shadow: 0px 2px 5px #888888;}
a.newMainNavLinks:link{font-size:1.15em; color:#000000; text-decoration:none;} /* Controls for Main Header Navigation Links */
a.newMainNavLinks:visited{font-size:1.15em; color:#000000; text-decoration:none;} /* Controls for Main Header Navigation Links */
a.newMainNavLinks:hover{font-size:1.15em; color:#999999; text-decoration:none;} /* Controls for Main Header Navigation Links */
a.newMainNavLinks:active{font-size:1.15em; color:#000000; text-decoration:none;} /* Controls for Main Header Navigation Links */
#navLeftCol{width:50%; text-align:left; float:left; box-sizing:border-box;} /*Bottom page nav box left*/
#navRightCol{width:40%; text-align:left; display:inline-block; position:relative; box-sizing:border-box;} /* Bottom page nav box right */

/* Misc Components */
#socialNetworksWrapper{width:auto;max-width:980px;padding-bottom:5px;text-align:left;margin:0 auto;margin-bottom:20px;}
#newTopics{width:300px;} /* New Topics Holder */

/* Gallery */
#imgsGallery{width:100%; padding:1%; text-align:center; box-sizing:border-box; margin-bottom:3%; background-color:#efefef; position:relative; display:inline-block;} /* Main Gallery Holder */
#thumbs{width:auto; padding:1%; display:inline-block; position:relative;} /* Gallery Thumbnails */

/* Article Body Components */
#articleTiles{width:100%; max-width:1200px; position:relative; margin-left:auto; margin-right:auto; padding-top:0.5%; padding-left:1%;} /* Controls Page Captions and Such */
#article{width:100%; margin-bottom:3%; display:inline-block; position:relative;} /* Main Article Body Containers */

/* Recordset Controls - NEED this for ISIS page */
#recordsetWholeWrapper{width:100%; display:inline-block; position:relative; padding:1%; box-sizing:border-box; border:thin solid #CCC; margin-bottom:4%;}
#recordsetWholeWrapper:hover{background-color:#efefef;} /* Hover to light grey effect for entire recordset div */
#recordsetFlagPicHolder{width:auto; display:inline-block; position:relative; padding:1%; box-sizing:border-box;}
#recordsetTextHolder{width:75%; display:inline-block; position:relative; padding:1%; box-sizing:border-box;}
#recordsetThumbImgHolder{width:auto; display:inline-block; position:relative; box-sizing:border-box; padding-top:2%;}

/* NEW Recordset Controls */
#recordsetListContainer{width:100%; display:inline-block; position:relative; text-align:center; margin-bottom:1%;}
#recordsetWholeContainer{width:100%; max-width:350px; min-height:205px; display:inline-block; position:relative; padding:1%; margin:1%; margin-bottom:3%; border:thin solid #CCC; background-color:#fff; text-align:center; vertical-align:top; -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 3s; /* Firefox < 16 */ -ms-animation: fadein 3s; /* Internet Explorer */ -o-animation: fadein 3s; /* Opera < 12.1 */ animation: fadein 3s;}
#recordsetWholeContainer:hover{opacity:0.7;}
#recordsetImgHolder{width:auto; display:inline-block; position:relative;}
#recordsetFlagContainer{width:40px; height:40px; position:absolute; top:0px; right:0px;}
#recordsetNumberContainer{width:auto; height:auto; position:absolute; bottom:4px; left:0px; background-color:#333; padding:3%;}
#recordsetDateContainer{width:auto; padding:2%; position:absolute; top:0px; left:0px; background-color:#dfdfdf;}
#recordsetDesignationContainer{width:100%; display:inline-block; position:relative; margin-top:3%;}
#adBlockLeaderboardWide{width:100%; display:inline-block; position:relative; margin-bottom:3%;}

/* NEW NEW Recordset Controls */
#recordsetListHolder{width:100%; display:inline-block; position:relative; text-align:center; margin-bottom:1%;}
#wholeRecordsetHolder{width:100%; display:inline-block; position:relative; border:thin solid #CCC; margin-bottom:2%; background-color:#f6f6f6;  -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 3s; /* Firefox < 16 */ -ms-animation: fadein 3s; /* Internet Explorer */ -o-animation: fadein 3s; /* Opera < 12.1 */ animation: fadein 3s;}
#wholeRecordsetHolder:hover{opacity:0.7;}
#recordsetNumberHolder{width:auto; padding:1%; margin:1%; display:inline-block; position:relative; float:left; background-color:#999;}
#recordsetYearHolder{width:auto; display:inline-block; background-color:#CCC; position:absolute; top:0px; right:0px; padding:1%;}
#recordserFlagHolder{width:auto; padding:1%; margin:1%; display:inline-block; position:relative; float:left;}
#recordsetThumbHolder{width:auto; margin:1%; display:inline-block; position:relative; float:left; border:thin solid #000; background-color:#000;}
#recordsetDesignationTxt{width:auto; max-width:620px; padding:1%; display:inline-block; position:relative; float:left; text-align:left;}

/* Navigation for Mobile */
#navBarMobile{display:none; box-sizing:border-box;}
#navBarX{display:none; box-sizing:border-box; position:absolute; top:0; left:0; padding:1%;}
#mobileNavOverlay{display:none; width:100%; max-width:none; background-color:#333; z-index:2147483647; position:absolute; top:46px; left:0px; padding:5%; text-align:left; box-shadow:0px 3px 10px grey;}

/* NEW Detail Page Controls */
#wholeContentContainer{background-color:#efefef; width:100%; height:100%; text-align:center;} /* original BG color was eaeaea */
#whiteAreaWrapper{background-color:#fff; width:100%; max-width:1500px; display:inline-block; position:relative; margin-left:auto; margin-right:auto;}
#contentWrapper{width:100%; max-width:1300px; margin-left:auto; margin-right:auto; position:relative;}
#contentRightContainer{width:100%; max-width:900px; display:inline-block; position:relative; box-sizing:border-box; padding:1%; text-align:left;}
#contentLeftContainer{width:100%; max-width:900px; float:left; position:relative; box-sizing:border-box; padding:1%; text-align:left;} /* Mainly for MF Homepage */
#contentWideContainer{width:100%; max-width:1250px; display:inline-block; position:relative; box-sizing:border-box; padding:1%; text-align:left;}
#captionContainer{width:100%; padding:2%; display:inline-block; position:relative; text-align:left;}
#backgroundImagio{width:100%; height:300px; display:inline-block; position:relative; background-color:#000; background-repeat:no-repeat; background-position:center; -moz-background-size:cover; background-size:cover; margin-left:auto; margin-right:auto;} /*height was 512px*/
#folderTab1{width:auto; text-align:left; padding:1%; margin:1%; display:inline-block; position:absolute; bottom:0px; left:0px; background-color:rgba(0,102,153,0.7);}
#folderTab2{display:none;}
#tabFlagContainer{width:auto; padding:1%; float:left; position:relative; margin-right:3%;}
#contentbar-left{width:100%; max-width:350px; float:left; position:relative;}
#contentbar-right{width:100%; max-width:350px; display:inline-block; position:relative;} /* Mainly for MF homepage */
#adblockTopLeft{width:100%; max-width:300px; display:inline-block; position:relative;}
#inpageAdblock{width:100%; display:inline-block; position:relative;}
#socialMediaVerticalBlock{width:100px; float:left; margin:1%; padding:1%; text-align:center;}

/* Recordset faders */
@keyframes fadein{from{opacity:0;}to{opacity:1;}}
/* Firefox < 16 */
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}
}
/* Internet Explorer */
@-ms-keyframes fadein{from{opacity:0;}to{opacity:1;}
}
/* Opera < 12.1 */
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}
}

@media only screen and (max-width:480px){
<!--#backgroundImagio{height:200px;}-->
#folderTab1{display:none;}
#folderTab2{display:inline-block; width:100%; padding:2%; background-color:rgba(0,102,153,0.7); text-align:left; margin-top:5%;}
#adblockTopLeft{width:320px;}
#article{padding:1.5%;}
#backgroundImagio{display:none;}
#navBarMobile{display:inline-block; position:absolute; top:0; left:0; padding:3%;}
#content-right{padding:2%;}
#content-left{padding:2%;}
#content-wide{padding:2%;}
#adsenseColumn300{width:320px; height:90px; padding:1%;}
#adsenseLdrbrd728{width:320px; height:90px; padding:1%;}
#adsense300contentwide{width:320px; height:90px; padding:1%;}
#navLeftCol{width:auto;}
#navRightCol{width:auto;}
#textRankCols{font-size:0.75em;} /* Found on Ranks pages only */
#logoImgHolder{width:100%; text-align:center; padding:5%;}
#searchBlockHolder{width:100%; text-align:center; padding:1%;}
#navRightCol{margin-top:5%;}
}
@media only screen and (max-width:800px){
#navBarMobile{display:inline-block; position:absolute; top:0; right:0; padding:1%;}
#MainNavHolder{display:none;}
#tribalLdrbrd728{display:none;}
#adsense300contentwide{float:none; display:inline-block;}
}
@media only screen and (max-width:1200px){
#bigPicHolder{max-width:none;}
#content-wide{width:100%; max-width:none;}
#content-right{width:100%; max-width:none;}
#content-left{width:100%; max-width:none;}
#sidebar-left{width:100%; max-width:none;}
#sidebar-right{width:100%; max-width:none;}
#adsenseLdrbrd728{width:100%; margin-bottom:1%;}
#adsenseColumn300{width:100%; margin-bottom:1%;}
#adsense300contentwide{width:100%; margin-bottom:1%;}
#genericColumn300{display:none;}
#recordsetFlagPicHolder{padding:2%;}
#recordsetTextHolder{width:80%; padding:2%;}
#recordsetThumbImgHolder{width:100%; text-align:center; background-color:#efefef;}
}
@media only screen and (max-width:1450px){
#contentbar-left{width:100%; max-width:none; display:inline-block; margin-top:2%; margin-bottom:2%;}
#adblockTopLeft{width:100%%; max-width:none;}
}