/* ---- 2010 version of styles  ---- */

body {
       color : #000080; 
     /* background: #ffffff url('http://www.bruingold.com/bruingold_background-copy.jpg') fixed no-repeat; */
     /* background : url(stripe.gif) repeat-x 0 0; */
     /* background-position:top center;   */
       text-align : center;
      background-color : #f0f0f0; 
         margin : 0 0 0 0; 
      font-family : Verdana, Arial,Helvetica, sans-serif;
        font-size : 13px; }

#wrap { 
  width : 960px;
  background-color : #f0f0f5;
    position : relative;
       margin : 0 auto; }
 /*  overflow : hidden;  
   background : no-repeat top center;*/

  table.table_width, div.table_width { width: 960px; }
  .content_width { width:714px; }
  .sidebar { width:234px; } 

.twitter-timeline { width: 800px; }

.button {
  border-radius : 15px;
      /* border : 1.5px solid #5284F5; */
    font-weight : 700;
          color : #f2a900;
     background : #2D68C4;
        margin : auto 0px;
        padding : 5px 10px; 
   /* width: 200px; */
   /* height: 150px; */
}

.borders2 {
    border-radius: 5px;
    border: 1px solid #5284F5;
    /* background:#d5d777; */
    padding: 2px 3px;
    margin: 4px 0px;
}

.borders_body {
    border-radius: 10px;
    border: 1px solid #2D68C4;
    /* background:#d5d777; */
    padding: 2px 3px;
    margin: 4px 25px;
}


th, center { text-align : center; }

p, div, dd, dt, td { 
  font-size : 1em;
  text-align : left; }

 a, a:visited, 
 a:active { /* color : #0000cc; */
     color : inherit; 
     text-decoration : none; }
 a:hover { text-decoration : underline; }

SMALL { font-size : .85em; 
      font-family : Arial, Helvetica, Sans-serif; }

UL {  margin : 0 5px 0 20px; 
 line-height : 105%;
    position : relative;
     display : block;
     padding : 1px 1px 1px 1px; 
 /*     border : 2px solid #d5d777;  */
}

OL    { padding : 0em;
 /* text-indent : 0em */ }

LI { margin-left : 17px; } 
pre { font-size : 8pt; line-height : 100%}

H1 {    width : 97%; 
 letter-spacing : .15em;
 text-transform : uppercase;
     text-align : left;
    font-family : Oswald,Anton,Georgia, serif;
      font-size : 1.82em;
    font-weight : 600;
  border-bottom : 2px solid #f2a900;
        padding : 3px 0px 1px 10px;
         margin : 1px 10px 0px 0; }

H2 {      width : 99%;
 letter-spacing : .25em;
    line-height : 1.1em;
 text-transform : uppercase;
    font-family : Oswald,Anton,Georgia, serif,Anton;
      font-size : 1.73em; 
    font-weight : 600;
  border-bottom : 2px solid #f2a900;
        padding : 5px 0px 1px 5px;
     text-align : left;
         margin : 1px 10px 0px 0px; }

H4     {  color : blue;
 letter-spacing : .3em;
    font-family : Verdana, Helvetica, Georgia;
      font-size : 1.18em;
    font-weight : bold;
     border-top : 3px double #2D68C4;
  border-bottom : 3px double #2D68C4;
          width : 95%;
     text-align : left;
        padding : 5px 0px 1px 10px;
         margin : 10px 0px 5px 5px; }

.menusub { color : #f2a900;
 /*   background : #007dc3; */
      background : #2D68C4;
     font-family : verdana, Arial, Helvetica;
       font-size : 0.95em;
 text-decoration : none;
     font-weight : 700; }

b.menusub { color : #d5d777;
      background : #2D68C4;
 text-decoration : none;
     font-weight : bold; }

