@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: 15px; }
.txhead1 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight:bold; color:#FFFFFF; line-height: 20px; }
.txsmall { font-family: Verdana, Geneva, sans-serif; font-size: 9px; line-height: 12px; }
.textwhite {color: #FFFFFF; }
.textgrey {color: #808080; }

#content01 { clear: both; margin: 0 auto; width: 80%; padding: 10px; border: #888888 2px solid; border-radius: 10px; 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 */; }
	
#content02 { clear: both; margin: 0 auto; width: 85%; }

#content03 { clear: both; margin: 0 auto; width: 100%; border-bottom: #CC3300 1px solid; border-top: #CC3300 1px solid; background: rgb(0, 0, 0) transparent; /* default fallback */
	background: rgba(0, 0, 0, 0.7); /* 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 */; }

#footer { clear: both; margin: 0 auto; width: 80%; padding: 15px; background-color:#990000; border: #CC3300 2px solid; border-radius: 10px; }

#shadbox { clear: both; margin: 0 auto; width: 60%; }

.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 #CC3300; }

.Table2 { display: table; clear: both; margin: 0 auto; width: 96%; }
.Row { display: table-row; }
.Cell { display: table-cell; vertical-align:middle; }
.Cell2 { display: table-cell; vertical-align:middle; text-align:center; padding: 3px; }

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: #CC3300; text-decoration: none;}
a.lnk-2:active {color: #FFFFFF; text-decoration: none;}


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

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

#content01 { clear: both; margin: 0 auto; width: 60%; padding: 15px; border: #888888 2px solid; border-radius: 10px; 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 */; }
	
#content02 { clear: both; margin: 0 auto; width: 85%; }

#footer { clear: both; margin: 0 auto; width: 60%; padding: 15px; background-color:#990000; border: #CC3300 2px solid; border-radius: 10px; }

.txbody { font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19px; }
.txhead1 { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight:bold; color:#FFFFFF; line-height: 20px; }
.txsmall { font-family: Verdana, Geneva, sans-serif; font-size: 10px; line-height: 15px; }

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

.Table2 { display: table; clear: both; margin: 0 auto; }
.Row { display: table-row; }
.Cell { display: table-cell; vertical-align:middle; padding: 5px; width:auto; }

}

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

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


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

}