<style type="text/css">

html {
    overflow-y: scroll;
	overflow-x: scroll;
}
   
.linklike {
	text-decoration: none;
	font-family: Helvetica;
	font-size: 11px;
	color: #C8C8C8;
}	
	
a:link {
	text-decoration: none;
	color: #7c7c7c;
}
a:visited {
	text-decoration: none;
	color: #7c7c7c;
}
a:mouseout {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #7c7c7c;
}


#menu-trigger { /* Hide it initially */
	display: none;
}

@media screen and (max-width: 600px) {

	#menu-wrap {
		position: relative;
	}

	#menu-wrap * {
		box-sizing: border-box;
	}

	#menu-trigger {
		display: block; /* Show it now */
		height: 40px;
		line-height: 40px;
		cursor: pointer;		
		padding: 0 0 0 35px;
		border: 1px solid #222;
		color: #fafafa;
		font-weight: bold;
		background-color: #111;
                /* Multiple backgrounds here, the first is base64 encoded */
		background: url(data:image/png;base64,iVBOR...) no-repeat 10px center, linear-gradient(#444, #111);
		border-radius: 6px;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}

}

#menu, #menu ul {
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu {
	width: auto;
	border: 1px solid #222;
	background-color: #111;
	background-image: url(../images/rightbar.jpeg);
	border-radius: 2px;
	box-shadow: 0 1px 1px #555;
}

#menu:after {
	content: "";
	display: block;
}

#menu:after {
	clear: both;
}

#menu {
	zoom:0;
}

#menu li {
	width:auto;
	float: left;
	border-right: 1px solid #222;
	box-shadow: 1px 0 0 #444;
	position: relative;
	color: #D3D3D3;;
	height:30px;
	text-align:center;
}

#menu a {
	float: left;
	border-bottom-width:thin;
	padding: 9px 35px;
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	font: 11px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu li a:hover { /* IE6 only */
	color: #fafafa;
}

#menu ul {
	margin: 10; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 30px;
	z-index: 1;    
	background: #444;	
	background: linear-gradient(#444, #111);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
	border-radius: 3px;
	color: #D3D3D3;; 
	vertical-align:middle;
	text-align:center;

}

#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	color: #FFFFFF;
}

#menu ul ul {
	top: 0;
	left: 150px;
	/*margin: 0 0 0 20px;*/
	margin: 0; /*IE6 only*/
	box-shadow: -1px 0 0 rgba(255,255,255,.3);
	color: #D3D3D3;		
}

#menu ul li {
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	color: #D3D3D3;
}

#menu ul li:last-child {   
	box-shadow: none;    
}

/*ok*/
#menu ul a {    
	padding: 0px;
	width: 140px;
	height: 11px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color: #D3D3D3;	
	padding: 10px 0px;
}

#menu ul a:hover {
	color: #F1D411;
	background-image: url(../images/newbck.jpeg);
}

#menu ul li:first-child > a {
	border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 50px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #F1D411;
}

#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid #FFFFFF;
	border-top: 6px solid #FFFFFF;;
	border-right: 6px solid #FFFFFF;
}

#menu ul li:first-child a:hover:after {
	border-bottom-color: #FFFFFF; 
}

#menu ul ul li:first-child a:hover:after {
	border-bottom-color: #FFFFFF;	
}

#menu ul li:last-child > a {
	border-radius: 0 0 3px 3px;
}

@media screen and (min-width: 600px) {
	#menu {
		display: block !important;
	}
}	

/* iPad */
.no-transition {
	transition: none;
	opacity: 1;
	visibility: visible;
	display: none;  		
}

#menu li:hover > .no-transition {
	display: block;
}


html{overflow-x: hidden;}

body {
	display:inline;
	overflow:hidden;
  	background-image: url(../images/bkrd_grey.png);
	background-color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	height: auto;
	padding-bottom:0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	
	overflow-y:auto
	overflow-x:auto
	
	margin: 0 auto;
	padding: 0;	
	zoom:0;
}

