/* CSS Document */
* { margin: 0px; padding: 0px; }

body { 
         /*background: #343255 url("images/bg_try.png") no-repeat;   */
	font: 12px Arial, Helvetica, sans-serif, "Trebuchet MS"; 
	text-align: center; 
	color: #333; 
	background-image: url("images/bg_try.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #343255;
}

#beta { position: absolute; top: 0px; left: 0px; background: url("images/beta.gif") no-repeat; width: 111px; height: 111px; display: none; }

#wrapper { width: 1000px; box-sizing: border-box; padding: 0px 25px 25px 25px; text-align: center; margin: 0px auto; background-color: #fff; display: table; }

#header { /* width: 100%; */ position: relative; margin-top: 0px; height: 108px; text-align: left; box-sizing: border-box;  }
	#header a { border: 0px; }
	#header a img { margin-left: 0px; margin-top: 31px; border: 0px; }
	#slogan { position: absolute; bottom: 16px; right: 0px; width:345px; }
	#top-nav { position: absolute; top: 0px; right: 0px; width: 207px; height: 32px; background: url("images/topnav.png") no-repeat; display: inline; text-align: center; padding-top: 3px; color: #fff }
	#top-nav a { font-size: 11px; color: #fff; text-decoration: none; }
	#top-nav a:hover { border-bottom: 1px dashed #fff }
	#search-bar { position: absolute; top: 108px; right: 0px; background-color: #803eb9; width: 230px; height: 37px; color: #fff; }
	#search-bar div { display: inline;  }
	#search div input {  }
	#go { position: absolute; top: 8px; right: 8px; border: 1px solid #c40f3c; width: 24px; height: 23px; font-size: 10px; background-color: #c40f3c; text-align: center; color: #fff; }
	.search-bar { margin-top: 8px; margin-left: 10px; padding-top: 3px; width: 250px; height: 16px; }
	
#menu { width: 100%; height: 38px; background: url("images/menu-bg.gif") repeat-x; margin: 0px auto; /* border-left: 1px solid #833ed7; border-right: 1px solid #833ed7; */ display: table;  }
	
#slideshow { width: 1002px; margin: 5px auto 0px auto; height: 270px; background: #fff url("images/loader.gif") no-repeat center center; text-align: center }

#slider { width: 100%; height: 270px; margin: 5px auto 0px auto; border: 1px solid #833ed7; }

#content {  width: 100%; margin: 5px auto 0px auto; background: #fff url("images/bg_flower.gif") no-repeat bottom left; /* border: 1px solid #ddd;  */text-align: left; display: table; padding: 20px 0px;  }

	#tabber { width: 280px; float: left; padding-left: 0px; font-size: 11px; }
		#news {  background: #e0dbff url("images/news-bg.gif") no-repeat; width: 280px; padding-bottom: 10px; color: #7338a6; }	
		#events {  background: #d3f8aa url("images/events-bg.gif") no-repeat; width: 280px; padding-bottom: 10px; margin-top: 20px; color: #52761c; }
		#tabber ul { list-style: none; }
		

	#content-area { margin-top: 0px; margin-left: 310px; line-height: 1.7em; color: #333; margin-bottom: 0px; }
		.story { width: 100%; display: table; padding: 0px 15px 0px 0px; margin-right: 10px; }		
			.story ul { list-style: none; }
			.story ul li {}
			.story ul li ul { margin-left: 25px; margin-bottom: 10px; list-style: none }
			#story-image-slider { margin-top: 0px; width: 100%; height: 216px; background: #aaa url("images/img_bg.jpg") no-repeat; text-align: center }

			.img-link { display: block; float: left; width: 170px; border: none!important; margin-right: 20px; }						
			p.links { }
			p.links a { }
			p.links a span { color: #eee; font-size: 10px; }			
			.link-text { color: #888; }	
			
		#placeholder { border: 1px solid #ddd; width: 100%; height: 200px; background: #fff url("images/loader.gif") no-repeat center center; position: relative; top: 0px; margin-top: 0px; margin-bottom: 20px; }
		#image-slider{ border: 1px solid #ddd; width: 100%; height: 216px; background: #fff url("images/loader.gif") no-repeat center center; margin-top: 0px; margin-bottom: 20px; }
		#photo-slider{ border: 1px solid #ddd; width: 100%; height: 216px; background: #fff url("images/loader.gif") no-repeat center center; margin-top: 0px; margin-bottom: 20px; }
		#page-slider{ width: 558px; height: 302px; margin: 20px 0px; background: #fff url("images/loader.gif") no-repeat center center;  }
		p { margin: 10px 0px; line-height: 1.5em; font-size: 13px; }
		table { border: 0px; width: 558px; border-collapse: collapse; margin-top: 10px; }
		table tr td { padding: 5px 10px; border-bottom: 1px solid #bbb; }
		table tr td a { color: #7338a6; text-decoration: none; font-weight: bold }
		table tr.odd { background-color: #eee;  }
		table tr.even{ background-color: #fff;  }
		a { color: #b6abf9; font-weight: bold }	
		a:hover { color: #7338a6; border-bottom: 1px dashed #b6abf9; }
		a.none { border: none!important; position: relative; top: 5px; margin-right: 8px; }
		p img { border: 1px solid #eee; }
		
		
	#content-wrapper { width: 100%; margin: 0px auto; }
	
#footer { width: 1000px; margin: 0px auto 0px auto; padding: 8px 10px; /* width: 100%;  */background-color: #833ed7; /* ("images/footer.png") no-repeat; */ text-align: center; color: #fff; font-size: 11px; }		
	#footer a { color: #fff; font-size: 10px; }
	#footer a:hover { color: #b6abf9; border-bottom: 1px dashed #b6abf9; }

#rbituonan { font: bold 9px Tahoma; color: #b6abf9!important; }
#rbituonan:hover { border-bottom: 1px dashed #b6abf9;  }

/* GENERAL DECLARATIONS */
/*h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman", Times, serif;}*/
h1 {  font-size: 18px; font-weight: normal }
h2 { font-size: 16px; font-weight: normal; }
h2 span { font-size: 14px; }
h2.conf_title { padding: 5px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #444; }
h3 { font-size: 15px; color: #7338a6; }
.red { color: #c40f3c; }
.violet { color: #7338a6; }
.green { color: #52761c; }
.gray { color: #888; }
.bold { font-weight: bold!important; }
.clear { clear: both }
.nomargin { margin: 0px; padding: 0px; }

/* CLASSES */
.icons { float: left; display: block; width: 50px; height: 50px; background-image: url("images/posts.gif"); background-repeat: no-repeat; color: #7338a6; font-size: 11px; }
.icon-date { background: url("images/icon2.gif") no-repeat 0px 0px; display: inline; padding-left: 20px; font-size: 11px; color: #888 }

ul.icon3 { list-style: none;  }
ul.icon3 li { background: url("images/icon4.gif") no-repeat 0px 6px; padding-left: 15px; }
ul.icon3 li a { font-weight: normal!important; color: #7338a6; }
ul.icon3 li a:hover { color: #b6abf9; border-bottom: 1px dashed #b6abf9 }

ul.icon3 li span { font-size: 10px; color: #888; }

ul.violet-leaf { list-style: none; margin-left: 0px; }
ul.violet-leaf li { width: 100%!important; clear: both; background: url("images/violet-leaf.gif") no-repeat left 4px; padding-left: 15px; padding-right: 5px; color: #333; margin: 5px 0px; font-size: 11px; }
ul.violet-leaf li  a { text-decoration: none; font-weight: bold; color: #333; font-size: 12px; padding-right: 2px; }
ul.violet-leaf li  a:hover { border-bottom: 1px dashed #333;  }

ul.green-leaf { list-style: none; margin-left: 10px;  }
ul.green-leaf li { background: url("images/green-leaf.gif") no-repeat left 5px; padding-left: 15px; color: #333; margin: 5px 0px; font-size: 11px; }
ul.green-leaf li  a { text-decoration: none; font-weight: bold; color: #333; font-size: 12px; }
ul.green-leaf li  a:hover { border-bottom: 1px dashed #333;  }

ul.pdf { list-style: none; margin-left: 0px;  }
ul.pdf li { background: url("images/pdf.gif") no-repeat left 5px; padding-left: 25px; color: #333; margin: 5px 0px; font-size: 11px; }
ul.pdf li  a { text-decoration: none; font-weight:normal; color: #333; font-size: 12px; }
ul.pdf li  a:hover { border-bottom: 1px dashed #333;  }

.photo-left { background-color: #ddd; padding: 1px; float: left; margin: 0px 20px 20px 0px; }
.photo-right { background-color: #ddd; padding: 1px; float: right; margin: -30px 20px 0px 20px; }
.pad10 { padding: 10px; }
.bottom10 { margin-bottom: 10px; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top35 { margin-top: 35px; }
.left10 { margin-left: 10px; }
.pad-left20 { padding-left: 20px; }
.photo-caption { margin-top: 25px; color: #833ed7; font-weight: bold; font-size: 13px; display: table; box-sizing: border-box; width: 100%; }
.photo-caption > img { width: 300px; padding: 5px; border: 1px solid #ddd; background-color: #eee; float: left; margin-right: 10px; }
.photo-caption > img:hover { background-color: #9359d9; float: left; margin-right: 10px; }
.photo-caption p { margin: 0px; padding: 0px; color: #333; font-weight: normal; line-height: 1.25em }
.photo-caption p.title { margin-top: 10px; padding: 0px; color: #333; font-weight: bold; line-height: 1.25em }

/* hyperlinks class */
a.read { text-decoration: none; color: #c40f3c; border-bottom: 1px solid #fff; background-color: #fff }
a.read:hover { border-bottom: 1px dashed #c40f3c; }
.read-img { position: relative; top: 2px; float: none!important; }

a.more { color: #7338a6; text-decoration: none; }
a.more:hover { border-bottom: 1px dashed #7338a6; }

a.more-events { color: #52761c; text-decoration: none; }
a.more-events:hover { border-bottom: 1px dashed #52761c; }

a { text-decoration: none; }
a img { border: 0px; }
.line { background: #fff url("images/line.gif") repeat-x bottom; width: 555px;  }

/* text */
.gallery-text { font-size: 10px; }

/*div.caption {
	position: absolute; margin-top:-60px; margin-left:1px; width: 538px; height: 30px; text-align: center;	left: 50%;
	padding: 5px 10px; background-color: #000; color: white; border-radius: 10px; display: none;text-align: left;
}*/
/*
	#menu ul li:hover{ background: url("images/menu-bullet-up.gif") no-repeat left 15px;  }
	#menu ul li a { text-decoration: none; color: #fff; font-weight: bold; font-size: 13px;  }
	#menu ul li a:hover { color: #b6abf9 }
*/
/* droopy css */
.nav { display: block; left: 20px; top: 0px; padding: 0; position: relative; list-style: none; font-size: 13px; /* z-index: 1000; */ }
	.nav li { background: url("images/menu-bullet.gif") no-repeat 5px 14px; float: left; margin-right: 20px; /*display: block!important; margin: 0; padding: 0; float: left; */position: relative; }
	.nav li:hover { background: url("images/menu-bullet-up.gif") no-repeat 5px 14px; }
	.nav a { display: block; color: #fff!important; border-bottom: none; padding: 12px 20px;  }
	.nav a:hover { background-color: red; color: #b6abf9!important; 
				-khtml-opacity:.50; 
				-moz-opacity:.50; /* Mozilla */
				-ms-filter:”alpha(opacity=50)”;
				filter:alpha(opacity=50); /* IE */
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
				opacity:.50; 	/* CSS3 */
	}
	.nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; list-style: none; }
	* html .nav ul { line-height: 0; } /* IE6 "fix" */
  	.nav ul a { zoom: 1; padding-top: 5px; } /* IE6/7 fix */
	/*#nav ul a:hover { color: #7338a6!important; }*/
    .nav ul li { float: none; background-image: none; width: 150px; text-align: left; }
    .nav ul li:hover { background-image: none; }
    .nav ul ul { top: 0; }
    
/* Essentials - configure this */
.nav ul {  left: 0px; }
	.nav ul ul { left: 0px; }

/* Everything else is theming */
.nav { height: 24px; }
	.nav *:hover { background-color: none!important; }
	.nav a { /*border-right: 1px solid white; color: white; font-size: 12px; padding: 6px;*/ line-height: 1; }
	.nav a:hover { color: #7338a6; }
	/*#nav li.hover a {  }*/
	.nav ul { top: 38px; }
	.nav ul li { margin: 0px; width: 205px; height: 28px; padding-top: 5px; background-color: #833ed7; border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90);  }
	.nav ul li:hover { background-color: #833ed7; color: #c40f3c!important }
    .nav ul li a { font-weight: normal!important }
	.nav ul li a:hover {  }
    .nav ul li.hover > a { color: #b6abf9!important; }
	.nav ul a {  }
	/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

.subTitle { width: 100%; margin-bottom: 5px; border-bottom: 1px solid #7338a6; color: #7338a6; margin-top: 20px;}

p.clear { margin: 0px!important; }


.box_skitter { border-bottom: 1px solid #7638c1; }
.box_skitter a:hover { border: 0px!important; }



	div#zone_tabber { width: 30%; float: left; background: url("../images/vert_line.png") repeat-y right; 		
		margin-bottom: 20px;
		/* border: 1px solid red;	 */	}
	div#zone_content { line-height: 1.75em; margin-left: 33%; margin-top: 0px; color: #272727;
		/* border: 1px solid red; */
	}	

	div#zone_content img { float: left; margin-right: 20px; }
	

ul.news { border-top: 1px solid #ddd; padding-top: 10px; list-style: none; width: 100%; margin: 10px 0px 0px 0px;  }
ul.news li { list-style: none; margin-bottom: 10px; clear: both!important; float: none!important; 
	border-bottom: 1px solid #ddd; padding-bottom: 10px;  }
ul.news li a { color: #7638c1; }
ul.news li a:link { color: #7638c1; }
ul.news li a:hover { border-bottom: 1px dotted #7638c1 }
ul.news li span { font-size: 11px!important; color: #444!important; }


#highlight { background-color: #1b676b; padding: 15px; margin: 10px 0px; color: #fff; text-align: center; }

#highlight blockquote{ 
  font: 2em/1.6em Georgia, "Times New Roman", Times, serif;
  background: url("../images/close-quote.png") no-repeat 91% top;
  padding-left: 18px;
  text-indent: -18px;
}

#highlight blockquote:first-letter {
  background: url("../images/open-quote.png") no-repeat left top;
  padding-left: 18px;
  font-style: italic;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;  
}


#bottom { margin: 0px auto; background-color: #595959 /* 88c425 */; 
	text-align: left; color: #fff; display: table;
	width: 100%;
}

.bot-container { float: left; width: 20%; margin: 25px 0px 20px 25px; }
.bot-container p { margin-top: 5px; font-size: 12px; color: #fff; line-height: 1.55em; }
.bot-container .title { font-size: 13px; font-weight: bold; letter-spacing: 0.01em }
.bot-container a { color: #e287aa; text-decoration: none; /* font-weight: bold; */ }
.bot-container a:hover { color: #fff; border-bottom: 1px dotted #fff; }

#bottom ul { margin-top: 5px; list-style: none; }
#bottom ul li { list-style: none; margin-bottom: 5px; }
#bottom ul li a { text-decoration: none; font-weight: normal; font-size: 13px; color: #fff }
#bottom ul li a:hover { border-bottom: 1px dotted #fff; color: #fff }
#bottom div:last-child { margin-left: 8%; }
#bottom h3 { color: #e287aa; }

.text-group { margin-top: 25px; display: table; width: 100%; box-sizing: border-box; }
.text-group-sub { margin-top: 10px;  }


.zoom { color: #333; font-size: 11px; margin-top: 10px!important;  }
.zoom img { position: relative; top: 5px; border: 0px; }

table { width: 100%; }
.table { width: 100%; }