@charset "utf-8";
/* CSS Document */
body {
	font: 17px 'Century Gothic', Geneva, Verdana, Sans-Serif;
	color: #2b2e80;
	margin: 0; padding: 0;
	}
	
	a:link, a:visited {
	text-decoration: underline;
	color: #2d8ac9;

}
a:hover { 
text-decoration: underline;
 }
.blu {
color: #2b2e80;

}
/* Headers */
h1, h2, h3, h4 , h5 {
	font: bold 1em/1.5em 'Century Gothic', Geneva, Verdana, Sans-Serif;
	color: #2d8ac9;
	margin: 20px 0;
	text-align:center;
}
h1 { font-size: 3.7em; font-weight: normal; letter-spacing: -2px; }
h2 { font-size: 2em; font-weight: normal; }
h3 { font-size: 2em; font-weight: bold; letter-spacing: -0.5px; padding-top: 15px; margin-bottom: 5px; }
h4 { font-size: 1.5em; font-weight: bold; margin: 40px 0 10px 0; }
h5 { font-size: 1.3em; margin-top: 5px;}

ul, ol {
	margin: 0 auto;
	padding: 0;
	text-align:left;
	font-size:17px;
	letter-spacing: -1px;
}
ul#meetings { width: 600px;}
ul { list-style: none; }

p, dl { margin: 10px 50px;
	text-indent:0;
	font-size:17px;
	letter-spacing: -1px;
	text-align:justify; }

#wrapper { width:800px;
height:600px;
margin:10px auto;
background:url(images/bg.gif);
}
.twitter { margin:20px;
float:left;}
.contact { width:600px;
margin-top:50px; }
/* tab pane styling */
#panes {
background-color:#FFFFFF;
width:800px;
}
#panes div {
	display: block;		
	padding:0;
	height:600px;
		font-size:14px;
	}
img { margin:0;
padding:0;
border:0;}

.legal {
padding: 0;
margin:0 0 10px 0;
font-size:smaller;
text-align:center;
}
	
	#left { width:395px; float:left; text-align:center; display:block; margin: 25px 0 0 0;
	}
	#right {width:395px; float:right; text-align:center; display:block; margin: 25px 0 0 0;}
	
	


/* root element for tabs  */
ul#tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:10px 0 0 120px;	
	height:50px;
}

/* single tab */
ul#tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul#tabs a {
	color: #84d6e8;	
	font-size:30px;
	font-weight:bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 140px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul#tabs a:active {
	outline:none;
			
}

/* when mouse enters the tab move the background image */
ul#tabs a:hover {
	
	color: #2b2e80;	
	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul#tabs a.current, ul#tabs a#current:hover, ul#tabs li#current a {
			
	cursor:default !important; 
	color: #2b2e80 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul#tabs a.s 			{ background-position: -553px 0; width:81px; }
ul#tabs a.s:hover 	{ background-position: -553px -31px; }
ul#tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul#tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul#tabs a.l:hover 	{ background-position: -248px -31px; }
ul#tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul#tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul#tabs a.xl:hover 	{ background-position: 0 -31px; }
ul#tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
#panes #pane {
	display:none;		
}

	div.overlay {
		width:400px;		
		height:250px;
			}
/* the overlayed element */
.overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	
	min-width: 600px;	
	min-height: 480px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	
	
	overflow-x: hidden;
	overflow-y: auto;
	
	
}
.overlay p { padding:20px; margin:0; text-align: justify;}
/* close button positioned on upper right corner */
.overlay .close {
 
	background-image:url(close.png);
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	height:35px;
	width:35px;
}


	div.home ul { margin:0;
			padding:0;
			display:block;
			}
			
			
		
		ul.hover_block { display: block; overflow: hidden; height: 300px; width:400px; padding: 0; margin: 0;}
		
			
		ul.hover_block li, ul.hover_block2 li{
		display:block;
			list-style:none;
			float:left;
			background: #fff;
			padding: 0;
			width:400px; position: relative;
			margin: 0; }
 
		ul.hover_block li a, ul.hover_block2 li a{
			display: block;
			position: relative;
			overflow: hidden;
			height: 300px;
			width: 400px;
			padding: 0px;
			color: #000;
			font: 1.6em/1.3 'Century Gothic', Helvetica, Arial, sans-serif;
			
			
		}
 
		ul.hover_block li a, ul.hover_block2 li a{ text-decoration: none;  }
 
		ul.hover_block li img, ul.hover_block2 li img{
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		
		}


.credit {
font-size:10px;
text-align:right;
margin: 0 55px 0 0;
}