/*    
Name: Sri Lanka Unites :: Youth Movement for Hope and Reconciliation 
Theme URI: http://www.srilankaunites.org/ 
Author: Jeremiah Shaw
*/ 

h1
{
 color: #c3d231;
}

h3
{
color: #d1d0d0;
display: inline;
font-family: Verdana;
}

a 
{
	color: #c3dc4c;
	font-family: Verdana;

}

a:hover 
{ 
	font-family: Verdana, sans-serif;  
	color: #76862b;
}

body
{
	background: #b4afa6;
	background-image: url(img/bg.jpg);
	border: none;
}
.header
{
	margin-top: 50px;
	width: auto;
	height: auto;
	margin-left: -50px;
}
.nav 
{
	margin-top: 30px;
	margin-bottom: -10px;
}

.container
{
	margin-top: -20px;
	background-image: url(img/content-main.png);
	background-repeat: no-repeat;
	width: 940px;
	height: 352px;	
}
.info_row
{
	margin-top: 10px;
	background-image: url(img/info-bg.png);
	width: 940px;
	height: 215px;
	float: left;
	margin-left: -5px;
	
}
.imagery
{
	float: left;
	background-image: url(img/imagery-bg.png);
	background-repeat: no-repeat;
	width: 605px;
	height: 305px;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 0px;
	position: absolute;
}
.video
{
	float: right;
	background-image: url(img/video-bg.png);
	background-repeat: no-repeat;
	width: 245px;
	height: 305px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 5px;
}
#who
{
	position: absolute; 
	visibility: hidden; 
	width: 600px; 
	height: 200px; 
	background-color: #ddd;
	color: #ddd; 
	border: 0px;
}
#facebook
{
	float: left;
	margin-left: 75px;
	margin-right: 20px;
	padding-top: 30px;
}
#conference
{
	float: left;
	margin-left: 40px;
	margin-right: 0px;
	padding-top: 30px;
	width: 200px;
}
#donate
{
	float: left;
	padding-left: 40px;
	margin-right: 0px;
	padding-top: 45px;
	width: 300px;
}
.footer
{
	background-image: url(img/footer-bg.png);
	background-repeat: no-repeat;
	width: 808px;
	height: 46px;
	margin-top: 20px;
	float: left;
}


/********** popup bubble **********/

.bubbleInfo {
    position: relative;    
}
.popup {
    position: absolute;z-index: 999;
    display: none; /* keeps the popup hidden if no JS available */
    background-image: url(img/conference-box.png);
    background-repeat: no-repeat;
    width: 521px;
    height: 347px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 55px;    
}
.popup2 {
    position: absolute;z-index: 999;
    display: none; /* keeps the popup hidden if no JS available */
    background-image: url(img/info-box.jpg);
    background-repeat: no-repeat;
    width: 521px;
    height: 347px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 55px;
    overflow: auto;    
}


/****** slide show  ******/

.slideshow_container
{
	float: left;
	margin-left: 40px;
	margin-top: 30px;
	
}

.slideshow .pics {  
    height:  528px;  
    width:   284px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 9px;  
      
    background-color: #392d25;  
    width:  500px; 
    height: 256px; 
    top:  0; 
    left: 0 
} 


/****** slider  ******/



* 									
{ 
	margin: 0; 
	padding: 0; 
}

body 								
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
}

a 									
{ 
	/* remove the dotted outlines when clicking tabs */ 
	outline: none; 
	text-decoration: none; 
}

ul 
{ 
	list-style: none; 
}


/*
	WIDGET STRUCTURE
*/

#blogSliderWrap 
{ 
	width: 900px; 
	
	margin-top: -56px;
	padding-bottom: 0px; 
	float: left; 
	
}

#blogSlider 
{ 
	margin-left: 2px; 
	padding: 5px 5px 0px 5px; 
	width: 900px; 
}

.stripViewer 
{ 
	position: relative; 
	overflow: hidden; 
	clear: both; 
}

.stripViewer .panelContainer 
{ 
	position: relative; 
	left: 0px; 
	top: 0px; 
}

.stripViewer .panelContainer .panel 
{ 
	float: left; 
	position: relative; 
	width: 900px; 
}

