@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;

*/

/* Mobile Layout: 480px and below. */

.gridContainer { width: 100%; clear:both; margin: auto; padding: 0px; background-color:#FFFFFF; }

.txbody { font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 18px; }
.txframe { font-family: Verdana, Geneva, sans-serif; font-size: 10px; line-height: 20px; }
.txsmall { font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 15px; }
.txhead1 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color:#213d86; }
.txhead2 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-style:italic; font-weight:bold; letter-spacing:1px; line-height: 20px; }
.txhead3 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color:#FFFFFF; }
.tximg { font-family: Verdana, Geneva, sans-serif; font-size: 16px; line-height: 20px; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black; }
.textwhite {color: #FFFFFF; }
.textblue2 {color: #1bc4ff; }
.textgrey {color: #454545; }

#content01 { clear: both; margin: 0 auto; width: 100%; background: rgb(255, 255, 255) transparent; /* default fallback */
	background: rgba(255, 255, 255, 0.65); /* nice browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */; }

#body1 { clear: both; margin: 0 auto; width: 85%; padding: 15px; }
#body00 { clear: both; margin: 0 auto; width: 65%; padding: 10px; }
#bodyhead { clear: both; margin: 0 auto; width: 100%; background-color:#CCCCCC; background-image:url(../images/backtext1.png);   background-attachment: fixed; }
#goldline { clear: both; margin: 0 auto; width: 100%; background-image:url(../images/goldline.png); height: 2px; }
#rainbow { clear: both; margin: 0 auto; width: 100%; background-image:url(../images/rainbow01.png); height: 3px; }
#bodygrid { clear: both; margin: 0 auto; width: 100%; background-image:url(../images/bkgrid1.png); background-attachment: fixed; }

#body02 { clear: both; margin: 0 auto; width: 80%; padding: 5px; border-radius: 25px; border: #213d86 1px solid; background: rgb(212, 212, 212) transparent; /* default fallback */
	background: rgba(212, 212, 212, 0.50); /* nice browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */; }

#body03 { clear: both; margin: 0 auto; width: 75%; border-top: #FFFFFF 1px solid; background: rgb(212, 212, 212) transparent; /* default fallback */
	background: rgba(212, 212, 212, 0.60); /* nice browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */; }

#body04 { clear: both; margin: 0 auto; width: 95%; padding: 20px; border-radius: 10px; border: #FFFFFF 1px solid; background: rgb(0, 0, 0) transparent; /* default fallback */
	background: rgba(0, 0, 0, 0.15); /* nice browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */; }

#body04b { clear: both; margin: 0 auto; width: 75%; padding: 15px; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; border: #FFFFFF 1px solid; background: rgb(33, 61, 134) transparent; /* default fallback */
	background: rgba(33, 61, 134, 0.75); /* nice browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */; }

#pageshad1 { clear: both; margin: 0 auto; width: 100%; background-image:url(../images/pageshad1.png); }

#footer { clear: both; margin: 0 auto; width: 100%; padding-top: 1px; background: rgb(33, 61, 134) transparent; /* default fallback */
	background: rgba(33, 61, 134, 0.80); /* nice browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */; }

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#menuframe { z-index: 100; padding: 3px; margin-left:30px; margin-top:30px; margin-bottom:30px; background-color:#FFFFFF;  border-radius:5px; box-shadow: 0 0 5px #666666; }
#menuframe2 { z-index: 130; padding: 3px; margin-left:30px; margin-top:10px; margin-bottom:10px; }
#menuframe3 { z-index: 230; padding: 2px; border:1px solid; border-color:#a7a7a7; }
#menuframe4 { z-index: 230; padding: 2px; }

.box{ position: relative; display: inline-block; /* Make the width of box same as image */  }
.box .text{ position: absolute; z-index: 1999; margin: 0 auto; left: 0; right: 0; bottom: 15%; /* Adjust this value to move the positioned div up and down */ text-align: justify; width: 90%; /* Set the width of the positioned div */  }

hr.new1 { border-top: 1px dotted #FFFFFF; }
hr.new2 { border-top: 1px solid white; }
hr.new3 { border-top: 1px dotted #F79233; }
hr.new4 { border-top: 1px dotted #666666; }

.Table { display: table; clear: both; margin: 0 auto; }
.Table2 { display: table; clear: both; margin: 0 auto; padding-left:30px; padding-right:30px; }
.Table3 { display: table; clear: both; margin: 0 auto; width:100%; }
.Row { display: table-row; }
.Cell { display: table-cell; vertical-align:middle; padding: 7px; }
.Cell2 { display: table-cell; vertical-align:middle; padding:1px; }
.Cell3 { display: table-cell; vertical-align:top; padding:5px; }
.Cell4 { display: table-cell; vertical-align:middle; padding:0px; }
.Cell5 { display: table-cell; vertical-align:top; padding: 7px; }

a.lnk-1:link {color: #324A97; text-decoration: none;} 
a.lnk-1:visited {color: #324A97; text-decoration: none;}
a.lnk-1:hover {color: #000000; text-decoration: none;}
a.lnk-1:active {color: #324A97; text-decoration: none;}

a.lnk-2:link {color: #FFFFFF; text-decoration: none;} 
a.lnk-2:visited {color: #FFFFFF; text-decoration: none;}
a.lnk-2:hover {color: #0099D5; text-decoration: none;}
a.lnk-2:active {color: #FFFFFF; text-decoration: none;}


/* Tablet Layout: 481px to 600px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 600px) {
.gridContainer { width: 100%; clear:both; margin: auto; padding: 0px; max-width: 15000px; background-color:#FFFFFF; border-bottom: #cc9933 1px solid; }

.txbody { font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 20px; }
.txhead1 { font-family: Verdana, Geneva, sans-serif; font-size: 18px; color:#213d86; }
.txhead2 { font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-style:italic; font-weight:bold; letter-spacing:1px; line-height: 27px; }
.txhead3 { font-family: Verdana, Geneva, sans-serif; font-size: 18px; color:#FFFFFF; }
.tximg2 { font-family: Verdana, Geneva, sans-serif; font-size: 20px; line-height: 33px; }
.txsmall { font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 15px; }
#newspaper { clear:both; width: 90%; margin: 0 auto; 
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;

-moz-column-gap:25px; /* Firefox */
-webkit-column-gap:25px; /* Safari and Chrome */
column-gap:25px;

-moz-column-rule:0px outset #cc9933; /* Firefox */
-webkit-column-rule:0px outset #cc9933; /* Safari and Chrome */
column-rule:0px outset #cc9933;
}



}

/* Desktop Layout: 601px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 601px) {


#body1 { clear: both; margin: 0 auto; width: 85%; padding: 15px; }

}