.menusub a,
.menusub:hover a,
.menusub:visited a,
.menusub:active a { color : #f2a900; }

a.menu:hover { color: white; }

.nav:visited, .nav { color: #000099; 
font-family: verdana, arial, Helvetica; 
font-size: .82em; 
font-weight: bold;}

table.main_menu {
   border-collapse:collapse; 
   border: 1px solid #00349A;
}

.main_menu td,
.main_menu th { border-left: 1px solid #00349A; border-right: 1px solid #00349A;}

.main_menu .menuhead 
      { padding : 5px 0 5px 0; 
          color : #f2a900;
     background : #2D68C4;
    white-space : nowrap;
          width : 20%;
     text-align : center;
         border : 1px solid #00349A;
      font-size : .91em;
    font-weight : bold;
 text-decoration : none; }

.main_menu .menuhead a:hover { color: #f2a900;}

.main_menu td.menusub { padding: 2px 0 2px 5px;
  background: #efe5aa; color: #000080;
  font-size: .91em; 
  text-align:left; border: 1px solid #00349A;}

.main_menu .menusub a:visited,
.main_menu .menusub a { color: #00349A; }

.main_menu .menusub a:hover { color: #007dc3; }

.wid { width:750px; }

.subhead { color: #000080;
          width : 260px;
 letter-spacing : .3em;
     text-align : left;
 text-transform : uppercase;
    font-family : Georgia, serif;
      font-size : .81em;
    font-weight : bold;
     border-top : 3px double #5284F5;
  border-bottom : 3px double #5284F5;
        padding : 11px 0 1px 10px;
         margin : 20px 0 10px 0; }

.right {  color : #000099; 
 text-decoration : none;
       font-size : .93em;
     font-family : 'Roboto',arial;     
     line-height : 102%; }

.num { text-align: right;}

table.menu,
table.ads { 
   /* width : 190px; */
  border-collapse : collapse; 
           margin : 1px 2px 5px 0px; 
           border : 1px solid #2D68c4;
}

.menu {    color : #ffffbb; 
     font-family : Verdana, Arial,Helvetica, sans-serif;
     font-weight : 600;
     line-height : 110%;
 text-decoration : none; }

th.menu,
.menu th { color : #f2a900;
     background : #2D68c4;
     text-align : left;
  /*  background : #007dc3; */
}

.menu td { color : #000080;
      background : #efe5aa;
      text-align : left;
}

a.menu { color : #0000cc;
         display : block;
      background : #efe5aa;
}

a.menu:hover { color : blue;
         display : block;
}

.ads th { color : #f2a900;
     background : #2D68c4;
     text-align : center;
}
     
.ads td { color : #000099;
     background : #ffffff;
     text-align : center;
        padding : 10px 1px 10px 1px;
}

.navsub:visited,
.navsub {  color : #000099;
       font-size : .81em;
 text-decoration : none;
     font-weight : bold; }

.navsub:hover,
.nav:hover { color : blue;
   text-decoration : underline; }

.bordertitle { color : yellow;
         font-family : Arial, Helvetica, Sans-serif;
           font-size : 1.36em;
         line-height : 101%;
          font-weight : bold;
          text-align : left; }

/* ---------------------------*/
/* End 2010 version of styles */
/* ---------------------------*/

.h3 { font-family : Verdana, Helvetica;
        font-size : 1.09em;
      font-weight : bold;
  text-decoration : none; 
            color : #5284F5;
    border-bottom : 2px solid #d5d777; }

a.h3:hover { text-decoration : none; 
            color : #5284F5;
    border-bottom : 3px solid #d5d777; }

a.h4 { font-family : Verdana, Helvetica;
        font-size : 1em;
      font-weight : bold;
  text-decoration : none; 
            color : #0000cc;
    border-bottom : 1.5px solid #d5d777; }

.h4:hover { color : #5284F5;
    border-bottom : 2px solid #d5d777;
  text-decoration : none; 
 }

/* ------------------*/
/* FOR NEW MENU 2012 */
/* ------------------*/

.dmx{ font-family : verdana, Arial, Helvetica;
      /* font-size : .9em; */
           color : #000099; 
     font-weight : bold;
 text-decoration : none; }

.dmx .item1, .dmx .item1-active {
        padding : 11px 0px 10px 0px; 
       font-size : .95em;
          margin : 0 0 0 0; 
      background : #efe5aa;
         display : block;
     white-space : nowrap;
        position : relative;
      text-align : center; }

.dmx .item1:hover,
.dmx .item1-active:hover { color : #00349A; 
background : #f9efb2;
 }

.dmx .blue,
.dmx .blue:visited,
.dmx .blue-active { 
  background : #2D68C4;
       color : #f2a900;
     display : block;
 white-space : nowrap;
    position : relative; }

.dmx .blue:hover,
.dmx .blue-active:hover {  background : #8AA0F9; }

.dmx .item2,
.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover {
         padding : 3px 0px 4px 7px;
           width : 151px; 
       font-size : .9em;
           color : #000099;
         display : block;
     white-space : nowrap;
        position : relative;
         z-index : 1500; }

.dmx .item2 { background: #f9efb2; }

.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover { 
 background : #f9efb2; 

 }

.dmx .arrow,
.dmx .arrow:hover { padding : 0px 0px 4px 7px; }

.dmx .item2 img,
.dmx .item2-active img { position : absolute; top : 4px; right : 1px; border : 0; }

.dmx .section {
        width : 16.7%;
      border : 1px solid #b8b4ae;
  background : #d5d777;
    position : absolute;
  visibility : hidden;
     z-index : -1; }

 .dmx .mh_logo { background : #00349A; width:16.7%; border-right: 1px solid #ffffff; }

#mh_blue { width:16.7%; background : #2D68C4; border-right: 1px solid #000099; }
#tdmain { height:31px; } 
.dmx .mh_gold { width:16.7%;
               color : #000080;
background : #ffffd6; border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0; }

.mh_gold a { color : #000080;}

.dmx .mh_gold:hover { color : #0000ff;
                 background : #ffffd6; }
.dmx .mh_end {  border-right: none; }
.dmx .menusub { color : #f2a900;
      background : #2D68C4;
}
 
html .dmx td { position: relative; } /* ie 5.0 fix */

.hiddenbox {
    position: relative;
    display: inline-block;
}

.box .hiddenbox {
    visibility: hidden;
    background-color: #f0f0f0;
    color: #2D68C4;
    position: absolute;
    text-align: left;
    padding: 4px 8px 4px 8px;
    border-radius: 12px;
    z-index: 1;
}

.box:hover .hiddenbox {
    visibility: visible;
}




/* -----------------------------------------------*/
/* Begin Tablet rules here (POTRAIT Ipad = 768 px)   */
@media screen and (max-width: 800px) { 

  body { font-size: 12px; }
   #wrap {
      width : 760px;   
      /* background-color : green; */
   }
   table.table_width, div.table_width { width: 760px; }
  .content_width { width:530px; }
  .sidebar { width:190px; }

   #footer { width : 760px;
  background-color : #ff0000;
        background : url(footer-grad.png) repeat-x 0 0; 
	     clear : both;
         font-size : 0.8em;
             color : #444444; }

  img.bgimg { max-width: 125px; 
                 height:auto;
                padding: 0px 1px 0px 1px;
  }

  .bgwid { width: 165px; }

  .dcheadingtop,
  a.dcheadingtop {  letter-spacing : .15em;
                font-size : .9em;
                 color :  yellow; 
	padding: 2px 2px 2px 5px;
  }

  .dmx .item2,
  .dmx .item2:hover,
  .dmx .item2-active,
  .dmx .item2-active:hover
 { width : 115px; }

}
/* END Tablet rules here (PORTRAIT) */

/* -----------------------------------------------*/
/* BEGIN TABLET LANDSCAPE OR ANY SCREEN GREATER THAN 769 pixels  */
@media screen and (min-width: 801px) and (max-width: 960px){

  body { font-size: 13px; }
  #wrap { width : 800px; 
}

  table.table_width, div.table_width { width: 800px; }
  .content_width { width: 590px; }
  .sidebar { width:190px; } 

  #footer {
   background-color : #ff0000;
     background : url(footer-grad.png) repeat-x 0 0;
	    clear : both;
            width : 800px;
        font-size : .8em;
            color : #444444; }

  img.bgimg { height:auto;
           padding: 0px 5px 0px 2px;
  }

  .dcheadingtop,
  a.dcheadingtop {  letter-spacing : .19em;
                   font-size : 1em;
                    color :  #d5d777; 
                   padding: 2px 2px 2px 5px;
  }

  .dmx .item2,
  .dmx .item2:hover,
  .dmx .item2-active,
  .dmx .item2-active:hover
 { width : 133px; }
}
/* END TABLET LANDSCAPE OR ANY SCREEN GREATER THAN 769 pixels  */


/* BEGIN SCREEN GREATER THAN 1280 Pixels (Huge) */
@media screen and (min-width: 1280px) { 
/* @media only screen and (min-device-width: 1280px){ */
/* only screen and (min-width: 1280px) { */

  body { font-size:14px; }

  #wrap { width:1200px;  
}


  table.table_width, div.table_width,
  #footer   { width: 1200px; }
  .content_width { width:894px; }
  .sidebar { width:294px; } 
  
  .dmx .item2,
  .dmx .item2:hover,
  .dmx .item2-active,
  .dmx .item2-active:hover  { 
	width : 191px;
 }

}
/* END SCREEN GREATER THAN 1280 Pixels (Huge) */

/* BEGIN SCREEN GREATER THAN 1920 Pixels (Huge) */
@media screen and (min-width: 1920px) { 
  body { font-size: 14px; }
}

/* DPI TEST */
/*
@media screen and (max-resolution: 95dpi) { 
  body { font-size: 14px; }
}
*/
/* END DPI TEST */