/* **********************************************************************
   Basic HTML styles
   ********************************************************************** */
html    { font-size: 16px !important;    }
body    { margin: 0; padding: 0; font-family: Palatino, Garamond, Georgia, Serif; font-weight: normal; background-color: #CCCCCC; color: #656565; word-wrap: break-word;  font-size: 16px !important; }

img {   border: 0; }
p   {  /*line-height: 1.4em;*/   }

h1 { color: #996600; font-family: Georgia, Garamond, Palatino, Serif; font-size: 32px; font-weight: normal; }
h2 { color: #993300; font-family: Helvetica, Arial, Sans-Serif; font-size: 20px; font-weight: bold; /*line-height: 140%;*/ margin-bottom: 0; }
h3 { color: #82592F; font-family: Georgia, Garamond, Palatino, Serif; font-size: 20px; font-weight: normal; font-style: italic; /*line-height: 140%;*/ margin-bottom: 0; }

h2 + p, h3 + p, h2 + h3, h2 + div, h3 + div, h2 + ul, h3 + ul { margin-top: 0; }

table, tr   { border: 0;  margin: 0; padding: 0; } 	
td          { vertical-align: top; margin: 0; padding: 0; }
/* **********************************************************************
   End Basic HTML styles
   ********************************************************************** */

#login, #login a      { color: #CCCCCC !important; }
.loginContent input     { font-size: 20px !important; }

/* **********************************************************************
   Main Frame
   ********************************************************************** */
#mainFrame  {  background-color: #FFFFFF; border: 1px solid #3F5C57; width: 100%; min-width: 60em; max-width: 60em; margin-left: auto; margin-right: auto; margin-top: 0em; margin-bottom: 1em;  font-size: 16px; box-sizing: content-box;  }


/* **********************************************************************
   TABS / Super Header Area
   ********************************************************************** */
#superHeader { position: relative; width: 100%; min-width: 18em; max-width: 60.125em; padding: 0em; margin-left: auto; margin-right: auto; margin-top: 0.25em; margin-bottom: 0em; background-image: url('/Portals/_default/skins/TAG/images/TAG_Tab.jpg'); background-repeat: no-repeat; height: 3.3125em;  overflow: hidden;  font-size: 16px;  }
#superHeader > div { position: absolute; padding: 0em; margin: 0em; }
#superHeader > div > a { display: block; width: 100%; height: 100%; }
#supheadISA { top: 0em; left: 0em;  width: 5.5em; height: 3.3125em;  }
#supheadTAG { top: 0em; left: 5.75em;  width: 5.5em; height: 3.3125em; }
#supheadITCC { top: 0em; left: 11.5em;  width: 5.5em; height: 3.3125em; }

/* **********************************************************************
   Header Area
   ********************************************************************** */
#tagHeader  { padding: 0em; margin: 0em; background-color: #3F5C57; }

#HeaderMain { position: relative; width: 100%; margin: 0em; padding: 0em; background-color: #3F5C57; }
#headerBackground { position: relative;  overflow: hidden;}
#headerBackground img { width: 100%;  }
#Homelinkpad { display: block; position: absolute; top: 0em; left: 0em; padding: 0em; width: 33%; height: 100%; z-index: 5;  }
#Homelinkpad { background-image: url('/Portals/_default/skins/TAG/images/tagBanner.jpg');  } /* *****  ***** */
#Homelinkpad img   { width: 100%; }

#headerNarrowSep { display: none; position: absolute; width: 100%; height: 0.25em; border-top: 0.125em solid #3F5C57; background-color: #FFFFFF; }

#search     { position: absolute; top: 1.1875em; right: 1.5625em; border: 0.0625em solid #003300; height: 1.3125em; width: 207px;  vertical-align: top; background-color: White; box-sizing: content-box; }
/*#search > div > div { position: relative; height: 100%;   }*/
/*#search input[type=image] { background-color: #003300; color: #FFFFFF; height: 100%; }*/
/*.searchBox  { border: 0em; height: 1.1875em; vertical-align: top; }*/
#search > div, #search input { vertical-align: top; }
/*#search > span  { display: inline-block; height: 21px; }*/
#search .searchInputContainer   { height: 22px; width: 145px; position: absolute; top: 0px; left: 0px; display: inline-block; }
#search .searchInputContainer input         { border: 0px; vertical-align:top; height: 19px; margin-top: 1px; }
#search .searchInputContainer a.dnnSearchBoxClearText         { display: inline-block !important; z-index: 10 !important; top: -4px !important; right: -2px !important; }
#search .SearchButton   { position: absolute; top: 0px; right: 0px; display: inline-block; height: 21px; width: 56px; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; background-color: #003300; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; vertical-align: middle; font-family: Helvetica, Arial, Sans-Serif; }



#socialMediaLinks           { position: absolute; bottom: 0.25em; right: 1em; height: 1em; }
#socialMediaLinks > img     { position: relative; left: 0em; bottom: 0em; }
#socialMediaLinks a img     { position: relative; left: 0.3125em; bottom: 0.1875em; }


        #socialMediaLinks2 { float: right; }

#siteMenuToggle { float: right;  background-color: #3F5C57; color: #FFFFFF; display: none; padding: 6px 12px 6px 8px; line-height: 1.5em; border-radius: 0.5em; box-sizing: content-box; }
#siteMenuToggle:hover   { background-color: #4F726B;  }
#siteMenuToggle > a      { padding: 0em; margin: 0em; line-height: 1.5em; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; vertical-align: bottom; box-sizing: content-box; }
#siteMenuToggle img      { height: 1.5rem; padding: 0em; margin-bottom: 0px; vertical-align: bottom; box-sizing: content-box; }
#siteMenuToggle > a:link        { color: #009900; }
#siteMenuToggle > a:visited     { color: #009900; }
#siteMenuToggle > a:hover       { color: #009900; }
#siteMenuToggle > a:active      { color: #009900; }

#subMenu { background-color: #99B2B2; float: left; width: 27%; position: relative; }
#subMenuToggle { position: absolute; top: 0px; right: 0px;  background-color: #669900; color: #FFFFFF; display: none; padding: 0.4375rem 0.8rem 0.2rem 0.5rem; line-height: 1.5rem; border-radius: 0.5rem; z-index: 10; box-sizing: content-box;}
#subMenuToggle:hover   { background-color: #77B200;  }
#subMenuToggle > a      { padding: 0em; margin: 0em; line-height: 1.5em; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; vertical-align: bottom; box-sizing: content-box; }
#subMenuToggle img      { height: 1.5rem; padding: 0em; margin-bottom: 0em; vertical-align: bottom; box-sizing: content-box; }
#subMenuToggle > a:link      { color: #FFF; text-decoration: none; }
#subMenuToggle > a:visited   { color: #FFF; text-decoration: none; }
#subMenuToggle > a:hover     { color: #FFF; text-decoration: none; }
#subMenuToggle > a:active    { color: #FFF; text-decoration: none; }


#siteMenu { background-color: #3F5C57; color: #FFF; font-family: Georgia, Garamond, Palatino, Serif;  font-weight: normal;  /*overflow: hidden;*/  }
#siteMenu li > a { display: block; padding: 6px 16px 6px 16px; width: 100%;  }
#siteMenu a:link      { color: #FFF; text-decoration: none; }
#siteMenu a:visited   { color: #FFF; text-decoration: none; }
#siteMenu a:hover     { color: #FFF; text-decoration: underline; }
#siteMenu a:active    { color: #FFF; text-decoration: none; }
#siteMenu .nav > li > a:hover,
#siteMenu .nav > li > a:focus { text-decoration: underline; background-color: #3F5C57; }
#siteMenu ul { margin: 0em; padding: 0em; list-style-type: none; overflow: hidden; font-size: 15px;   }
#siteMenu > div > ul > li {  float: left; }
#siteMenu > div > ul > li > ul { display: none; background-color: #3F5C57; z-index: 5; }

#headerSubLine { height: 0.25em; background-color: #FFFFFF; border-bottom: 0.125em solid #3F5C57; box-sizing: content-box; }

/* **********************************************************************
   End Header Area
   ********************************************************************** */
   
   
/* **********************************************************************
   Footer Area
   ********************************************************************** */      
#TAGFooter              { color: #E8EBEB; font-family: Georgia, Garamond, Palatino, Serif; font-size: 12.8px; line-height: 16px; clear: both; box-sizing: content-box; }
#TAGFooter > div        { font-size: 12.8px; }
#TAGFooter a:link       { text-decoration: none; color: White; }
#TAGFooter a:visited    { text-decoration: none; color: White; }
#TAGFooter a:hover      { text-decoration: none; color: White; }
#TAGFooter a:active     { text-decoration: none; color: White; }
#TAGFooterBar           { background-color: #3F5C57; text-align: center; padding: 16px; margin-bottom: 6.4px; overflow: hidden; box-sizing: content-box; line-height: 19.2px; }
#TAGFooterBar > div     { text-align: center; font-style: italic; margin: 0px 0px 20px 0px; }
#TAGFooterBar > div:nth-child(3)    { line-height: 15px; }

#isaFooterImage         { display: inline-block; width: 8%; min-width: 80px; padding: 0px 12px; margin-bottom: 0px; box-sizing: content-box;  }
#isaFooterImage a       { box-sizing: content-box; line-height: 19.2px; vertical-align: baseline; display: inline-block; }
#isaFooterImage img     { width: 100%; box-sizing: content-box; line-height: 19.2px; vertical-align: baseline; }
#isaFooterContact       { display: inline-block; padding: 0px 12px; margin-bottom: 0px; box-sizing: content-box; }
#isaFooterContact div   { box-sizing: content-box; }
#isaFooterContact a     { box-sizing: content-box; }
/* **********************************************************************
   End Footer Area
   ********************************************************************** */
   
   
#mainSplit      { border: 0; padding: 0; margin: 0; border-collapse: collapse; }
#mainSplit > tbody > tr > td   { border: 0; }
   
/* **********************************************************************
   Left Side Nav Area (see also: tagSideMenu.css)
   ********************************************************************** */
.leftSideNav            { background-color: #99B2B2; color: #FFFFFF; width: 26.041%; }

/* **********************************************************************
   End Left Side Nav Area
   ********************************************************************** */


/* **********************************************************************
   Secondary Content Area
   ********************************************************************** */
.crumbNav             { color: #534741; font-size: 11.2px; font-family: Helvetica, Arial, Sans-Serif; }
.crumbNav a           { padding: 0px 4px; }
.crumbNav a:link      { color: #82592F !important; text-decoration: underline; }
.crumbNav a:visited   { color: #82592F !important; text-decoration: underline; }
.crumbNav a:hover     { color: #82592F !important; text-decoration: underline; }
.crumbNav a:active    { color: #82592F !important; text-decoration: underline; }

#secondaryContent .ModDNNHTMLC p,
#secondaryContent .ModDNNHTMLC div  { font-size: 16px; line-height: 22.4px; color: #656565;  }
#secondaryContent .ModDNNHTMLC ul   { font-size: 16px; line-height: 22.4px; color: #656565; list-style-type: disc; padding-left: 20px; }
#secondaryContent .ModDNNHTMLC li   { }

#secondaryContent { padding: 0; font-size: 16px;  line-height: 22.4px; float: right; width: 72%; background-color: #FFF; color: #656565;  }
#secondaryContent > div  { padding: 0.5em 1em;}
#secondaryContent a:link      { color: #3F5C57; text-decoration: underline; }
#secondaryContent a:visited   { color: #669900; text-decoration: underline; }
#secondaryContent a:hover     { color: #3F5C57; text-decoration: underline; }
#secondaryContent a:active    { color: #3F5C57; text-decoration: underline; }

#simpleContent p { font-size: 16px; line-height: 22.4px; color: #656565;  }

#simpleContent { padding: 0; font-size: 16px;  line-height: 22.4px; float: right; width: 72%; background-color: #FFF; color: #656565;  }
#simpleContent > div  { padding: 8px 16px;}
#simpleContent a:link      { color: #3F5C57; text-decoration: underline; }
#simpleContent a:visited   { color: #669900; text-decoration: underline; }
#simpleContent a:hover     { color: #3F5C57; text-decoration: underline; }
#simpleContent a:active    { color: #3F5C57; text-decoration: underline; }

/* **********************************************************************
   End Secondary Content Area
   ********************************************************************** */



/* **********************************************************************
   Other
   ********************************************************************** */	
.error      { color: Red; font-weight: bold; }
.success    { color: Green; }
.noBullet   { list-style-type: none; }	
.note  
    {
    display: inline-block; text-align: left; background-color:  #FFFFAA; border: 1px solid Orange; padding: 0.625em; margin: 0.3125em;           
	-moz-border-radius: 0.1875em; -webkit-border-radius: 0.1875em; border-radius: 0.1875em;     
	-moz-box-shadow: 0.125em 0.125em 0.125em #666; -webkit-box-shadow: 0.125em 0.125em 0.125em #666; box-shadow: 0.125em 0.125em 0.125em #666;
    }
.validationSummary
    {
    display: inline-block; color: Red; font-weight: bold; background-color:  #FFFFAA; border: 1px solid Orange; padding: 0.3125em; margin: 0.3125em;            
	-moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em;     
	-moz-box-shadow: 0.1875em 0.1875em 0.1875em #666; -webkit-box-shadow: 0.1875em 0.1875em 0.1875em #666; box-shadow: 0.1875em 0.1875em 0.1875em #666;
    }
.validationSummary ul    {  list-style-type:none;    padding: 0em 1em;	   }

.PDFlink    { background: url("/Portals/_default/skins/TAG/images/pdficon_small.png") right center no-repeat; padding-right: 1.125em; }

/* **********************************************************************
   End Other
   ********************************************************************** */

        #mainBody1      { overflow: hidden; padding: 15px 0px 0px 0px; box-sizing: content-box; }
        #mainBody1 > div  { display: inline-block; padding: 0em; margin: 0em; box-sizing: content-box;  }
        #mainBody1 img  { padding: 0em 0em 0.9375em 0.9375em; box-sizing: content-box; }
        #mainBody1 a    { box-sizing: content-box; }
        
        #mainBodySep { height: 0px; border-bottom: 0.125em solid #3F5C57; }
        
        #mainBody2                  { overflow: hidden; padding: 0.9375em 0em; }
        #mainBody2 p                { font-size: 16px; }
        #mainBody2 > div            { float: left; padding: 0em; margin: 0em;  }
        #mainBody2 h2               { font-size: 16px; margin-top: 10px !important; }
        #mainBody2 > div > div      { margin: 0px; padding: 1em; }
        
        #mainBodyAbout h2 { text-transform: none; margin-top: 0.425em; margin-bottom: 0.35em;  }
        
        #mainQuickLinks ul  { list-style-type: none; margin: 0em; padding: 0em; }
        #mainQuickLinks li  { padding: 0.4375em 0em; font-size: 16px; }
        #mainQuickLinks h2  { font-size: 16px; }
        #mainQuickLinks a:link       { color: #534741; text-decoration: none; }
        #mainQuickLinks a:visited    { color: #534741; }
        #mainQuickLinks a:hover      { color: #534741; text-decoration: underline; }
        #mainQuickLinks a:active     { color: #534741; }
        #mainQuickLinks  div div#patronsLink { width: 100%;  text-align: center; margin: 2em 0em 2em 0em; padding: 0em; }
           
        #mainLatestNews h2          { margin-bottom: 0em; }
        #mainLatestNews h3          { font-family: Georgia, Garamond, Palatino, Serif; font-size: 12px; font-weight: bold; font-style: normal; margin-top: 8px; }
        #mainLatestNews ul          { list-style-type: none; margin: 0em; padding: 0em; }
        #mainLatestNews li          { margin: 0em; padding: 0em; }
        #mainLatestNews li > h3 > a:link    { color: #656565; text-decoration: none;  }
        #mainLatestNews li > h3 > a:visited { color: #656565; text-decoration: none; }
        #mainLatestNews li > h3 > a:hover   { color: #656565; text-decoration: underline;  }
        #mainLatestNews li > h3 > a:active  { color: #656565; text-decoration: none; }


        #socialMediaLinks2 { float: right; margin: 0.5em 1em 0em 0em; }
    html   { -ms-overflow-style: scrollbar !important; }

/* **********************************************************************
   Grid View Style
   ********************************************************************** */

.gridView1 
{   
	width: 100%;   
	background-color: #fff;   
	margin: 5px 0 10px 0;   
	border: solid 1px #3F5C57;   
	border-collapse:collapse;  
	color: #534741;
	font-family: Palatino, Georgia, Garamond, Serif;
	font-size: 10pt;
	font-weight: normal;
}  
.gridView1 td 
{   
	padding: 4px;   
	border: solid 1px #c1c1c1;   
	color: #717171;   
}  
.gridView1 th 
{   
	padding: 4px 2px;   
	color: #fff;   
	background: #3F5C57 url('/Portals/_default/skins/TAG/images/grd_header_tag.png') repeat-x top;   
	border-left: solid 1px #525252;   
	font-size: 0.9em;   
}  
.gridView1 input	{	width: 96%;	}
.gridView1 textarea {	width: 98%; }

.gridView1AlternatingRow { background: #ececec url('/Portals/_default/skins/TAG/images/grd_alta.png') repeat-x top; }  
.gridView1FooterRow     
    {   
    background: #998E70; 
    color:  #fff;
    }  
 .gridView1FooterRow td
    {    
    color:  #fff;
    } 
.gridView1 gridView1Pager { background: #424242 url('/Portals/_default/skins/TAG/images/grd_pgr.png') repeat-x top; }  
.gridView1 gridView1Pager table { margin: 5px 0; }  
.gridView1 gridView1Pager td 
{   
	border-width: 0;   
	padding: 0 6px;   
	border-left: solid 1px #666;   
	font-weight: bold;   
	color: #fff;   
	line-height: 12px;   
}     
.gridView1 gridView1Pager a { color: #666; text-decoration: none; }  
.gridView1 gridView1Pager a:hover { color: #000; text-decoration: none; }  
.gridView1 th a { color: #FFF !important; }
.gridView1 th a:hover { color: #FFF; }

.gridView1SortedAscendingHeader a { color: #998E70 !important;}
.gridView1SortedDescendingHeader a { color: #998E70 !important;}


.gridViewPlain
{   
	background-color: White;   
	margin: 5px 0 10px 0; 	  
	border: solid 5px White;   
	border-collapse:collapse;  
	color: #534741;
	font-family: Palatino, Georgia, Garamond, Serif;
	font-size: 10pt;
	font-weight: normal;
}

/* **********************************************************************
   Other Style
   ********************************************************************** */
ul.relatedProducts      { list-style-type: none !important; margin: 0px !important; padding: 0px !important; }
ul.relatedProducts > li { float: left; position: relative; width: 155px; padding: 0px; height: 275px; }
ul.relatedProducts > li > a { display: block; width: 155px; padding: 0px; height: 275px; text-align: center; }
ul.relatedProducts > li > a > span:first-child  { display: table-cell; width: 150px; height: 150px; vertical-align: middle; text-align: center;}




/* ****************************** */
/* ****** Media Queries ********* */
/* ****************************** */

/* Since older browsers can't handle media queries, these are applied to any browser that can handle media queries. These are the basic styles that make the site responsive.
    - Min-width value removed from frame. 
    - Site Menu is in responsive mode
    - Side Menu is in responsive mode
    - search box and social media are below header. */
@media only screen and (min-width:0em) 
{
    #mainFrame          { min-width: 10em; }
    #superHeader        { min-width: 10em; }
    #secondaryContent    { float: none; width: 100%;  }
    #simpleContent    { float: none; width: 100%;  }

    h1  { font-size: 25.6px; line-height: 32px; }
    h2  { font-size: 19.2px; line-height: 1.15384615em; }
    h3  { font-size: 16px; line-height: 1.11111111em; }

    #headerBackground img { width: 28em;  }
    #Homelinkpad   { width: 9.5em; background-image: none; }

    #siteMenu   { height: auto; overflow: hidden; line-height: 1.5em; clear: right; }
    #siteMenu > div > ul   { display: none; margin: 0.625em;  }
    #siteMenu > div > ul > li { float: none; }
    #siteMenu > div > ul > li > ul { position: relative; top: 0;  padding: 0.5em 0.5em 0.5em 1.5em; }
    #siteMenuToggle { display: block; }

    #subMenu { float: none; width: 100%; font-size: 20px; }
    /* Some .ISATreeMenu code in tagSideMenu.css*/
    #subMenuToggle { display: block; }
    #subMenu img.raq               { margin-top: -3px; }
    
    #headerNarrowSep { position: relative; display: block;  }
            
    #search     { position: relative; float: right; top: 0em; right: 0em;  height: 1.3125em; border: 0em; vertical-align:top; background-color: #3F5C57; max-width: 100%; margin: 0.5em; text-align: right; }
    #search > div { display: block; padding: 0em; margin: 0em; height: 1.3125em; border: 1px solid #013401; background-color: #FFFFFF; }
    #search .searchInputContainer input  { border: 0em; height: 19px; vertical-align:top; width: 144px; }
    ul.searchSkinObjectPreview  { width: 90%;  }

    #socialMediaLinks           { position: absolute; top: 3.5em; right: 0.75em; height: 1em; margin: 0em; text-align: right; }
    #socialMediaLinks > img     { position: relative; left: 0em; bottom: 0em; }
    #socialMediaLinks a img     { position: relative; left: 0.125em; bottom: 0.25em; }
    
    /*#Homelinkpad   { height: 40%; }*/

        #mainBody1      { text-align: center; }
        #mainBody1 div  { display: inline-block; padding: 0em; margin: 0em; width: 100%;  }
        #mainBody1 img  { padding: 0em 0.46875em 0.9375em 0.46875em;  }
        #mainBody1 > div img    { width: 93%; }
        
        #mainBodyAbout  { width: 100%; }
        #mainQuickLinks { width: 100%; }
        #mainLatestNews { width: 100%; }
    html   { -ms-overflow-style: scrollbar !important; }
}

/* very small.  Most phones will be around this size.
    - search box and social media are in header. */
@media only screen and (min-width:25em) /* 400px - 25em */
{
    #mainFrame          { min-width: 25em;  }
    #superHeader        { min-width: 25em; }
    #secondaryContent { float: none; width: 100%; }
    #simpleContent { float: none; width: 100%; }

    #subMenu { float: none; width: 100%; font-size: 20px; }
    /* Some .ISATreeMenu code in tagSideMenu.css*/
    
    #headerBackground img { width: 40em;  }  
    #headerNarrowSep { position: absolute; display: none;  }

    #search     { position: absolute; top: 1.1875em; right: 1.5625em; height: 1.3125em; border: 0.0625em solid #013401; vertical-align: top; background-color: #FFFFFF; /*width: auto;*/ margin: 0; text-align: left; }
    #search > div { display: block; padding: 0em; margin: 0em; height: 1.3125em; border: 0; }
    #search .searchInputContainer input  { border: 0em; height: 19px; vertical-align: top; width: 144px; }
    ul.searchSkinObjectPreview  { width: 300px;  }

    #socialMediaLinks           { position: absolute; top: auto;  bottom: 0.5em; right: 1.75em; height: 1em; margin: 0em 0em 0em 0em;  text-align: left; }
    #socialMediaLinks > img     { position: relative; left: 0em; bottom: 0em; }
    #socialMediaLinks a img     { position: relative; left: 0.3125em; bottom: 0.1875em; }

    #Homelinkpad   { height: 100%; width: 13em;  }

        #mainBody1 div  { display: inline-block; padding: 0em; margin: 0em; width: 49%;  }
        #mainBody1 > div img    { width: 93%; }
    html   { -ms-overflow-style: scrollbar !important; }
}


/* Small. Some phone in landscape mode and most tablets.
    - Side Menu is in normal mode.
    - */
@media only screen and (min-width:37.5em) /* 600px - 37.5em */
{
    #mainFrame          { min-width: 37.5em;  }
    #superHeader        { min-width: 37.5em; }
    #secondaryContent { float: right; width: 72%; }
    #simpleContent { float: right; width: 100%; }
    
    #headerBackground img { width: 100%; }
    #subMenu { float: left; width: 27%; font-size: 16px;}
    /* Some .ISATreeMenu code in tagSideMenu.css*/
    #subMenuToggle { display: none; }
    #subMenu img.raq               { margin-top: -1px; }

    #search .searchInputContainer input  { width: 144px; }
    ul.searchSkinObjectPreview  { width: 350px;  }
    #Homelinkpad   {width: 33%;  }
    
    #mainBody1 div  { display: inline-block; padding: 0em; margin: 0em; width: 32%;  }
    #mainBody1 > div + div  { margin-left: 0.02%; }
    #mainBody1 img  { padding: 0em 0em 0.9375em 0em;  }

    #mainBodyAbout  { width: 100%; }
    #mainQuickLinks { width: 50%; }
    #mainLatestNews { width: 50%; }

    html   { -ms-overflow-style: scrollbar !important; }
}

@media only screen and (min-width:50em) /* 800px - 50em */
{
    
        #mainBodyAbout  { width: 33.3%; }
        #mainQuickLinks { width: 33.3%; }
        #mainLatestNews { width: 33.3%; }
    html   { -ms-overflow-style: scrollbar !important; }
}


/* Standard desktop site size
    - Site Menu is in normal mode.
    -
    - */
@media only screen and (min-width:60em) /* 960px - 60em*/
{
    #mainFrame          { min-width: 60em;  }
    #superHeader        { min-width: 60em; }
    #siteMenu               { height: 2em; overflow: no-display; position: relative; line-height: inherit; }
    #siteMenu > div > ul              { display: block; margin:0em; margin-left: 5%; }
    #siteMenu > div > ul > li         { float: left; }
    #siteMenu > div > ul > li > ul    { position: absolute; top: 2em;  padding: 0.5em; border-radius: 0 0 0.5em 0.5em; }
    #siteMenuToggle             { display: none; }
    
    #mainBody1 > div img    { width: 18.75em; }
    #mainBody1 > div + div  { margin-left: 6px; }
    html   { -ms-overflow-style: scrollbar !important; }
}

@media only screen and (min-width:120em) /* 1920px - 120em */
{

}

/* ****************************** */
/* **** END Media Queries ******* */
/* ****************************** */