﻿
div.mTopBGImg
{
    background-position:center center;
    background-image:url('img/MainBGImg2V.jpg');
}


/* main Menu */

a.mMenu
{
    display:block;
    width:48%;
    float:left;
    border-right:0px;
    border-bottom:1px solid Silver;
}
a.mMenu:last-child
{
    border-bottom:0px;
    width:100%;
}

/* Base-Layout overrides for small screens 
    Any 2-column-layout is reset to full-widths, the columns wrap around.
*/
div.pStaticColumn100 { width:auto; padding:10px 5% 10px 5%; }
    
div.pStaticColumn30L { float:left; width:90%; min-width:200px; padding:0px 12px; }
div.pStaticColumn70L { float:left; width:90%; min-width:200px; padding:0px 12px; }
div.pStaticColumn50L { float:left; width:90%; min-width:200px; padding:0px 12px; }

div.pStaticColumn30R { float:right; width:90%; min-width:200px; padding:0px 12px; }
div.pStaticColumn70R { float:right; width:90%; min-width:200px; padding:0px 12px; }
div.pStaticColumn50R { float:right; width:90%; min-width:200px; padding:0px 12px; }

div.pFluidColumnFor30R { float:left; width:90%; margin-right:0px; padding:0px 12px; }
div.pFluidColumnFor50R { float:left; width:90%; margin-right:0px; padding:0px 12px; }
div.pFluidColumnFor70R { float:left; width:90%; margin-right:0px; padding:0px 12px; }

div.pFluidColumnFor30L { float:left; width:90%; margin-left:0px; padding:0px 12px; }
div.pFluidColumnFor50L { float:left; width:90%; margin-left:0px; padding:0px 12px; }
div.pFluidColumnFor70L { float:left; width:90%; margin-left:0px; padding:0px 12px; }

h2
{
    margin:30px 20px 15px 20px;
}

div.onThisSite a
{
    display:block;
    padding-top:15px;
}

/* -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div.mTopTitle
{
    padding-bottom:3px;
}

div.mMinorMenuContainer { background-color:transparent; }

div.mMinorMenuContainer a { clear:right; height:auto; padding:0px; }

div.mTopTitle div.mTitleBox
{
    float:none;
    margin-left:28%;
    width:auto;
    text-align:auto;
}

div.mTopTitle img.mEscutcheon
{
    float:left;
    width:25%;
    margin-right:3px;
}

div.mTopTitle div.mTitle1, div.mTopTitle div.mTitle2
{
    width:100%;
    display:block;
    text-align:center;
    padding:0px;
    margin:0px auto;
}
div.mTopTitle div.mTitle1 { font-size:14pt; }
div.mTopTitle div.mTitle2 { font-size:18pt; }

/* -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */


div.mPageFooter a
{
    display:block;
    float:left;
    width:48%;
    margin-right:0px;
    margin-left:0px;
}

.vanishOnSmall { display:none; }
.showOnSmall { display:block !important; }

div.pMemberEntry
{
    width:90%;
}

div.mMinorMenuContainer a { height:17pt; }
div.mMinorMenuContainer a img  	
{
    position:static;
	height:17pt;
	opacity:1;
}
div.mMinorMenuContainer a:hover img { opacity:1; }


input.tabButton, input.tabButtonSelected
{
    border-radius:15px;
    margin:2px;
    border:1px solid Silver;
    padding:5px 10px;
    font-size:10pt;
    vertical-align:middle;
    position:static;
}

input.tabButton:hover
{
    background-color:Silver;
}

input.tabButtonSelected
{
    border:1px solid Blue;
    background-color:LightSteelBlue;
}

div.PressList
{
    margin-left:10px;
}


div.ContentImageL, 
div.ContentImageR { max-width:45% !important; }

