html {margin: 15;	padding 0: border: 0;}

body {background-color: #FFFFFF; color: #00000; font-family: arial;}

A:link {
	text-decoration: none;
}
A:visited {
	text-decoration: none;
}
A:active {
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
	 color: red;
}

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/



#slideshow {
	position: relative;
	height: 180px;
}
#slideshow IMG {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}
#slideshow IMG.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow IMG.last-active {
	z-index: 9;
}




h4 { font-family: arial-black; }

h5 { font-family: serif; } 

h6 { font-family: arial; } 




p.normal {
	font-style: normal;
}
p.italic {
	font-style: italic;
}

p.thick 
  {font-weight:bold;
}

p.thicker 
  {font-weight:900;
} 


p.oblique {
	font-style: oblique;
}
span.g1 {	color: #606060; 	font-size: 210%; text-shadow: 5px 5px 3px #BEBEBE;} 
span.g2 {	color: #177f75; 	font-size: 140%; text-shadow: 5px 5px 3px #BEBEBE;} 
span.g3 {	color: #078175; 	font-size: 105%; text-shadow: 4px 3px 3px #ECECEC;} 
span.g4 {	color: #670982; 	font-size: 110%; text-shadow: 5px 5px 3px #BEBEBE;} 
span.g5 {	color: #A0A0A0; 	font-size: 210%; text-shadow: 2px 3px 3px #C0C0C0;} 
span.g6 {	color: #A0A0A0; 	font-size: 110%; text-shadow: 1px 1px 1px #C0C0C0;}
span.g6u {	font-style: italic;color: #A0A0A0; 	font-size: 110%; } 
span.g7 {	color: #A0A0A0; 	font-size: 300%; text-shadow: 2px 3px 3px #C0C0C0;} 

span.x1 {	color: #177f75; 	font-size: 210%; text-shadow: 5px 5px 3px #BEBEBE;} 

span.x2 {	color: #585858; 	font-size: 130%;text-shadow: 5px 5px 3px #BEBEBE;}

span.x3 {	color: #6E6E6E; 	font-size: 100%;}

span.x4u	{font-style: italic; color: #228B22; font-size: 105%;}

span.x4	{color: #000000; font-size: 105%;}


span.x5 {	color: #6E6E6E; 	font-size: 100%;}

span.x6 {	color: #000000; 	font-size: 100%;  }



span.r1 {	color: #ec268f; 	font-size: 130%; font-weight:bold; text-shadow: 5px 5px 3px rgba(146, 158, 109, 1);}

span.r1u {	color: #ec268f; 	font-size: 130%; font-weight:bold;}

span.r2 {	color: #ec268f; 	font-size: 160%; font-weight:bold; text-shadow: 5px 5px 3px rgba(146, 158, 109, 1);}

span.r3 {	color: #ec268f; 	font-size: 160%; font-weight:bold; text-shadow: 5px 5px 3px rgba(146, 158, 109, 1);}

.itd1 {Background:url(Images/1.png) no-repeat bottom; vertical-aligh: Top;}


z{
   vertical-align: middle;
   text-align: center;
}                





.menu{
 border:none;
 border:0px;
 margin:0px;
 padding:0px;
 font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 font-size:15px;
 font-weight:bold;

 }
.menu ul{
 background:#EC268F;
 height:25px;
 list-style:none;
 margin:0;
 padding:0;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: inset 0px 5px 0px 0px rgba(255, 255, 255, .1);
 -moz-box-shadow: inset 0px 5px 0px 0px rgba(255, 255, 255, .1);
 box-shadow: inset 0px 5px 0px 0px rgba(255, 255, 255, .4);
 }
 .menu li{
 float:left;
 padding:0px 0px 0px 3px; 
 }
 /*main text*/
 .menu li a{
 color:#ffffff;
 display:block;
 font-weight:normal;
 line-height:33px;
 margin:0px;
 padding:0px 8px;
 text-align:center;
 text-decoration:none;
 }
 /*hover main text*/
 .menu li a:hover{
 background:#FF0000;
 color:#ffffff;
 text-decoration:none;
 -webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
 -moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
 box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
 }
/*   */
 .menu ul li:hover a{
 background:#EC268F;
 color:#000000;
 text-decoration:none;
 }
 .menu li ul{
 display:none;
 height:auto;
 padding:0px;
 margin:0px;
 border:0px;
 position:absolute;
 width:200px;
 z-index:200;
 }
 .menu li:hover ul{
 display:block; 
 }
 .menu li li {
 display:block;
 float:none;
 margin:0px;
 padding:0px;
 width:200px;
 background:#FFFFFF;  /*DROP MENU BACK*/
 /*this is where the rounded corners for the dropdown disappears*/
 }
 .menu li:hover li a{
 background:none;
 }
 .menu li ul a{
 display:block;
 height:30px; /*dropBOX height*/
 font-size:12px;
 font-style:normal;
 margin:0px;
 padding:0px 3px 0px 3px;
 text-align:left;
 }
 .menu li ul a:hover, .menu li ul li:hover a{
 border:0px;
 color:#FFFFFF; /*color higlighted tex droped down*/
 text-decoration:none;
 background:#ec268f; /*color higlighted dropeed box back*/    
 -webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
 -moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
 box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3); 
 }     






 .bar
{
    width: 100%;
    height: 50px;
    border: 1px black solid;
}
.img1
{
    width: 100px;
    height: 50px;
    border: 1px black solid;
}

.img2
{
    width: 200px;
    height: 50px;
    border: 1px black solid;

}


.textmiddle 
{
  vertical-align:middle;
  
}