#flyout_menu {
	width: 100%;
	float:left;
	text-align:left;
	/*margin: 60px auto;*/
	border: 0px solid #999;
	border-radius: 0px;
	color: #999999;
	border-bottom-width:thin;
}
 
#flyout_menu ul, li {
list-style: none;
margin: 0;
padding: 0;
border-bottom-width:thin;	
}
 
#flyout_menu ul li.hover,
#flyout_menu ul li:hover { 
position: relative; 
z-index: 599;
}
 
#flyout_menu ul ul{
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
border-bottom-width:thin;
}
 
#flyout_menu ul ul { top: 0; left: 100%; }

#flyout_menu a {
display: block;
font-family: Helvetica;
font-size: 11px;
vertical-align:middle;
text-decoration: none; 
text-shadow: 0 1px 0 #000;
height:20px;
color: #D3D3D3;
border-bottom-width:thin;
}

#flyout_menu a { 
	float: none;
	border-bottom-width:thin;
	padding: 11px;
	width: auto;
	height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
}

#flyout_menu ul li {
	float: none;
	display: block;
	border: 0;
	line-height: 10px; /*IE6 only*/
	padding:0px;
	background-color:#333333;
	border-bottom-color:#7C7C7C;
}

#flyout_menu select {
-webkit-appearance: none;
-moz-appearance: window;
}

#flyout_menu ul a:hover {
	color: #F1D411;
}

#flyout_menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	border-left: 0px solid #CC9900;
	border-right: 1px solid transparent;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;	
}

#flyout_menu:after {
	clear: both;
}

#flyout_menu {
   -moz-transform: scale(1); /* Firefox */
   -moz-transform-origin: 0 0;
   -o-transform: scale(1); /* Opera */
   -o-transform-origin: 0 0;
   zoom:0 /*IE*/;
}

