body {margin:0px; background-image:url(images/main_background.gif);  background-repeat:repeat-y; font-family:Arial, Helvetica, sans-serif}
.dropshadow {background-image:url(images/home_main_bg.gif); background-repeat:repeat-y;}
.dropshadow2 {background-image:url(images/main_dropshadow.gif); background-repeat:repeat-y;}
.dropshadow3 {background-image:url(images/main_dropshadow3.gif); background-repeat:repeat-y; padding:0px; vertical-align:top;}
.dropshadow4 {background-image:url(images/dropshad_left.gif); background-repeat:repeat-y; background-color:#ffffff; padding:0px;}

h2 {font-family:times new roman, times, serif; color:#705193; margin-top:20px; margin-bottom:15px; font-size:15px; font-weight:bold; font-style:italic;}
h2.search {font-family:times new roman, times, serif; color:#705193; margin-top:4px; margin-bottom:6px; font-size:15px; font-weight:bold; font-style:italic;}
h3 {color:#705193; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin-bottom:0px; margin-top:10px;}
p {color:#705193; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin-top:3px; margin-bottom:15px;}

ul {color:#705193; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; list-style-image:url(images/bullet.gif);}
ol {color:#705193; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; list-style-image:url(images/bullet.gif);}
img { display:block; border:none; }
li {margin-top:5px; margin-bottom:5px;}

#bookleftCol { width:150px; float:left; margin-right:20px; }
#bookrightCol { width:250px; float:left; }
#bookrightCol ul { float:left; clear:both; text-align:left; width:240px;margin-left:10px; padding-left:0; margin-bottom:15px; list-style-image:url(images/bullet.gif); }
#bookrightCol ul li { float:left; clear:both; text-align:left; width:240px; padding-left:0; margin-left:0; }
.infoContainer { background-color:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC;  border-top:1px solid #CCC; border-bottom:1px solid #ccc; padding:10px; margin-bottom:20px; float:left; width:400px; clear:both; }
	
#tabs { list-style-image:none; list-style:none; height:26px; float:left; width:400px; padding:0; margin:0; }
#tabs li { position:relative; top:-6px; margin-right:2px; float:left; cursor:pointer; border:1px solid #e5d9f6; border-bottom:0; background-color:#e5d9f6; height:27px; width:125px;  }
#tabs li.active {  position:relative; top:-6px; background-color:#fff; border:1px solid #ccc; border-bottom:0;  }
#tabs li h2 {  display:inline; clear:none; float:left; padding:0; margin:0; }
#tabs li h2 a { padding:5px 5px 0 5px; font-weight:normal; float:left;  text-decoration:none; height:22px; background-repeat:no-repeat; background-position-left:-6px; }
#tabs li h2 a:hover { text-decoration:underline;  }
#tabs li.active h2 { background-image:none; }
#tabs li.active h2 a { padding:5px 5px 0 5px; float:left;  text-decoration:none; font-weight:bold;  height:22px; background-repeat:no-repeat; background-position-left:-6px; }
#description2 { height:450px; overflow:auto; }
#about { height:450px; overflow:auto; }

.news1 {margin:0px 0px 7px 0px}
.news2 {margin:0px 0px 20px 0px}
.topics {font-size:10px; line-height:18px; margin-top:10px;}
.rc {font-size:12px; line-height:16px; margin-top:10px;}
.rc2 {font-size:12px; line-height:16px; margin-top:10px; padding-right:10px; margin-bottom:10px;}
.atglance {margin: 10px 5px 10px 0px;}

.demo2 { width:300px; float:left; padding:0; margin:0; list-style:none; list-style-image:none; }
.demo2 li { padding:10px; list-style-image:none; margin:0; text-align:center; width:130px; float:left; height:175px; }
.demo2 li p { display:block; clear:both; width:130px; float:left; background-color:#666666; }
#ytvideo,
#ytvideo2 {
    float: left;
    width:325px;
    margin-bottom:15px;
}
 
 
.yt_holder {

    float: left;
	margin-bottom:15px;
}
 
 
.currentvideo {
	background: #e6e6e6;
}
	


.text {color:#705193; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
.text-p {color:#990099; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
.bt {color:#9966CC; font-family:verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:16px; margin:5px 0px 14px 0px;}
.sm {color:#705193; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

.tier3 {margin: 5px 5px 0px 0px; line-height:18px; font-size:11px;}
.tier3 img { float:left; }
.maintext {padding: 25px 7px 50px 25px;}
.searchRows {padding: 12px 7px 12px 25px;}
.rightcol {padding:25px 0px 50px 7px;}

a {color:#705193; text-decoration:underline;}
a:visited {color:#705193; text-decoration:underline;}
a.bt {color:#9966CC; text-decoration:none;}
a.bt:visited {color:#9966CC; text-decoration:none;}
a.bt:hover {color:#9966CC; text-decoration:underline;}
a.bt:visited:hover {color:#9966CC; text-decoration:underline;}


.textinput { border:1px solid #E1B36E; color:#705193; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px;}


/*Gallery Styles*/
.hd_gal {background-color:#d0c2e4; padding:5px; font-family:times new roman, times, serif; font-size:15px; font-weight:bold; font-style:italic; color:#705193;}
.ct_gal {background-color:#FFFAF3; border:1px solid #d0c2e4; padding:23px;}
/*Dropdown Menu Styles*/

/*Container DIV that controls positioning of the drop-downs*/
		#MainHeaderDiv {width:171px; z-index: 20; visibility: visible;}
		
/*Drop-down DIVs - use top: and left: to adjust positioning.
Use width: to control total width of the drop-down. Also adjust table width to match. 
Do not change position: z-index: or visibility: */
/* Can add more. Style names must mention the JavaScript and the OnMouseOver in the corresponding links*/
		/*#Drop1 {position: absolute; width: 171px; top: 150px; left:171px; z-index: 100; visibility: hidden;}
		#Drop2 {position: absolute; width: 171px; top: 176px; left:171px; z-index: 100; visibility: hidden;}
		#Drop3 {position: absolute; width: 171px; top: 202px; left:171px; z-index: 100; visibility: hidden;}
		#Drop4 {position: absolute; width: 171px; top: 228px; left:171px; z-index: 100; visibility: hidden;}
		#Drop5 {position: absolute; width: 171px; top: 254px; left:171px; z-index: 100; visibility: hidden;}
		#Drop6 {position: absolute; width: 171px; top: 280px; left:171px; z-index: 100; visibility: hidden;}*/
		
/*Style for the table that contains the drop-down menus*/
		.dropdown {background-color:#ffffff; border: solid #9878B0 2px; border-bottom:1px solid #9878B0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


.searchButton {background-color:#FDEBD0; border:1px solid #9878B0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#705193; font-weight:bold;}
		
/*Styles that control the links in the drop-downs border: padding: and text-align:*/	
		.brdr {border-bottom: solid #B5A6CA 1px; padding:5px 6px 5px 6px; text-align:left;}
		.brdr2 {border-bottom: 0px; padding:2px 6px 4px 6px; text-align:left;}
		
		a.navText {color:#7D4FA4; text-decoration:none;}
		a.navText:hover {color:#cc33cc; text-decoration:none;}
		a.navText:visited {color:#7D4FA4; text-decoration:none;}
		a.navText:visited:hover {color:#cc33cc; text-decoration:none;}
		
		
		/*@@@@@@@@@@@@@@@@@@@ DYNAMIC SITE MAP @@@@@@@@@@@@@@@@@@@@@*/
#TC_exOl {font-size:12px; line-height:18px;  margin-top:0px;}
.mc
{font-size:12px; float:left; cursor:pointer; color:#3366CC;}


.mcSub
{font-size:11px; margin-top:5px; line-height:18px; font-weight:bold; margin-left:25px; margin-bottom:10px; cursor:pointer;}

.noSub {line-height:18px; font-size:10px; font-weight:normal; margin-left:30px; cursor:pointer;}

.sub
{float:left; cursor:pointer; font-weight:normal;}

.subSub
{line-height:18px; font-size:10px; font-weight:normal; margin-left:30px; margin-bottom:10px; cursor:pointer;}



.pika-wrap {width: 150px; margin: 0 auto;}

.pika-image {position: relative;  background: #FFFFFF; border: 1px solid #e5e5e5; padding: 10px; margin-bottom:5px;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}

.pika-image .caption {display:none;}
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../../assets/images/prev.png) no-repeat left 50%; height: 340px; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(../../assets/images/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(../../assets/images/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(../../assets/images/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {display:none;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
		.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width: 40px; padding: 1px; margin: 0 2px 2px 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
    .pika-thumbs li.enlarge {float: none; list-style-type: none; width: 150px; padding: 0px; margin: 0; background: #FFFFFF; border: 0px; cursor: none;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;width: 40px; height: 40px; text-align: center; vertical-align: center; overflow: hidden;}

.clip span{background-color:black;position:absolute;top:5px;left:5px;display:block;}
ul#pikame{width:150px; list-style-image:none;}
ul#pikame li { list-style-image:none; }
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 30px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 90px; height: 350px; padding: 20px 20px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 460px;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  90px; height: 350px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-pika .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-pika .jcarousel-item-placeholder {background: #fff; color: #000;}