.stripNav 							
{ 
	margin-left: 0px; 
	position: relative; 
	top: 18px; 
	z-index: 99;
	width: 900px; 
	
}

.wrapper 
{ 
	margin-top: 15px;
	padding: 10px; 
}

.innerWrap 
{ 
	width: 900px; 
	overflow: hidden; 
}

#push 
{ 
	height: 0px; 
}


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 
{ 
float: left; 
}

.stripNav li a 
{ 

/* Generic "CSS image replacement" */
	
	display: block; 
	height: 38px; 
	text-indent: -9999px; 
}

/* The below class names are auto-generated by the JavaScript */

.stripNav li.tab1 a 
{ 
	background: url(img/tab1.png) top center no-repeat; 
	width: 191px;
	position: absolute;
	z-index: 6; 	 
}
.stripNav li.tab2 a 
{ 
	background: url(img/tab2.png) top center no-repeat; 
	width: 191px;
	position: absolute;
	margin-left: 140px;
	z-index: 5; 
}
.stripNav li.tab3 a 
{ 
	background: url(img/tab3.png) top center no-repeat; 
	width: 191px; 
	position: absolute;
	margin-left: 280px;
	z-index: 4; 


}
.stripNav li.tab4 a 
{ 
	background: url(img/tab5.png) top center no-repeat; 
	width: 191px;
	position: absolute;
	margin-left: 420px;
	z-index: 3;
}
.stripNav li.tab5 a 
{ 
	background: url(img/tab6.png) top center no-repeat; 
	width: 191px;
	position: absolute;
	margin-left: 560px;
	z-index: 2;
}
.stripNav li.tab6 a 
{ 
	background: url(img/tab4.png) top center no-repeat; 
	width: 191px;
	position: absolute;
	margin-left: 700px;
	z-index: 1;
}

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 
{ /* Restore focus styling that we removed when we removed outlines */
	background-position: top center;	 
}

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current 
{ 
	background: url(img/tab1.png) bottom center no-repeat;
		position: absolute; 
}

.stripNav li.tab2 a.current 
	{ background: url(img/tab2.png) bottom center no-repeat; 
		position: absolute;
		margin-left: 140px;
		z-index: 100; 
}

.stripNav li.tab3 a.current 
{ 
	background: url(img/tab3.png) bottom center no-repeat; 
		position: absolute; 
		margin-left: 280px;
		z-index: 100; 
}

.stripNav li.tab4 a.current 
{ 
	background: url(img/tab5.png) bottom center no-repeat;
	position: absolute; 
 	margin-left: 420px;
 	z-index: 100;  
}

.stripNav li.tab5 a.current 
{ 
	background: url(img/tab6.png) bottom center no-repeat;
	position: absolute; 
 	margin-left: 560px;
 	z-index: 100; 
}

.stripNav li.tab6 a.current 
{ 
	background: url(img/tab4.png) bottom center no-repeat;
	position: absolute; 
 	margin-left: 700px;
 	z-index: 100; 
}


/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			
{ 
	display: block; 
	position: absolute; 
	width: 0px; 
	height: 0px; 
	text-indent: -9999px; 
}
.stripNavL a						
{ 
	bottom: 35px; 
	left: 45px; 
	background: url(images/previous.png); 
}
.stripNavR a 
{ 
	bottom: 35px; 
	right: 45px; 
	background: url(images/next.png);
}


/* 
	HEADLINES STYLING 
*/
.panel ul 							
{ 
	width: 900px; 
}
.panel ul li a 						
{ 
	border-bottom: 1px solid #C1B599; 
	color: #303030;
	display: block; 
	padding: 7px 10px;
}
.panel ul li: last-child a 			
{ 
/* Remove bottom border on last list item Hooray for pseudo selectors! */
	border: none; 
}
								  	  /* Unique rollover colors for each list */
.panel ul#psd-list li a:hover 		
{ 
	background: #b20202; 
	 
}
.panel ul#net-list li a:hover 		
{	
	background: #4a8c7f; 
	 
}
.panel ul#vector-list li a:hover 	
{ 
	background: #1f5293; 
	
}
.panel ul#audio-list li a:hover 	
{ 
	background: #4f7c11; 
	
}