.style6 {
	color: #999999;
	font-size: 12px;
}
.style38 {	color: #B0B1B9;
	font-weight: bold;
	font-size: 14px;
}
.style49 {	color: #333333;
	font-size: 10px;
}
.style50 {color: #CCCCCC; font-size: 12px; }

.style51 {
	font-size: 13px;
	font-weight: bold;
	color: #974B00;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.style52 {font-size: 12px}
.style57 {color: #974B00}

.styleleftmenu {
	color: #FFFFFF;
	text-transform: uppercase;
	font: bold 11px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
.headerstyle 	
{
color: #FFFFFF;
	font: bold 14px Helvetica;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333333;
}

.FRWDBCWRD 	
{
color: #333333;
	font: bold 11px Helvetica;
	text-transform: uppercase;
	text-decoration: none;
}

.FRWDBCWRDWHITE 	
{
color: #FFFFFF;
	font: bold 13px Helvetica;
	text-transform: uppercase;
	text-decoration: none;
}

.pmpstyle 	
{
	color: #333333;
	font: bold 11px Helvetica;
	text-transform: uppercase;
	text-decoration: none;
}

.dtlstyle 	
{
	color: #000000;
	font: bold 11px Helvetica;
	text-transform: uppercase;
	text-decoration: none;
}
.filler {
	background-image: url(../images/bkrd_grey.png);
}

.bars {
	background-color: #7C7C7C;
}

.tspecpara 	
{
	color: #333333;
	font: 12px Helvetica;
	line-height:15px;
	padding-bottom:10px;
}

pre {
 vertical-align:top;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.style62 {color: #FF0000}
.style65 {font-size: 13px; font-weight: bold; color: #FFFFFF; }
.style66 {font-size: 14px}

.style77 {font-size: 11px; font-weight: bold; color: #FF0000; }

.scroller 	
{
	color: #686868;
	font: 13px Helvetica;
	line-height:17px;
}

.error {
	color: #FF0000;
	font: 9px Helvetica;
	}
  
.myyellow 
{
	color: #F1D411;
}
  
textarea {
  min-width: 100%;
  max-width: 100%;
}

.PgBodeText 	
{
	color: #333333;
	font: 12px Helvetica;
}

.Pgtopheader 	
{
	color: #ffffff;
	font: italic 18px Helvetica;
	text-shadow: 1px 1px 1px #333333;	
}

.loginerror {
	color: #FF0000;
	font: 11px Helvetica;
	}

.button {
	background-image: url(../images/buttbckrnd.jpeg);
	color: #FFFFFF;
	cursor:pointer;
	font-size: 9px Helvetica;
	border: 1px solid #974B00;
	border-radius: 10px;
	/*border-radius: 100px;*/  
	width: 110px;
	height: 30px;
	text-align:center;
	padding-bottom:2px;
}  
  
.barbackground {
	background-image: url(../images/buttbckrnd.jpeg);
}
	
.buttomsection {
	text-decoration: none;
	font-family: Helvetica;
	font-size: 11px;
	color: #7C7C7C;
}	
     
.BUTTOMWHITE 	
{
color: #FFFFFF;
	font: bold 10px Helvetica;
	text-transform: uppercase;
	text-decoration: none;
}
.BUTTOMWHITE a:link, .BUTTOMWHITE a:visited, .BUTTOMWHITE a:hover {  color: #FFFFFF;  text-decoration: none; } 

.backgroundimg {
	background-image: url(../images/hsep.png);
}

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 1; -moz-transform: translateX(0) scale(.75, .75); }
	25% { opacity: 0; -moz-transform: translateX(0px) scale(.75, .75); }
	50% { opacity: 0; -moz-transform: translateX(0px) scale(.75, .75); }
	100% { opacity: 1; -moz-transform: translateX(0px) scale(.75, .75); }	
}

@-ms-keyframes rollIn {
	
	0% { filter: alpha(opacity=0); -ms-transform: translateX(-100%) rotate(-120deg); }
	100% { filter: alpha(opacity=100); -ms-transform: translateX(0px) rotate(0deg); }	

}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

.img1 {
    -webkit-animation: rollIn;
    -webkit-animation-iteration-count: 4;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0;
	-webkit-animation-play-state: running;	
	
    -moz-animation: rollIn;
    -moz-animation-iteration-count: 100;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-delay: 0;
	-moz-animation-play-state: running;
	
    -ms-animation: rollIn;
    -ms-animation-iteration-count: 4;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-delay: 0;
	-ms-animation-play-state: running;
		
    -o-animation: rollIn;
    -o-animation-iteration-count: 4;
	-o-animation-duration: 1s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-delay: 0;
	-o-animation-play-state: running;
}

.imgFADER
{
    -webkit-transition:opacity 1s ease-in-out;
    -moz-transition:opacity 1s ease-in-out;
    -o-transition:opacity 1s ease-in-out;
    transition:opacity 1s ease-in-out;
}

.picture_links {
    cursor: pointer;
}
.goldie 	
{
color: #974B00;
	font: 12px Helvetica;
	text-decoration: none;
	text-shadow: 0px 0px 0px #333333;
}

.BARCOLOR 	
{
	color: #FFFFFF;
	font: bold 11px Arial;
	text-transform: uppercase;

}

.home_picture_links {
    cursor: pointer;
   -webkit-transition: all 2s ease-out;
   -moz-transition: all 2s ease-out;
   -ms-transition: all 2s ease-out;
   -o-transition: all 2s ease-out;
   transition: all 2s ease-out;	
} 

.imageclass {
	 width=615px;
	 height=410px; 	
}

.ChildLine1 {
	color: #003399;
	font: bold 18px Arial;	
	text-align:left;		
}
.ChildLinesss {
	color: #999999;
	font: bold 16px Arial;
	text-align:left;	
}
.scrollerwithpointer 	
{
	cursor: pointer;
	color: #686868;
	font: 12px Helvetica;
	line-height:17px;
}

.PgtopCOLOR 	
{
	color: #235EE4;
	font: italic 18px Helvetica;
	text-shadow: 0px 1px 0px #333333;	
}


.hmpglinks 	
{
	color: #C10031;
	font: 13px Helvetica;
	line-height:17px;
}

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}

.jqzoom{

	text-decoration:none;
	float:left;
}
</style>