#myslides{


background:url(images/slide.png);

position:relative;

height:121px;

}



.stepcarousel{

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width: 964px; /*Width of Carousel Viewer itself*/

height: 120px; /*Height should enough to fit largest content's height*/

margin: 0px 10px 0px 16px;


}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 10px  9px ; /*margin around each panel*/

width:180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

background:#7F7F7F;

height:100px;

border:1px solid #777;

}

.stepcarousel .panel p{

text-align: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 5px 5px ; /*margin around each panel*/


}



.stepcarousel .panel h2{

height:16px;

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px 5px ; /*margin around each panel*/

font-size:13px;

font-weight:normal;

text-align:center;

font-family:Tahoma,century gothic,Arial,verdana, sans-serif;

text-transform:uppercase;

}

.stepcarousel .panel h2 a:visited ,.stepcarousel .panel h2 a:link{

	color:#8B979F;

}

.stepcarousel .panel img{

background:#7F7F7F; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px 0px 0px 0px; /*margin around each panel*/

padding:0px 0px;


}





.leftone{

	width:15px;

	height:20px;

	position:absolute;

	left:6px;

	top:55px;

	z-index:50;

	}

.rightone{

	width:15px;

	height:20px;

	position:absolute;

	right:12px;

	top:55px;

	z-index:50;

	
}

	

#glidercontent{

	margin:0px 0 0px 0px;

	height:230px;

	background:url(images/gcontent.png) ;

	width: 1000px;

}



.glidecontentwrapper{

	position: relative; 

	width: 1000px;

	height:250px;

	overflow: hidden;

	margin:0px 0px 0px 0px;

	padding:0px 0px;


	}



.glidecontent{ 

	position:absolute; 

	padding:0px 20px 0px 20px;

	width:960px;

	color:#555;

	margin:0px 0px;

	height:100%;

	overflow:hidden;

	float:left;

	background:url(images/gcontent.png) ;



}







.glidecontent img{

	margin:40px 5px 5px 10px;

	padding:7px 7px;

	background:#fff;

}





.gnav{ /*style for DIV used to contain toggler links. */

	width: 100px;

	height:50px;

	z-index:150;

	float:right;

	padding-right:25px;

}



.glidecontenttoggler{ /*style for DIV used to contain toggler links. */

	position:relative;

	height:34px;

	z-index:150;

	width: 1000px;

	background:#333 url(images/toggle.png) no-repeat;



}

.glidecontenttoggler a{ /*style for every navigational link within toggler */

	display: -moz-inline-box;

	display: inline-block;

	color: #2e6ab1;

	font-weight: bold;

	text-decoration: none;

}



.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */

	background: #E4EFFA;

	color: black;

}



.glidecontenttoggler a:hover{

	background: #E4EFFA;

	color: black;

}



.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */

}



.glidecontenttoggler a.prev{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */

	top:4px;

	left:15px;

	position:absolute;

	display:block;

	background:url(images/left.jpg) left no-repeat;

	width:25px;

	height:25px;

}

.glidecontenttoggler a.next {

	float:right;

	display:block;

	background:url(images/right.jpg) right no-repeat;

	width:25px;

	height:25px;

	position:absolute;

	top:4px;

	right:20px;;

}



.inpost{



	float:left;

	padding:15px 5px;

	width:642px;

	z-index:100;

	height:200px;

}

	

.inpost h2{

	margin:0px 0px 0px 0px;

	padding:5px 5px;

	font-size:20px;

	line-height:20px;

	font-weight:bold;

	overflow:hidden;

	font-family: Century gothic,Arial,Tahoma,sans-serif;

	color:#4e4604;

}

.inpost h2 a:link, .inpost h2 a:visited{

	color:#4e4604;

}



.inpost p{

	margin:0px 0px 0px 0px;

	padding:2px 5px;

	font-size:12px;

	line-height:18px;

	overflow:hidden;

	font-family: tahoma,Century gothic,Arial,Tahoma,sans-serif;

	color:#4e3214;

}	



#bottom{

	width:660px;

	padding:5px 0px ;



}	



img .mephoto{



margin:0px auto;





}

/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {

	display:none;



}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {



	overflow:hidden;

	margin-top:5px;

	padding:0px 0px 0px 0px;

	background:#FFFFFF;





}

.tabberlive {

	margin-top:0px;

	margin-left:10px;

	margin-right:0px;

	width:320px;

	float:left;

		

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav

{

	padding:5px 0 0 0;

	font: 14px century gothic,Verdana, sans-serif;

	background:#d34847;

	height:24px;

	border:1px solid #fff;

	margin:0px 0;

}

ul.tabbernav li

{

	list-style: none;

	margin:0px 0;

	display: inline;

	color:#5AB7D8;



}



ul.tabbernav li a

{

	padding: 5px 10px;

	margin-left: 5px;

	text-decoration: none;

	font-weight:bold;

}



ul.tabbernav li a:link { color:#333; }

ul.tabbernav li a:visited { color:#333; }



ul.tabbernav li a:hover

{

	color: #fff;



}



ul.tabbernav li.tabberactive a

{

	color: #fff;

	width:90px;

}



ul.tabbernav li.tabberactive a:hover

{

	color: #fff;



 

}



/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

	padding:5px 5px;

	background:#fff;

	font: 13px Tahoma, century gothic,Verdana, sans-serif;

	color:#aa9f9b;

	overflow:hidden;

	border:1px solid #ccc;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}





.tabberlive .tabbertab p{

	margin:0px 4px 5px 4px;

	color:#555;

}

.tabberlive .tabbertab a{

	color:#555;



}



.tabberlive .tabbertab a:hover{

	color:#6AC9E9;



}

.tabberlive .tabbertab li {

	list-style:none !important;

	list-style:outside;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;	

	}



.tabberlive .tabbertab ul {

	list-style:none;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;	

	}



.tabberlive .tabbertab ul li {

	list-style:none;

	color:#aa9f9b;

	display:block;

	margin:2px 0px 2px 0px;

	width:auto;

	border-bottom:1px dotted #999;	

	}



.tabberlive .tabbertab ul li a {

	color:#555;

	padding:5px 0px 5px 5px;

	display:block;

	}



.tabberlive .tabbertab ul li a:hover {

	color:#C50000;

	display:block;



	

}

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

	display:none;

}

.tabberlive .tabbertab h3 {

	display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

	height:200px;

	overflow:auto;

}



.videopost{


	width:320px;

	padding:0px 0px;

	float:left;

	background:#fff;

	font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;

	color:#555;

	line-height:20px;

	margin-left:5px;

	float:left;



}

.videopost h2{

	padding:5px 0 0 10px;

	font: 14px century gothic,Verdana, sans-serif;

	background:#d34847;

	height:24px;

	border:1px solid #fff;

	margin:0px 0;

	font-weight:bold;

	color:#fff;



}


.widebanner {

	float:right;

	margin:5px 5px 0px 0px;

	padding:5px 5px 5px 5px;

text-align:center;

	background:#fff;

	display:inline;

	width:620px;

}



.squarebanner {

	float:right;

	width:302px;

	margin:5px 5px 0px 0px;

	padding:5px 5px 5px 5px;

	border:1px solid #784115;

	background:#79532A ;

	display:inline;

}