.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.5em;font-weight:bold;color:#000000;display:inline;}
h2{font-size:1.5em;font-weight:lighter;color:#666666;line-height:125%;display:inline;}
#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:35%; text-align:left; display:inline-block; position:relative; box-sizing:border-box;}
#searchBlockHolder{width:50%; display:inline-block; position:relative; box-sizing:border-box; padding-bottom:3%;}
#hdrLdrbrdAdHolder{width:100%; background-color:#efefef; margin-left:auto; margin-right:auto; padding:1%;} /* Main Header Leaderboard Ad Holder */

/* Ads */
#casaleLdrbrd728{width:970px; margin-left:auto; margin-right:auto; position:relative; box-sizing:border-box; text-align:center;} /* Header Ad Control for Casale Leaderboards */
#adsenseLdrbrd728{width:970px; margin-left:auto; margin-right:auto; position:relative; box-sizing:border-box;} /* Header Ad Control for Adsense Leaderboards */
#adsenseColumn300{width:300px; padding-bottom:5%; box-sizing:border-box;} /* Adsense ad in Left or Right column */
#adsense300contentwide{width:100%; max-width:350px; float:left; position:relative; margin-right:2%; margin-bottom:2%;} /* For wide-content pages like pay chart and WW2 weapons */
#genericColumn300{width:300px;} /*new topics box*/
#adBlockArticle{width:100%; text-align:center; padding:1%; box-sizing:border-box; margin-bottom:2%;} /* 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%; max-width:880px; display:inline-block; position:relative; margin-top:1.5%; margin-bottom:2%; 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:100% auto;background-size:100% auto;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 */
#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:#cccccc;} /* 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 */
#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 */
#recordsetTextHolder{width:79%; display:inline-block; position:relative; padding:2%; box-sizing:border-box;}
#recordsetThumbImgHolder{width:170px; text-align:center; float:left; position:relative; box-sizing:border-box; margin-top:2%;}

@media only screen and (max-width:480px){
#content-right{padding:2%;}
#content-left{padding:2%;}
#content-wide{padding:2%;}
#adsenseColumn300{padding:1%;}
#adsenseLdrbrd728{padding:1%;}
#navLeftCol{width:auto;}
#navRightCol{width:auto;}
#navRightCol{margin-top:5%;}
}

@media only screen and (max-width:800px){
#casaleLdrbrd728{display:none;}
#adsense300contentwide{max-width:none; float:none; display:inline-block;}
#logoImgHolder{width:100%; text-align:center; padding:2%;}
#searchBlockHolder{width:100%; text-align:center; padding:1%;}
}

@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%;}
#genericColumn300{display:none;}
#recordsetFlagPicHolder{padding:2%;}
#recordsetTextHolder{width:80%; padding:2%;}
#recordsetThumbImgHolder{width:100%; text-align:center; background-color:#efefef;}
}